:root,:root[data-theme=hell]{--bg:#f7f8fa;--bg-deep:#eef0f3;--surface:#fff;--surface-elev:#fff;--ink:#1a1a1a;--ink-soft:#374151;--ink-muted:#6b7280;--primary:#0e3d2a;--primary-deep:#082a1c;--primary-soft:#0e3d2a14;--accent:#0e3d2a;--accent-soft:#d6f0dc;--lila:#7c3aed;--lila-soft:#ede9fe;--gold-line:#0e3d2a40;--border:#e5e7eb;--border-strong:#d1d5db;--success:#0e7a4a;--success-bg:#d6f0dc;--warn:#b3791e;--warn-bg:#fef3c7;--error:#b91c1c;--error-bg:#fee2e2;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 14px -2px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 20px 40px -20px #0f172a2e, 0 8px 16px -8px #0f172a14;--font-serif:"Lora", Georgia, "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--t-fast:.15s ease;--t-med:.25s cubic-bezier(.4, 0, .2, 1);--spring-bouncy:cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--bg-hero:#faf7f2;--card-stack-gap:8px}:root[data-theme=dunkel]{--bg:#0f1419;--bg-deep:#0a0d11;--surface:#181d23;--surface-elev:#1f252d;--ink:#f3f4f6;--ink-soft:#d1d5db;--ink-muted:#9ca3af;--primary:#4ade80;--primary-deep:#22c55e;--primary-soft:#4ade8021;--accent:#4ade80;--accent-soft:#4ade802e;--lila:#a78bfa;--lila-soft:#a78bfa2e;--gold-line:#4ade8059;--border:#ffffff14;--border-strong:#ffffff26;--success:#4ade80;--success-bg:#4ade8021;--warn:#fbbf24;--warn-bg:#fbbf2421;--error:#f87171;--error-bg:#f8717121;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px -2px #00000080, 0 2px 4px #0000004d;--shadow-lg:0 20px 40px -20px #000000b3, 0 8px 16px -8px #0006}:root[data-theme=dunkel] body{background:var(--bg);background-image:none}:root[data-theme=dunkel] .topbar{background:var(--surface);border-bottom:1px solid var(--border)}:root[data-theme=dunkel] meta[name=theme-color]{content:"#0f1419"}:root[data-theme=dunkel] .karteikarte .back{background:var(--surface-elev)}*{box-sizing:border-box}html,body,#root{font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.55}body{background-color:var(--bg);min-height:100vh}.app{min-height:100vh}.topbar{background:var(--surface);color:var(--ink);z-index:20;border-bottom:1px solid var(--border);align-items:center;gap:2rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--primary);align-items:center;gap:.6rem;font-size:1.4rem;font-weight:700;display:flex}.brand-icon{justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.brand-icon svg{width:100%;height:100%}.brand-text small{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);margin-top:-2px;font-size:.68rem;font-weight:400;display:block}.topbar nav{flex-wrap:wrap;justify-content:flex-end;gap:.4rem .25rem;margin-left:auto;display:flex}.topbar nav a{color:var(--ink-muted);border-radius:var(--r-full);white-space:nowrap;transition:color var(--t-fast), background var(--t-fast);align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}@media (width<=1200px){.topbar nav a{padding:.4rem .55rem;font-size:.85rem}}.topbar nav a svg{opacity:.85;flex-shrink:0}.topbar nav a:hover svg,.topbar nav a.active svg{opacity:1}.topbar nav a:hover{color:var(--primary);background:var(--primary-soft)}.topbar nav a.active{color:var(--primary);font-weight:600}.topbar nav a.active:after{content:"";background:var(--primary);border-radius:2px;width:18px;height:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}main{max-width:920px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.page>h1{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.02em;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.page>h2{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.01em;margin:2rem 0 1rem;font-size:1.5rem;font-weight:700}.setup-banner{color:var(--ink-soft);background:linear-gradient(#fbf2e0,#f5e8c8);border-bottom:1px solid #b6873d59;padding:.75rem 1.75rem;font-size:.9rem}.setup-banner code{background:#5e1d2814;border-radius:4px;padding:1px 6px;font-family:SF Mono,Menlo,monospace;font-size:.85em}.error{background:var(--error-bg);color:var(--error);border-radius:var(--r-md);border-left:3px solid var(--error);margin:1rem 0;padding:.85rem 1rem;font-size:.95rem}.warn{background:var(--warn-bg);color:var(--warn);border-radius:var(--r-md);border-left:3px solid var(--warn);margin:1rem 0;padding:.85rem 1rem;font-size:.95rem}.generator-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;margin:1.5rem 0 2rem;padding:1.75rem;display:flex}.generator-form:before{display:none}.generator-form .row{flex-wrap:wrap;gap:.85rem;display:flex}.generator-form label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);flex-direction:column;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}.generator-form label.grow{flex:220px}.generator-form input,.generator-form select,.generator-form textarea{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-size:.95rem;font-family:var(--font-sans);text-transform:none;letter-spacing:0;transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:.75rem 1rem;font-weight:400}.generator-form input:focus,.generator-form select:focus,.generator-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}button.primary,a.primary{background:var(--primary);color:#fff;border-radius:var(--r-full);font-size:.95rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:transform var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);border:none;justify-content:center;align-self:flex-start;align-items:center;gap:.4rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}button.primary:hover:not(:disabled),a.primary:hover{background:var(--primary-deep);transform:translateY(-1px);box-shadow:0 6px 16px -6px #0e3d2a66}button.primary:active:not(:disabled),a.primary:active{transform:translateY(0)}button.primary:disabled{opacity:.45;cursor:not-allowed}button.secondary,a.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-sans);transition:background var(--t-fast), border-color var(--t-fast), transform var(--t-fast);align-items:center;gap:.4rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}button.secondary:hover:not(:disabled),a.secondary:hover{background:var(--bg-deep);border-color:var(--border-strong);transform:translateY(-1px)}button.secondary:disabled{opacity:.45;cursor:not-allowed}button.link{color:var(--primary);cursor:pointer;font-family:var(--font-sans);font-size:inherit;text-align:left;background:0 0;border:none;padding:0}button.link:hover{text-decoration:underline}button.back{color:var(--ink-muted);cursor:pointer;font-size:.9rem;font-family:var(--font-sans);transition:color var(--t-fast);background:0 0;border:none;padding:.4rem 0;font-weight:500}button.back:hover{color:var(--primary)}a.action{color:var(--primary);background:var(--primary-soft);transition:background var(--t-fast);border-radius:999px;margin-left:.6rem;padding:.2rem .55rem;font-size:.82rem;font-weight:500;text-decoration:none}a.action:hover{background:#5e1d2829}.pdf-upload{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);transition:border-color var(--t-fast), background var(--t-fast);background:#fffdf880;padding:.9rem}.pdf-upload:hover{border-color:var(--accent);background:#e8c97a14}.upload-label{cursor:pointer;text-align:center;color:var(--ink-muted);font-size:.9rem;font-weight:500;display:block}.upload-label input[type=file]{display:none}.upload-current{color:var(--ink-soft);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:.6rem;padding-top:.6rem;font-size:.85rem;display:flex}.karten-filter{flex-direction:column;gap:.7rem;margin:1.5rem 0;display:flex}.filter-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.filter-tabs .tab{border:1px solid var(--border);background:var(--surface);color:var(--ink-muted);border-radius:var(--r-full);cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-sans);transition:all var(--t-fast);align-items:center;gap:.5rem;padding:.55rem 1rem;display:inline-flex}.filter-tabs .tab:hover:not(:disabled):not(.aktiv){border-color:var(--primary);color:var(--primary);background:var(--accent-soft)}.filter-tabs .tab.aktiv{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px -4px #0e3d2a59}.filter-tabs .tab .count{color:inherit;border-radius:var(--r-full);text-align:center;background:#00000014;min-width:22px;padding:2px 7px;font-size:.72rem;font-weight:700}.filter-tabs .tab.aktiv .count{color:#fff;background:#ffffff40}.filter-tabs .tab:disabled{opacity:.4;cursor:not-allowed}.thema-filter{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-size:.95rem;font-family:var(--font-sans);transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:.6rem .95rem}.thema-filter:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.learn-area .counter{text-align:center;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-muted);margin:.5rem 0 1rem;font-size:.78rem;font-weight:600}.karteikarte{perspective:1500px;height:240px;margin:1rem 0}.karteikarte.karteikarte-cloze{perspective:none;height:auto}.cloze-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:1.75rem 2rem;position:relative}.cloze-card .label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:.5rem;font-size:.75rem}.cloze-card .text{color:var(--ink);font-size:1.1rem;line-height:1.7}.cloze-card .hint{color:var(--ink-muted);margin-top:1rem;font-size:.85rem;font-style:italic}.cloze-card .meta{color:var(--ink-muted);margin-top:.75rem;font-size:.8rem}.cloze-resultat{border-radius:8px;margin-top:1.25rem;padding:.65rem 1rem;font-size:.95rem}.cloze-resultat.cloze-richtig{color:#145014f2;background:#78c86433;border-left:4px solid #3ca03ccc}.cloze-resultat.cloze-teilweise{color:#785000f2;background:#e8c97a40;border-left:4px solid #c8a03ccc}.cloze-resultat.cloze-falsch{color:#8c1e1ef2;background:#dc64642e;border-left:4px solid #c83c3ccc}.cloze-aufloesung{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}:root[data-theme=dunkel] .cloze-card{background:var(--surface);border-color:var(--border)}:root[data-theme=dunkel] .cloze-resultat.cloze-richtig{color:#dcffc8f2;background:#78c8642e}:root[data-theme=dunkel] .cloze-resultat.cloze-teilweise{color:#ffe6b4f2;background:#e8c97a2e}:root[data-theme=dunkel] .cloze-resultat.cloze-falsch{color:#ffc8c8f2;background:#dc64642e}.karteikarte .flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,0,.2,1);position:relative}.karteikarte .flip.gedreht{transform:rotateY(180deg)}.karteikarte .front,.karteikarte .back{backface-visibility:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 2.25rem;display:flex;position:absolute;inset:0;overflow:hidden}.karteikarte .front:before,.karteikarte .back:before,.karteikarte .front:after,.karteikarte .back:after{display:none}.karteikarte .back{background:var(--accent-soft);transform:rotateY(180deg)}.karteikarte .label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin-bottom:1rem;font-size:.72rem;font-weight:600}.karteikarte .text{font-family:var(--font-serif);color:var(--ink);max-width:90%;font-size:1.2rem;font-weight:500;line-height:1.55}.karteikarte .back .text{font-size:1.05rem;font-weight:400}.karteikarte .hint,.karteikarte .meta{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);font-size:.72rem;font-family:var(--font-sans);position:absolute;bottom:1rem}.antwort-eingabe{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:.8rem;margin:1.5rem 0;padding:1.1rem;display:flex}.antwort-eingabe label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:.5rem;font-size:.78rem;font-weight:600;display:flex}.antwort-eingabe textarea{font-family:var(--font-serif);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-elev);color:var(--ink);resize:vertical;text-transform:none;letter-spacing:0;min-height:100px;transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:.85rem;font-size:1.02rem;font-weight:400;line-height:1.55}.antwort-eingabe textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.antwort-actions{flex-wrap:wrap;gap:.75rem;display:flex}.sr-bar{background:linear-gradient(180deg, var(--surface) 0%, var(--bg-deep) 100%);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:.6rem;margin:1rem 0;padding:1rem 1.1rem;display:flex}.sr-bar-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);text-align:center;font-size:.78rem;font-weight:600}.sr-bar-buttons{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.sr-btn{border-radius:var(--r-md);font-family:var(--font-sans);cursor:pointer;transition:transform var(--t-fast), filter var(--t-fast);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.6rem .5rem;display:flex}.sr-btn-label{font-size:.95rem;font-weight:600}.sr-btn-interval{opacity:.75;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:500}.sr-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.sr-btn.sr-1{color:var(--error);background:#a324261f;border-color:#a324264d}.sr-btn.sr-3{color:var(--warn);background:#b3791e21;border-color:#b3791e4d}.sr-btn.sr-4{color:var(--success);background:#2f6e4421;border-color:#2f6e444d}.sr-btn.sr-5{color:#fff;background:linear-gradient(#2f6e44 0%,#235534 100%);border-color:#235534}.sr-bar-hint{color:var(--ink-muted);text-align:center;font-size:.78rem;font-style:italic;font-family:var(--font-serif)}.vertiefen-zone{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.vertiefung{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-md);font-family:var(--font-serif);padding:1.1rem 1.25rem}.vertiefung h3{font-family:var(--font-serif);color:var(--primary);margin:0 0 .6rem;font-size:1.15rem}.vertiefung p,.vertiefung li{color:var(--ink-soft);font-size:.95rem;line-height:1.6}.learn-area .nav{justify-content:space-between;gap:1rem;margin-top:1.25rem;display:flex}.learn-area .nav button{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink-soft);cursor:pointer;font-size:.95rem;font-weight:500;font-family:var(--font-sans);transition:all var(--t-fast);flex:1;padding:.6rem 1.25rem}.learn-area .nav button:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.learn-area .nav button:disabled{opacity:.35;cursor:not-allowed}.feedback-box{border-radius:var(--r-lg);border-left:5px solid var(--ink-muted);background:var(--surface);box-shadow:var(--shadow-md);margin:1.5rem 0;padding:1.4rem 1.5rem;position:relative;overflow:hidden}.feedback-box.bewertung-richtig{border-left-color:var(--success);background:linear-gradient(180deg, var(--success-bg) 0%, var(--surface) 80%)}.feedback-box.bewertung-teilweise{border-left-color:var(--warn);background:linear-gradient(180deg, var(--warn-bg) 0%, var(--surface) 80%)}.feedback-box.bewertung-falsch{border-left-color:var(--error);background:linear-gradient(180deg, var(--error-bg) 0%, var(--surface) 80%)}.feedback-header{font-family:var(--font-serif);color:var(--ink);align-items:center;gap:.7rem;margin-bottom:1rem;font-size:1.2rem;font-weight:700;display:flex}.feedback-header .badge{background:var(--surface-elev);border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.05rem;font-weight:700;display:inline-flex}.bewertung-richtig .badge{color:var(--success)}.bewertung-teilweise .badge{color:var(--warn)}.bewertung-falsch .badge{color:var(--error)}.feedback-box section{margin-top:1rem}.feedback-box section:first-of-type{margin-top:.5rem}.feedback-box h4{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin:0 0 .5rem;font-size:.72rem;font-weight:700}.feedback-box ul{margin:0;padding-left:1.25rem;list-style:none}.feedback-box ul li{color:var(--ink-soft);background:0 0;border:none;margin:0;padding:.25rem 0 .25rem .5rem;font-size:.95rem;line-height:1.5;position:relative}.feedback-box ul li:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;top:.85rem;left:-.6rem}.feedback-box p{color:var(--ink-soft);font-size:.95rem;font-style:italic;line-height:1.55;font-family:var(--font-serif);margin:0}.zettel-list ul,.fall-list ul,.page section ul{margin:0;padding:0;list-style:none}.zettel-list li,.fall-list li,.page section li{background:var(--surface);border-radius:var(--r-md);border:1px solid var(--border);transition:transform var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast);margin-bottom:.6rem;padding:1rem 1.2rem;position:relative}.zettel-list li:hover,.fall-list li:hover,.page section li:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translate(2px)}.zettel-list li button,.fall-list li button{width:100%;font-family:var(--font-sans);color:var(--ink);display:block}.zettel-list li strong,.fall-list li strong,.page section li strong{font-family:var(--font-serif);color:var(--primary);margin-bottom:.15rem;font-size:1.05rem;font-weight:600;display:block}.zettel-list .meta,.fall-list .meta,.page section .meta{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.15rem;font-size:.78rem;font-weight:500;display:inline-block}.zettel-content,.fall-content{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);margin-top:1.5rem;padding:2rem;position:relative}.zettel-content:before,.fall-content:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);opacity:.5;border-radius:var(--r-lg) var(--r-lg) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.zettel-content h2,.fall-content h2{font-family:var(--font-serif);color:var(--primary);margin-top:0;font-size:1.65rem;font-weight:700}.zettel-content h3,.fall-content h3{font-family:var(--font-serif);color:var(--ink);margin-top:1.5rem;font-size:1.2rem;font-weight:600}.zettel-content p,.fall-content p,.zettel-content li,.fall-content li{font-family:var(--font-serif);color:var(--ink-soft);font-size:1.02rem;line-height:1.7}.zettel-content ul,.fall-content ul{padding-left:1.4rem;list-style:outside}.zettel-content strong,.fall-content strong{color:var(--ink);font-weight:600}.zettel-content code,.fall-content code{color:var(--primary);background:#5e1d2812;border-radius:3px;padding:1px 5px;font-family:SF Mono,Menlo,monospace;font-size:.9em}.sachverhalt{border-left:3px solid var(--accent);font-style:italic;font-family:var(--font-serif);white-space:pre-wrap;color:var(--ink-soft);border-radius:0 var(--r-md) var(--r-md) 0;background:linear-gradient(#fbf5e6 0%,#fffdf8 100%);margin:1.2rem 0;padding:1.2rem 1.4rem;font-size:1.05rem;line-height:1.7}.filter{color:var(--ink-muted);align-items:center;gap:.5rem;margin:1rem 0 1.5rem;font-size:.9rem;font-weight:500;display:flex}.bibliothek-suche{margin:1rem 0 .75rem}.bibliothek-suche input{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--ink);font-size:.95rem;font-family:var(--font-sans);padding:.7rem .95rem}.bibliothek-suche input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.biblio-item{justify-content:space-between;align-items:center;gap:1rem;display:flex!important}.biblio-text{flex:1;min-width:0}.biblio-actions{flex-shrink:0;align-items:center;gap:.8rem;display:flex}.biblio-mehr{color:var(--ink-muted);text-align:center;font-style:italic;background:0 0!important;border:none!important}.edit-modal{max-width:720px;max-height:85vh;overflow-y:auto}.edit-modal textarea{font-family:var(--font-serif);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-elev);color:var(--ink);resize:vertical;text-transform:none;letter-spacing:0;padding:.7rem;font-size:.95rem;font-weight:400;line-height:1.5}.edit-modal textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.edit-modal select{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-elev);color:var(--ink);font-size:1rem;font-family:var(--font-sans);text-transform:none;letter-spacing:0;padding:.7rem .95rem;font-weight:400}.filter select{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--t-fast);padding:.5rem .85rem;font-size:.95rem}.filter select:focus{border-color:var(--primary);outline:none}.app-footer{max-width:920px;color:var(--ink-muted);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:3rem auto 0;padding:1.5rem 1.5rem 2rem;font-size:.8rem;display:flex}.footer-divider{opacity:.5}.paypal-mark{border-radius:var(--r-sm);transition:background var(--t-fast), transform var(--t-fast);align-items:center;padding:.25rem .45rem;display:inline-flex}.paypal-mark:hover{background:#253b8012;transform:translateY(-1px)}.trinkgeld-link{color:var(--primary);background:var(--primary-soft);transition:background var(--t-fast), transform var(--t-fast);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-weight:500;text-decoration:none;display:inline-flex}.trinkgeld-link:hover{background:#5e1d2829;transform:translateY(-1px)}.boot{min-height:100vh;font-family:var(--font-sans);color:var(--ink-muted);justify-content:center;align-items:center;font-size:.95rem;display:flex}.faellige-banner{color:var(--ink);background:linear-gradient(90deg,#e8c97a40,#e8c97a1a);border:1px solid #e8c97a66;border-radius:12px;align-items:center;gap:.75rem;margin:.5rem 1.25rem 0;padding:.75rem 1rem;font-size:.95rem;animation:.4s faellige-pulse;display:flex}@keyframes faellige-pulse{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.faellige-banner-emoji{font-size:1.3rem}.faellige-banner-text{flex:1;min-width:0}.faellige-banner-cta{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.88rem;font-weight:600;transition:filter .15s}.faellige-banner-cta:hover{filter:brightness(1.1)}.faellige-banner-dismiss{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1rem}.faellige-banner-dismiss:hover{color:var(--ink)}@media (width<=600px){.faellige-banner{flex-wrap:wrap;margin:.5rem .75rem 0}}.feedback-fab{background:var(--primary);color:#fff;cursor:pointer;z-index:50;border:none;border-radius:50%;width:56px;height:56px;font-size:1.4rem;transition:transform .2s,box-shadow .2s;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 8px 24px -8px #0e3d2a80}.feedback-fab:hover{background:var(--primary-deep);transform:scale(1.08);box-shadow:0 12px 32px -8px #0e3d2a99}.feedback-modal{max-width:480px!important}.feedback-typen{gap:.5rem;margin:1rem 0;display:flex}.feedback-typ-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;color:var(--ink-muted);flex:1;padding:.65rem;font-size:.9rem;transition:background .15s,border-color .15s}.feedback-typ-btn.aktiv{background:var(--accent-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.feedback-modal textarea{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);resize:vertical;padding:.85rem;font-family:inherit;font-size:.95rem}.burger-btn{border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:42px;height:42px;margin-right:.5rem;font-size:1.3rem;display:none}@media (width<=900px){.burger-btn{display:flex}.topbar nav{background:var(--surface);z-index:40;border-top:1px solid #e8c97a33;flex-direction:column;gap:.25rem;padding:1.5rem;display:none;position:fixed;inset:64px 0 0;overflow-y:auto;box-shadow:0 8px 30px #00000026}.topbar nav.nav-offen{display:flex}.topbar nav a{border-radius:8px;gap:.75rem;padding:.85rem 1rem;font-size:1.05rem}.topbar nav a svg{width:22px;height:22px}.user-chip .user-name{display:none}.globale-suche input{width:90px}.globale-suche input:focus{width:140px}.feature-card{padding:1.25rem}.topbar{padding:.6rem .75rem}.feedback-fab{width:48px;height:48px;bottom:1rem;right:1rem}}.willkommen-modal{max-width:520px!important}.willkommen-liste{margin:1rem 0 1.5rem;padding-left:0;list-style:none}.willkommen-liste li{border-left:2px solid #e8c97a4d;margin:.6rem 0;padding:.4rem 0 .4rem .8rem;font-size:.93rem;line-height:1.5}.willkommen-liste strong{color:var(--accent-soft)}.lp{background:var(--bg);min-height:100vh;margin:0;padding:0}.lp-hero{max-width:1200px;margin:0 auto;padding:4rem 1.5rem 5rem;position:relative}.lp-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 70% 30%,#a78bfa14,#0000 50%),radial-gradient(circle at 20% 70%,#0e3d2a0f,#0000 50%);position:absolute;inset:0}.lp-hero-inner{z-index:1;grid-template-columns:1.05fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}.lp-hero-text{text-align:left}.lp-trust{color:var(--ink-muted);letter-spacing:.04em;margin-top:1.75rem;font-size:.85rem}@media (width<=880px){.lp-hero-inner{grid-template-columns:1fr;gap:3rem}.lp-hero-text{text-align:center}.landing-cta-group{justify-content:center}}.lp-hero-visual{justify-content:center;display:flex;position:relative}.lp-hero-card{background:var(--surface);border-radius:28px;width:100%;max-width:460px;transition:transform .6s;overflow:hidden;transform:perspective(1200px)rotateY(-6deg)rotateX(2deg);box-shadow:0 30px 60px -25px #0f172a40,0 12px 24px -12px #0f172a1f}.lp-hero-card:hover{transform:perspective(1200px)rotateY(-3deg)rotateX(1deg)}.lp-hero-card-row{background:var(--bg-deep);border-bottom:1px solid var(--border);gap:.4rem;padding:.85rem 1.1rem;display:flex}.dot{background:var(--border-strong);border-radius:50%;width:11px;height:11px;display:inline-block}.dot-green{background:#34d399}.dot-yellow{background:#fbbf24}.dot-red{background:#f87171}.lp-hero-card-body{flex-direction:column;gap:1rem;padding:1.5rem 1.4rem;display:flex}.hero-mock-badge{background:var(--accent-soft);color:var(--primary);border-radius:var(--r-full);align-self:flex-start;padding:.3rem .85rem;font-size:.78rem;font-weight:600;display:inline-block}.hero-mock-bar{background:var(--bg-deep);border-radius:var(--r-full);height:8px;overflow:hidden}.hero-mock-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--lila) 100%);border-radius:var(--r-full);height:100%}.hero-mock-stats{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.hero-mock-stat{background:var(--bg-deep);border-radius:var(--r-md);text-align:center;flex-direction:column;padding:.7rem .5rem;display:flex}.hero-mock-stat strong{font-family:var(--font-serif);color:var(--primary);font-size:1.6rem;font-weight:700;line-height:1}.hero-mock-stat-lila strong{color:var(--lila)}.hero-mock-stat span{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.72rem}.hero-mock-card{background:var(--bg-deep);border-radius:var(--r-md);align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.hero-mock-card strong{font-family:var(--font-serif);font-size:1rem;font-weight:700;display:block}.hero-mock-card small{color:var(--ink-muted);font-size:.8rem}.hero-mock-progress{width:44px;height:44px;position:relative}.hero-mock-progress svg{width:100%;height:100%}.hero-mock-progress span{color:var(--primary);justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;inset:0}.lp-hero-floating{background:var(--surface);border-radius:var(--r-md);z-index:2;align-items:center;gap:.65rem;padding:.7rem 1rem;font-size:.8rem;display:flex;position:absolute;bottom:-16px;left:-8px;box-shadow:0 10px 30px -10px #0f172a40}.lp-hero-floating strong{font-family:var(--font-serif);font-weight:700}.landing-icon{background:var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.5rem;display:inline-flex}.landing-badge{background:var(--accent-soft);color:var(--primary);border-radius:var(--r-full);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem;padding:.35rem .95rem;font-size:.78rem;font-weight:600;display:inline-block}.lp-hero h1{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--ink);margin:0 0 1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05}.landing-claim{color:var(--ink-muted);max-width:620px;margin:0 auto 2rem;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:400;line-height:1.55}.landing-sub{display:none}.landing-cta-group{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.landing-cta{background:var(--primary);color:#fff;border-radius:var(--r-full);align-items:center;gap:.5rem;padding:.95rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.landing-cta:hover{background:var(--primary-deep);transform:translateY(-2px);box-shadow:0 12px 24px -10px #0e3d2a80}.lp-cta-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--r-full);align-items:center;gap:.5rem;padding:.95rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.lp-cta-secondary:hover{background:var(--bg-deep);border-color:var(--border-strong)}.lp-features-section{max-width:1100px;margin:0 auto;padding:4rem 1.5rem}.lp-features-headline{text-align:center;margin-bottom:3rem}.lp-features-headline h2{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 .75rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.lp-features-headline p{color:var(--ink-muted);max-width:580px;margin:0 auto;font-size:1.05rem;line-height:1.55}.lp-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);text-align:center;padding:2rem 1.75rem;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-4px)}.feature-icon{background:var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.25rem;font-size:1.5rem;display:inline-flex}.feature-card:nth-child(2n) .feature-icon{background:var(--lila-soft)}.feature-card h3{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 .6rem;font-size:1.25rem;font-weight:700}.feature-card p{color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.55}.landing-manifest{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 1.5rem}.landing-manifest-inner{grid-template-columns:1fr 1.1fr;align-items:center;gap:3.5rem;max-width:1100px;margin:0 auto;display:grid}@media (width<=860px){.landing-manifest-inner{grid-template-columns:1fr;gap:2.5rem}}.landing-manifest-image{position:relative}.landing-manifest-photo{box-shadow:var(--shadow-lg);aspect-ratio:1;background:var(--primary);border-radius:28px;overflow:hidden}.landing-manifest-photo svg{width:100%;height:100%;display:block}.landing-manifest-text h2{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.15}.landing-manifest-text>p{color:var(--ink-muted);margin:0 0 1.75rem;font-size:1rem;line-height:1.65}.landing-manifest-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.landing-manifest-list li{align-items:flex-start;gap:.85rem;display:flex}.landing-manifest-list strong{font-family:var(--font-serif);color:var(--ink);margin-bottom:.15rem;font-size:1.05rem;font-weight:700;display:block}.landing-manifest-list p{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.5}.check-icon{background:var(--accent-soft);width:26px;height:26px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.85rem;font-weight:700;display:flex}.landing-anmelden{justify-content:center;padding:4rem 1.5rem 2rem;display:flex}.landing-anmelden .login-card{width:100%;max-width:480px}.lp-footer{text-align:center;color:var(--ink-muted);border-top:1px solid var(--border);padding:2rem 1.5rem;font-size:.9rem}.lp-footer a{color:var(--ink-muted);padding:0 .5rem;text-decoration:none}.lp-footer a:hover{color:var(--primary);text-decoration:underline}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:480px;box-shadow:var(--shadow-md);text-align:center;padding:2.5rem 2rem}.login-card:before{display:none}.login-icon{margin-bottom:.5rem;display:inline-flex}.login-card h2{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.login-card .lead{color:var(--ink-muted);font-family:var(--font-sans);margin:0 0 1.75rem;font-size:.98rem;font-style:normal;line-height:1.55}.login-form{text-align:left;flex-direction:column;gap:1rem;display:flex}.login-form label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);flex-direction:column;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}.login-form input{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-elev);font-size:1rem;font-family:var(--font-sans);text-transform:none;letter-spacing:0;padding:.7rem .95rem;font-weight:400}.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.login-form button.primary{justify-content:center;align-self:stretch}.login-note{color:var(--ink-muted);text-align:center;margin:.4rem 0 0;font-size:.82rem;font-style:italic}.login-success{text-align:center}.login-success h3{font-family:var(--font-serif);color:var(--ink);margin:0 0 .75rem}.login-success p{color:var(--ink-soft);margin:.5rem 0}.login-success .hint{color:var(--ink-muted);font-size:.85rem;font-style:italic}.user-chip{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-full);align-items:center;gap:.5rem;padding:.3rem .5rem .3rem .75rem;font-size:.85rem;display:flex}.cloze-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:#e8c97a14;border:1px solid #e8c97a40;border-radius:8px;align-items:center;padding:.5rem .75rem;font-size:.9rem;display:flex;flex-direction:row!important;gap:.5rem!important}.cloze-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0}.cloze-input-wrap{align-items:baseline;gap:.35rem;margin:0 .15rem;display:inline-flex}.cloze-input{font:inherit;color:#3c2800f2;text-align:center;background:#ffffffd9;border:0;border-bottom:2px solid #e8c97ab3;border-radius:6px;min-width:4ch;padding:.1rem .5rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-block}.cloze-input:focus{background:#fff;border-bottom-color:#e8c97a;outline:none;box-shadow:0 2px #e8c97a66}.cloze-input.richtig{color:#143c14f2;background:#b4dca08c;border-bottom-color:#3c8c3ccc}.cloze-input.falsch{color:#781414f2;background:#f0b4b48c;border-bottom-color:#b43232cc;text-decoration:line-through;text-decoration-thickness:1px}.cloze-korrektur{color:#143c14f2;background:#b4dca08c;border-radius:6px;padding:.1rem .5rem;font-size:.95em;font-weight:600;display:inline-block}:root[data-theme=dunkel] .cloze-input{color:#ffe6b4f2;background:#ffffff1a}:root[data-theme=dunkel] .cloze-input:focus{background:#ffffff2e}:root[data-theme=dunkel] .cloze-input.richtig{color:#dcffc8f2;background:#78c8644d}:root[data-theme=dunkel] .cloze-input.falsch{color:#ffc8c8f2;background:#dc64644d}:root[data-theme=dunkel] .cloze-korrektur{color:#dcffc8f2;background:#78c8644d}.dsgvo-trenner{border:0;border-top:1px solid #e8c97a40;margin:1.75rem 0 1rem}.dsgvo-section h3{margin:0 0 .25rem;font-size:1.05rem}.dsgvo-actions{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}button.danger{color:var(--error);border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast), filter var(--t-fast);background:#a324261a;border:1px solid #a324264d;padding:.6rem 1rem;font-weight:500}button.danger:hover:not(:disabled){background:#a3242633}button.danger:disabled{opacity:.5;cursor:not-allowed}.rechtstext{max-width:720px}.rechtstext h1{margin-bottom:.5rem}.rechtstext h2{color:var(--accent-soft);margin-top:2rem;margin-bottom:.5rem;font-size:1.15rem}.rechtstext p,.rechtstext li{color:var(--ink);font-size:.95rem;line-height:1.65}.rechtstext ul{margin:.5rem 0;padding-left:1.5rem}.rechtstext a{color:var(--accent-soft);text-decoration:underline}.globale-suche{align-items:center;margin-right:.25rem;display:flex}.globale-suche input{color:var(--ink);background:#ffffff14;border:1px solid #e8c97a40;border-radius:999px;width:160px;padding:.3rem .75rem;font-size:.85rem;transition:width .2s,background .2s}.globale-suche input:focus{background:#ffffff26;border-color:#e8c97a80;outline:none;width:240px}@media (width<=768px){.globale-suche input{width:120px}.globale-suche input:focus{width:160px}}.user-email{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:500;overflow:hidden}.user-email-btn{cursor:pointer;font-family:inherit;font-size:inherit;transition:background var(--t-fast);background:0 0;border:none;border-radius:4px;align-items:center;gap:.45rem;padding:.2rem .3rem;display:inline-flex}.user-email-btn:hover{background:var(--surface)}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.avatar{color:#fff;font-family:var(--font-sans);letter-spacing:.02em;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar.mit-rahmen{box-shadow:0 0 0 3px var(--surface), 0 0 0 4px var(--accent)}.avatar img{object-fit:cover;width:100%;height:100%}.profil-modal{max-width:480px}.avatar-section{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.5rem;padding-bottom:1rem;display:flex}.avatar-btn{padding:.45rem 1rem;font-size:.85rem}.modal-row{flex-wrap:wrap;gap:.85rem;display:flex}.modal-row .grow{flex:200px}.modal-row label[type=number] input{flex:0 0 90px}.modal-row label:has(input[type=number]){flex:0 0 90px}.meta-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.3rem;display:flex}.meta-row .meta{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:500;display:inline-block}.owner-chip{background:var(--bg-deep);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .6rem .25rem .3rem;font-size:.82rem;display:inline-flex}.owner-chip .owner-text{flex-direction:column;line-height:1.15;display:flex}.owner-chip strong{font-family:var(--font-sans);color:var(--ink);font-size:.85rem;font-weight:600}.owner-chip .owner-sub{color:var(--ink-muted);font-size:.72rem;font-weight:400}.user-logout{border:1px solid var(--border);color:var(--ink-muted);cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-sans);transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), transform .2s var(--spring-bouncy);background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;display:inline-flex}.user-logout:hover{background:var(--error-bg);color:var(--error);border-color:var(--error);transform:translateY(-1px)}.user-logout-label{display:inline-block}@media (width<=760px){.user-logout-label{display:none}.user-logout{padding:.4rem .55rem}}.theme-toggle{border:1px solid var(--border);color:var(--ink);cursor:pointer;border-radius:var(--r-full);transition:background var(--t-fast), transform var(--t-fast);background:0 0;padding:.25rem .55rem;font-size:.95rem}.theme-toggle:hover{background:var(--bg-deep);transform:scale(1.08)}.karte-aktionen,.content-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin:.75rem 0;display:flex}.teilen-toggle{background:var(--surface);color:var(--ink-muted);border:1px solid var(--border-strong);font-family:var(--font-sans);cursor:pointer;transition:all var(--t-fast);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.85rem;font-weight:500;display:inline-flex}.teilen-toggle:hover{border-color:var(--primary);color:var(--primary)}.teilen-toggle.aktiv{color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(#2f6e44 0%,#235534 100%);border-color:#235534}.teilen-toggle .teilen-icon{display:inline-flex}.delete-link{font-size:.85rem;font-weight:500;color:var(--error)!important}.delete-link:hover{color:#832022!important}.lead{color:var(--ink-muted);font-family:var(--font-sans);margin:.5rem 0 1.5rem;font-size:1rem;font-style:normal;line-height:1.6}.geteilt-item{flex-direction:column;gap:.5rem;display:flex}.geteilt-item .item-meta{flex-direction:column;gap:.15rem;display:flex}.geteilt-item .item-actions{flex-wrap:wrap;gap:.5rem;display:flex}.geteilt-item .item-actions .secondary{padding:.4rem .95rem;font-size:.85rem}.geteilt-item .expand{border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;font-family:var(--font-serif);color:var(--ink-soft);background:#fffdf8b3;margin-top:.5rem;padding:.8rem 1rem;font-size:.95rem;line-height:1.55}.success-toast{color:#fff;box-shadow:var(--shadow-lg);z-index:100;background:linear-gradient(#2f6e44,#1f4d2f);border-radius:999px;padding:.7rem 1.25rem;font-size:.92rem;font-weight:500;animation:.3s toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.markierbar-wrap{position:relative}.markierbar-text{font-family:var(--font-serif);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;font-size:1.05rem;line-height:1.7}.marker-hinweis{color:var(--ink-muted);margin:0 0 .85rem;font-size:.78rem;font-style:italic}mark.marker{color:inherit;transition:filter var(--t-fast);background-color:#0000;border-radius:2px;padding:0 2px}mark.marker.farbe-gelb{background-color:#ffd95a8c}mark.marker.farbe-gruen{background-color:#6ec88280}mark.marker.farbe-blau{background-color:#78afff80}mark.marker.farbe-rot{background-color:#ff828280}mark.marker.klickbar{cursor:pointer}mark.marker.klickbar:hover{filter:brightness(.9);outline-offset:1px;outline:2px solid #00000026}:root[data-theme=dunkel] mark.marker.farbe-gelb{color:#fff;background-color:#ffc33c66}:root[data-theme=dunkel] mark.marker.farbe-gruen{color:#fff;background-color:#50aa6e73}:root[data-theme=dunkel] mark.marker.farbe-blau{color:#fff;background-color:#649beb73}:root[data-theme=dunkel] mark.marker.farbe-rot{color:#fff;background-color:#dc646473}.marker-popup{background:var(--ink);color:#fff;z-index:9999;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .5rem;animation:.15s marker-popup-in;display:flex;box-shadow:0 4px 16px #0000004d}.markierbar-container{margin:1rem 0}.markierbar-toolbar{z-index:50;background:#fffbeb;border:2px solid #fbbf24;border-radius:.75rem;margin-bottom:1rem;padding:.85rem 1rem;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.markierbar-toolbar-zeile{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.markierbar-label{margin-right:.5rem;font-size:1rem}.markierbar-farb-btn{color:#111;cursor:pointer;border:2px solid #00000026;border-radius:.5rem;padding:.4rem .85rem;font-size:.9rem;font-weight:600;transition:transform .1s,border-color .1s}.markierbar-farb-btn:hover{transform:translateY(-1px)}.markierbar-farb-btn.aktiv{border-color:#111;box-shadow:0 0 0 3px #11111126}.markierbar-action-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:.5rem;margin-left:.5rem;padding:.5rem 1.1rem;font-size:.95rem;font-weight:700}.markierbar-action-btn:hover{background:#333}.markierbar-clear-btn{cursor:pointer;background:0 0;border:1px solid #0003;border-radius:.5rem;margin-left:auto;padding:.4rem .8rem;font-size:.85rem}.markierbar-hinweis{color:#57534e;margin-top:.5rem;font-size:.85rem}.markierbar-inhalt{line-height:1.7}:root[data-theme=dunkel] .markierbar-toolbar{background:#1f1b14;border-color:#b45309}:root[data-theme=dunkel] .markierbar-farb-btn{color:#111}:root[data-theme=dunkel] .markierbar-action-btn{color:#111;background:#eee}:root[data-theme=dunkel] .markierbar-clear-btn{color:#ddd;border-color:#ffffff40}:root[data-theme=dunkel] .markierbar-hinweis{color:#d6d3d1}.marker-popup:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--ink);width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.marker-farbe{cursor:pointer;width:22px;height:22px;transition:transform var(--t-fast), border-color var(--t-fast);border:2px solid #0000;border-radius:50%;padding:0}.marker-farbe:hover{transform:scale(1.12)}.marker-farbe.aktiv{border-color:#fff}.marker-farbe.farbe-gelb{background-color:#ffd95a}.marker-farbe.farbe-gruen{background-color:#6ec882}.marker-farbe.farbe-blau{background-color:#78afff}.marker-farbe.farbe-rot{background-color:#ff8282}@keyframes marker-popup-in{0%{opacity:0;transform:translate(-50%,-90%)scale(.85)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.klausur-laufend{position:relative}.timer-bar{background:linear-gradient(180deg, var(--surface) 0%, var(--surface-elev) 100%);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);z-index:5;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:60px}.timer-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);font-size:.75rem;font-weight:600}.timer-zeit{font-family:var(--font-serif);color:var(--primary);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700}.timer-zeit.kritisch{color:var(--error);animation:1s ease-in-out infinite timer-puls}@keyframes timer-puls{0%,to{opacity:1}50%{opacity:.65}}.klausur-sachverhalt{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.5rem}.klausur-sachverhalt h2{font-family:var(--font-serif);color:var(--primary);margin:0 0 .85rem}.klausur-ergebnis{flex-direction:column;gap:1rem;display:flex}.punkte-banner{border-radius:var(--r-lg);color:#fff;box-shadow:var(--shadow-md);align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.punkte-zahl{font-family:var(--font-serif);font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700;line-height:1}.punkte-text{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.04em;font-size:1.25rem;font-weight:600}.klausur-details{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:.85rem 1rem}.klausur-details summary{cursor:pointer;font-family:var(--font-sans);color:var(--primary);font-weight:500}.user-gutachten-anzeige{background:var(--bg-deep);border-radius:var(--r-md);font-family:var(--font-serif);color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;margin-top:.85rem;padding:1rem;font-size:.95rem;line-height:1.6}.freunde-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.freund-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast);flex-direction:column;gap:.85rem;padding:1.1rem;display:flex}.freund-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-2px)}.freund-card.ich{background:linear-gradient(180deg, #fdf3df 0%, var(--surface) 100%);border-color:#b6873d59}.freund-header{align-items:center;gap:.85rem;display:flex}.freund-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.freund-name{font-family:var(--font-serif);color:var(--primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex;overflow:hidden}.ich-badge{background:var(--accent);color:#fff;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:1px 7px;font-size:.65rem;font-weight:700}.freund-uni,.freund-schwerpunkt{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.freund-schwerpunkt{color:var(--accent);font-style:italic;font-weight:500}.freund-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.75rem 0;display:grid}.freund-stat{text-align:center;flex-direction:column;align-items:center;gap:.1rem;display:flex}.freund-stat-value{font-family:var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.freund-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:.65rem;font-weight:600}.freund-bewertungs-bar{background:var(--bg-deep);border-radius:999px;height:6px;display:flex;overflow:hidden}.freund-bewertungs-bar>div{height:100%}.freund-footer{color:var(--ink-muted);justify-content:space-between;font-size:.75rem;display:flex}.freund-woche{color:var(--primary);background:var(--primary-soft);border-radius:var(--r-sm);text-align:center;padding:.4rem .6rem;font-size:.78rem;font-weight:500}.tags-row{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.tag-chip{background:var(--bg-deep);color:var(--ink-soft);cursor:pointer;font-size:.7rem;font-family:var(--font-sans);transition:background var(--t-fast), color var(--t-fast);border-radius:999px;padding:.15rem .55rem;font-weight:500}.tag-chip:hover{background:var(--accent);color:#fff}.schwach-quote{white-space:nowrap;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;font-weight:600}.kommentar-bereich{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1rem}.kommentar-bereich h4{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:0 0 .85rem;font-size:.85rem;font-weight:700}.kommentar-leer{color:var(--ink-muted);margin:0 0 .85rem;font-size:.85rem;font-style:italic}.kommentar-liste{flex-direction:column;gap:.7rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.kommentar-item{border:1px solid var(--border);border-radius:var(--r-md);gap:.6rem;display:flex;background:var(--surface)!important;margin:0!important;padding:.7rem .85rem!important}.kommentar-body{flex:1;min-width:0}.kommentar-meta{color:var(--ink-muted);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.78rem;display:flex}.kommentar-meta strong{color:var(--ink);font-family:var(--font-sans);font-size:.85rem}.kommentar-item p{color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.92rem;line-height:1.5}.kommentar-form{flex-direction:column;gap:.5rem;display:flex}.kommentar-form textarea{font-family:var(--font-sans);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-elev);color:var(--ink);resize:vertical;padding:.65rem .85rem;font-size:.95rem}.kommentar-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.kommentar-form button{align-self:flex-end}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#3a24168c;justify-content:center;align-items:center;padding:1.5rem;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:440px;max-height:calc(100vh - 3rem);box-shadow:var(--shadow-lg);padding:2rem 1.75rem 1.75rem;animation:.25s cubic-bezier(.4,0,.2,1) modal-slide-up;position:relative;overflow-y:auto}.modal-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);border-radius:var(--r-xl) var(--r-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.modal-card h2{font-family:var(--font-serif);color:var(--primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.modal-lead{color:var(--ink-muted);font-family:var(--font-serif);margin:0 0 1.5rem;font-size:.95rem;font-style:italic;line-height:1.55}.modal-card form{flex-direction:column;gap:1rem;display:flex}.modal-card label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);flex-direction:column;gap:.4rem;font-size:.78rem;font-weight:600;display:flex}.modal-card input{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-elev);color:var(--ink);font-size:1rem;font-family:var(--font-sans);text-transform:none;letter-spacing:0;padding:.7rem .95rem;font-weight:400}.modal-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.25rem;display:flex}.modal-close{cursor:pointer;width:30px;height:30px;color:var(--ink-muted);transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:.85rem;right:.85rem}.modal-close:hover{background:var(--bg-deep);color:var(--ink)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.flame{flex-shrink:0;justify-content:center;align-items:flex-end;display:inline-flex;position:relative}.flame svg{display:block;overflow:visible}.flame.aktiv .flame-outer{transform-origin:50% 100%;animation:2.4s ease-in-out infinite flame-outer-flicker}.flame.aktiv .flame-inner{transform-origin:50% 100%;animation:1.6s ease-in-out infinite flame-inner-flicker}.flame.aktiv .flame-core{transform-origin:50% 100%;animation:1.1s ease-in-out infinite flame-core-flicker}.flame.aktiv .flame-glow{transform-origin:50% 65%;animation:2.4s ease-in-out infinite flame-glow-pulse}.flame.intensitaet-mittel .flame-outer,.flame.intensitaet-hoch .flame-outer{filter:drop-shadow(0 0 6px #ff842373)}.flame.intensitaet-hoch .flame-outer{filter:drop-shadow(0 0 10px #ff8423a6)}.flame.intensitaet-hoch .flame-inner{animation-duration:1.1s}.flame.kalt{opacity:.55;filter:grayscale(.4)}@keyframes flame-outer-flicker{0%,to{opacity:1;transform:scale(1)rotate(0)}20%{opacity:.94;transform:scale(.96,1.05)rotate(-1.5deg)}40%{opacity:1;transform:scale(1.04,.97)rotate(1.5deg)}60%{opacity:.96;transform:scale(.98,1.03)rotate(-.8deg)}80%{opacity:1;transform:scale(1.03,.98)rotate(1deg)}}@keyframes flame-inner-flicker{0%,to{opacity:.92;transform:scaleY(1)translateY(0)}33%{opacity:1;transform:scaleY(1.1)translateY(-1px)}66%{opacity:.85;transform:scaleY(.93)translateY(.5px)}}@keyframes flame-core-flicker{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.18)}}@keyframes flame-glow-pulse{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:.85;transform:scale(1.08)}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0 2rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:transform .2s,box-shadow .2s;position:relative}.stat-card:before{display:none}.stat-card:nth-child(2n) .stat-value{color:var(--lila)}.stat-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin-bottom:.4rem;font-size:.72rem;font-weight:600}.stat-value{font-family:var(--font-serif);color:var(--primary);letter-spacing:-.02em;margin-bottom:.3rem;font-size:2.25rem;font-weight:700;line-height:1.05}.stat-sub{color:var(--ink-muted);font-size:.82rem;font-family:var(--font-sans)}.stat-streak{background:linear-gradient(135deg, var(--surface) 0%, var(--accent-soft) 100%);align-items:center;gap:1rem;display:flex}.stat-streak.aktiv{box-shadow:var(--shadow-md), 0 0 24px -10px #ff842373;border-color:#ff842359}.stat-streak .streak-text{flex-direction:column;flex:1;min-width:0;display:flex}.stat-streak .streak-value{align-items:baseline;gap:.35rem;display:flex}.streak-unit{font-size:1rem;font-family:var(--font-sans);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.stats-section{margin:2rem 0}.stats-section h2{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.bewertungs-balken{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1.2rem;display:flex}.bewertungs-row{grid-template-columns:130px 1fr 90px;align-items:center;gap:.75rem;display:grid}.bewertungs-label{align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.bewertungs-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.bewertungs-bar-wrap{background:var(--bg-deep);border-radius:999px;height:12px;overflow:hidden}.bewertungs-bar{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.bewertungs-count{color:var(--ink-muted);text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem}.rechtsgebiet-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.rechtsgebiet-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:1.1rem}.rechtsgebiet-card h3{font-family:var(--font-serif);color:var(--primary);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.rechtsgebiet-counts{color:var(--ink-muted);margin:0 0 .85rem;font-size:.85rem}.rechtsgebiet-zeit{background:var(--primary-soft);border-radius:var(--r-sm);align-items:baseline;gap:.5rem;margin:0 0 .5rem;padding:.45rem .7rem;display:flex}.rechtsgebiet-zeit-zahl{font-family:var(--font-serif);color:var(--primary);font-size:1.05rem;font-weight:700}.rechtsgebiet-zeit-hint{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.rechtsgebiet-bar{background:var(--bg-deep);border-radius:999px;height:14px;margin-bottom:.5rem;display:flex;overflow:hidden}.rechtsgebiet-segment{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.rechtsgebiet-empty{color:var(--ink-muted);margin:.5rem 0 0;font-size:.85rem;font-style:italic}.rechtsgebiet-detail{color:var(--ink-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.82rem}.tage-bars{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);grid-template-columns:repeat(14,1fr);gap:.35rem;padding:1.25rem 1rem .75rem;display:grid}.tag-bar-wrap{flex-direction:column;align-items:center;gap:.25rem;display:flex}.tag-bar-track{justify-content:center;align-items:flex-end;width:100%;height:90px;display:flex}.tag-bar{background:var(--border-strong);border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .6s cubic-bezier(.4,0,.2,1)}.tag-bar.aktiv{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-deep) 100%)}.tag-bar.heute{background:linear-gradient(180deg, var(--accent) 0%, #8e6620 100%)}.tag-label{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.tag-min{color:var(--primary);font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:600}@media (width<=640px){.tage-bars{gap:.2rem;padding:1rem .6rem .5rem}.tag-bar-track{height:70px}.tag-label,.tag-min{font-size:.6rem}.bewertungs-row{grid-template-columns:100px 1fr 70px}.bewertungs-label{font-size:.82rem}}.dictate-wrap{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.dictate-wrap.compact{flex-shrink:0;display:inline-flex}.dictate{background:var(--surface);color:var(--primary);border:1px solid var(--primary-soft);font-family:var(--font-sans);cursor:pointer;transition:all var(--t-fast);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex;position:relative;overflow:visible}.dictate:hover:not(.listening){background:var(--primary-soft);border-color:var(--primary)}.dictate.listening{background:linear-gradient(180deg, var(--error) 0%, #832022 100%);color:#fff;border-color:#832022;box-shadow:0 0 0 4px #a3242626}.dictate .mic{justify-content:center;align-items:center;display:inline-flex}.dictate .puls{background:var(--accent-soft);pointer-events:none;border-radius:50%;width:8px;height:8px;margin-top:-4px;animation:1.2s ease-in-out infinite dictate-puls;position:absolute;top:50%;left:.85rem}.dictate.compact{border-radius:999px;padding:.4rem .55rem}.dictate.compact .puls{display:none}@keyframes dictate-puls{0%,to{opacity:.6;transform:scale(.6)}50%{opacity:1;transform:scale(1.4)}}.dictate-error{color:var(--error);margin-top:.15rem;font-size:.78rem}.input-with-mic{align-items:stretch;gap:.4rem;display:flex}.input-with-mic input{flex:auto;min-width:0}.input-with-mic .dictate{flex-shrink:0}@media (width<=640px){.topbar{flex-wrap:wrap;gap:.6rem;padding:.6rem .9rem}.brand{font-size:1.05rem}.brand-text small{display:none}.user-chip{margin-left:auto;padding:.2rem .4rem .2rem .6rem;font-size:.8rem}.user-email{max-width:80px}.topbar nav{-webkit-overflow-scrolling:touch;order:3;justify-content:space-between;gap:.15rem;width:100%;margin-left:0;overflow-x:auto}.topbar nav a{white-space:nowrap;padding:.4rem .55rem;font-size:.82rem}.login-card{padding:1.75rem 1.25rem}.login-card h1{font-size:2rem}main{padding:1.5rem 1rem 4rem}.page>h1{font-size:1.75rem}.karteikarte{height:210px}.karteikarte .text{font-size:1.05rem}.zettel-content,.fall-content{padding:1.25rem}}.lernsession-stage{perspective:1500px;width:100%;max-width:640px;margin:1.25rem auto;position:relative}.lernsession-stage .karteikarte{z-index:3;margin:0;position:relative}.card-stack-bg{pointer-events:none;z-index:1;position:absolute;inset:0}.card-stack-bg .stack-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);transform-origin:bottom;position:absolute;inset:0}:root[data-theme=dunkel] .card-stack-bg .stack-card{background:var(--surface-elev)}.swipeable-card{cursor:grab;touch-action:pan-y;z-index:3;position:relative}.swipeable-card:active{cursor:grabbing}.swipe-hint{border-radius:var(--r-full);font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;pointer-events:none;z-index:10;box-shadow:var(--shadow-md);padding:.5rem 1rem;font-size:.85rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.swipe-hint-left{background:var(--error-bg);color:var(--error);border:2px solid var(--error);left:1rem}.swipe-hint-right{background:var(--success-bg);color:var(--success);border:2px solid var(--success);right:1rem}.proof-pill{border-radius:var(--r-full);font-family:var(--font-sans);letter-spacing:.01em;background:var(--surface);color:var(--ink);border:1.5px solid var(--border);box-shadow:var(--shadow-md);z-index:20;pointer-events:none;white-space:nowrap;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex;position:absolute}.proof-pill.pill-streak{color:#c2410c;background:linear-gradient(135deg,#fff4e6 0%,#ffe0b2 100%);border-color:#fdba74}.proof-pill.pill-record{color:#6b21a8;background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);border-color:#c084fc}.proof-pill.pill-perfect{color:#0e7a4a;background:linear-gradient(135deg,#d6f0dc 0%,#a7e1b8 100%);border-color:#4ade80}.proof-pill.pill-info{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#60a5fa}:root[data-theme=dunkel] .proof-pill{background:var(--surface-elev);color:var(--ink)}.lern-progress{background:var(--border);border-radius:var(--r-full);width:100%;max-width:640px;height:8px;margin:0 auto 1rem;position:relative;overflow:hidden}.lern-progress-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);border-radius:var(--r-full);transform-origin:0;position:absolute;inset:0}.lern-progress-meta{max-width:640px;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);justify-content:space-between;align-items:center;margin:0 auto .5rem;font-size:.78rem;font-weight:600;display:flex}.streak-counter{color:#c2410c;border-radius:var(--r-full);font-family:var(--font-sans);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff4e6 0%,#ffe0b2 100%);border:1.5px solid #fdba74;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.85rem;font-weight:700;display:inline-flex}:root[data-theme=dunkel] .streak-counter{color:#fdba74;background:#fb923c2e;border-color:#fb923c66}.streak-counter .streak-num{text-align:center;min-width:1.2ch;display:inline-block}.sr-btn{transition:transform var(--t-fast) var(--spring-bouncy), filter var(--t-fast)}.biblio-item{transition:transform .25s var(--ease-out-expo), box-shadow .25s var(--ease-out-expo), border-color .2s ease;transform-style:preserve-3d;will-change:transform}.biblio-item:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-soft);transform:translateY(-3px)perspective(900px)rotateX(2deg)}.stat-card{transition:transform .3s var(--ease-out-expo), box-shadow .3s var(--ease-out-expo);transform-style:preserve-3d}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)perspective(900px)rotateX(3deg)scale(1.01)}.generator-form{transition:transform .3s var(--ease-out-expo), box-shadow .3s var(--ease-out-expo)}.generator-form:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}button.primary,button.secondary,.action,.tab{transition:transform .2s var(--spring-bouncy), filter var(--t-fast), background var(--t-fast), box-shadow var(--t-fast)}button.primary:hover:not(:disabled),button.secondary:hover:not(:disabled),.action:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}button.primary:active:not(:disabled),button.secondary:active:not(:disabled),.action:active,.tab:active{transform:scale(.95)}.tab:hover:not(:disabled){transform:translateY(-1px)}.topbar nav a{transition:color var(--t-fast), background var(--t-fast), transform .25s var(--spring-bouncy)}.topbar nav a:hover{transform:translateY(-1px)scale(1.03)}.topbar nav a:active{transform:scale(.96)}.brand-icon{transition:transform .4s var(--spring-bouncy)}.brand:hover .brand-icon{transform:rotate(-8deg)scale(1.1)}.user-email-btn{transition:transform .2s var(--spring-bouncy)}.user-email-btn:hover{transform:translateY(-1px)scale(1.04)}.page-motion-wrapper{will-change:transform, opacity}.theme-toggle,.user-logout{transition:transform .2s var(--spring-bouncy), background var(--t-fast)}.theme-toggle:hover,.user-logout:hover{transform:rotate(15deg)scale(1.15)}.page-header-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.page-header-row h1{margin:0}.fab-new-card{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-deep) 100%);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:1.85rem;font-weight:300;line-height:1;display:inline-flex;box-shadow:0 6px 18px -4px #0e3d2a73,0 2px 4px #0e3d2a2e}:root[data-theme=dunkel] .fab-new-card{box-shadow:0 6px 18px -4px #4ade8066,0 2px 4px #0006}.fab-new-card span{display:inline-block;transform:translateY(-1px)}.generator-modal-card{max-width:640px;padding:2.25rem 2rem 1.75rem}.generator-modal-card .lead{color:var(--ink-muted);margin:0 0 1.25rem;font-size:.95rem}.generator-modal-card .generator-form{box-shadow:none;background:0 0;border:none;margin:0;padding:0}.generator-modal-card .generator-form:before{display:none}.modal-close{width:36px;height:36px;color:var(--ink-muted);cursor:pointer;transition:background var(--t-fast), color var(--t-fast), transform .2s var(--spring-bouncy);background:0 0;border:none;border-radius:50%;font-size:1.6rem;line-height:1;position:absolute;top:.6rem;right:.7rem}.modal-close:hover:not(:disabled){background:var(--bg-deep);color:var(--ink);transform:scale(1.1)}.modal-close:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-xl);margin:2rem 0;padding:3rem 1.5rem}.empty-state-icon{margin-bottom:.5rem;font-size:3.5rem;animation:2s ease-in-out infinite faellige-pulse;display:inline-block}.empty-state h2{font-family:var(--font-serif);color:var(--primary);margin:0 0 .5rem;font-size:1.5rem}.empty-state p{color:var(--ink-muted);margin:0 0 1.25rem;font-size:.98rem}.rotating-book-stage{transform-style:preserve-3d;flex-shrink:0;position:relative}.rotating-book{transform-style:preserve-3d;will-change:transform;position:relative}.rotating-book.pause-on-hover:hover{animation-play-state:paused}.book-face{backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #00000026}.book-front,.book-back{width:var(--book-width);height:var(--book-height);background:radial-gradient(at 30% 25%,#ffffff14 0%,#0000 50%),linear-gradient(135deg,#0e3d2a 0%,#082a1c 60%,#051a11 100%);border-radius:2px;top:0;left:0;box-shadow:inset 0 0 0 2px #d4af3759,inset 0 0 14px #00000080}.book-front{transform:translateZ(var(--book-depth-half))}.book-back{transform:translateZ(calc(-1 * var(--book-depth-half))) rotateY(180deg)}.book-spine{width:var(--book-depth);height:var(--book-height);transform-origin:0;background:linear-gradient(#082a1c 0%,#0e3d2a 30% 70%,#051a11 100%);justify-content:center;align-items:center;display:flex;top:0;left:0;transform:rotateY(-90deg)}.book-spine-label{font-family:var(--font-serif);color:#d4af37;letter-spacing:.25em;writing-mode:vertical-rl;text-orientation:mixed;text-shadow:0 1px #0006;font-size:.55rem;font-weight:700;transform:rotate(180deg)}.book-pages{width:var(--book-depth);height:var(--book-height);transform-origin:100%;background:repeating-linear-gradient(90deg,#f5ecd6 0 1px,#e8dfc8 1px 2px);top:0;right:0;transform:rotateY(90deg);box-shadow:inset 0 0 0 1px #b48c504d}.book-top,.book-bottom{width:var(--book-width);height:var(--book-depth);background:repeating-linear-gradient(0deg,#f5ecd6 0 1px,#d8cba6 1px 2px);left:0}.book-top{transform-origin:50% 0;top:0;transform:rotateX(90deg)}.book-bottom{transform-origin:50% 100%;bottom:0;transform:rotateX(-90deg)}.book-title-stamp{border:1.5px solid #d4af37a6;border-radius:4px;flex-direction:column;align-items:center;gap:4px;padding:.75rem 1.2rem;display:flex;box-shadow:0 0 0 2px #0003}.book-title-line{font-family:var(--font-serif);color:#d4af37;letter-spacing:.18em;text-shadow:0 1px #0006;font-size:1rem;font-weight:700;line-height:1}.book-title-sub{font-family:var(--font-sans);color:#d4af37bf;letter-spacing:.4em;font-size:.5rem;font-weight:600;line-height:1}.community-hero{background:linear-gradient(135deg, var(--surface) 0%, var(--bg-hero) 100%);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;gap:2rem;margin:0 0 2rem;padding:1.5rem 1.75rem;display:flex}:root[data-theme=dunkel] .community-hero{background:linear-gradient(135deg, var(--surface) 0%, var(--surface-elev) 100%)}.community-hero-text{flex:1;min-width:0}.community-hero-text h1{margin:0 0 .5rem}.community-hero-text .lead{color:var(--ink-muted);margin:0;font-size:1rem}@media (width<=640px){.community-hero{text-align:center;flex-direction:column-reverse;gap:1rem;padding:1.25rem 1rem}}.modus-toggle{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-full);align-items:center;gap:.25rem;margin:.25rem 0 1.25rem;padding:4px;display:inline-flex;position:relative}.modus-tab{border-radius:var(--r-full);color:var(--ink-muted);font-family:var(--font-sans);cursor:pointer;z-index:1;transition:color var(--t-fast);background:0 0;border:none;padding:.5rem 1.1rem;font-size:.92rem;font-weight:600;position:relative}.modus-tab.aktiv{color:var(--primary)}:root[data-theme=dunkel] .modus-tab.aktiv{color:var(--ink)}.modus-tab-label{z-index:2;position:relative}.modus-pill{background:var(--surface);border-radius:var(--r-full);box-shadow:var(--shadow-md);z-index:1;position:absolute;inset:0}.decks-embedded{margin:0;padding:0}.decks-embedded .lead{margin:0 0 1rem}.freunde-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;margin:0 0 1.25rem;padding:.85rem 1.1rem;display:flex;overflow:hidden}.freunde-strip-label{flex-direction:column;flex-shrink:0;gap:.1rem;display:flex}.freunde-strip-label strong{color:var(--ink);font-size:.95rem;font-weight:700}.freunde-strip-label small{color:var(--ink-muted);font-size:.78rem;font-weight:500}.freunde-strip-avatars{scrollbar-width:none;flex-wrap:nowrap;flex:1;gap:-.3rem;min-width:0;padding:4px 0;display:flex;overflow-x:auto}.freunde-strip-avatars::-webkit-scrollbar{display:none}.freund-avatar-chip{border-radius:var(--r-md);cursor:pointer;transition:transform .2s var(--spring-bouncy), background var(--t-fast);background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:60px;padding:.25rem .4rem;display:flex}.freund-avatar-chip:hover{background:var(--primary-soft);transform:translateY(-2px)}.freund-avatar-chip-name{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:.7rem;font-weight:600;overflow:hidden}.freunde-strip-more{background:var(--primary);color:#fff;border-radius:var(--r-full);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:transform .2s var(--spring-bouncy), filter var(--t-fast);border:none;flex-shrink:0;padding:.5rem .9rem;font-size:.82rem;font-weight:600}.freunde-strip-more:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (width<=640px){.freunde-strip{flex-direction:column;align-items:stretch;gap:.5rem}}.page-pro{max-width:1080px}.pro-hero{background:linear-gradient(135deg, var(--bg-hero) 0%, #ede9fe 100%);border-radius:var(--r-xl);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex}:root[data-theme=dunkel] .pro-hero{background:linear-gradient(135deg, var(--surface) 0%, var(--surface-elev) 100%)}.pro-hero-text{flex:1;min-width:0}.pro-hero-text h1{margin:.5rem 0;font-size:2.5rem}.pro-hero-text .lead{color:var(--ink-soft);margin:0;font-size:1.05rem}.pro-badge{background:var(--lila);color:#fff;border-radius:var(--r-full);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .85rem;font-size:.78rem;font-weight:700;display:inline-block}@media (width<=720px){.pro-hero{text-align:center;flex-direction:column-reverse;padding:1.5rem 1.25rem}.pro-hero-text h1{font-size:1.85rem}}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);transition:transform .3s var(--ease-out-expo), box-shadow .3s var(--ease-out-expo);flex-direction:column;gap:1rem;padding:1.75rem 1.5rem;display:flex;position:relative}.pricing-highlight{border:2px solid var(--lila);background:linear-gradient(180deg, var(--surface) 0%, var(--lila-soft) 100%);transform:scale(1.02)}:root[data-theme=dunkel] .pricing-highlight{background:linear-gradient(180deg, var(--surface) 0%, #a78bfa14 100%)}.pricing-card h3{font-family:var(--font-serif);color:var(--primary);margin:0;font-size:1.4rem}.pricing-card .price{align-items:baseline;gap:.4rem;margin:0;display:flex}.price-big{font-family:var(--font-serif);color:var(--ink);font-size:2.5rem;font-weight:700;line-height:1}.price-period{color:var(--ink-muted);font-size:.95rem;font-weight:500}.price-equiv{color:var(--ink-muted);margin:-.5rem 0 0;font-size:.85rem;font-style:italic}.feature-list{color:var(--ink-soft);flex-direction:column;gap:.5rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.feature-list li{line-height:1.4}.feature-list strong{color:var(--ink)}.pricing-card .primary,.pricing-card .secondary{margin-top:auto;padding:.85rem 1rem;font-size:1rem;font-weight:600}.pro-badge-corner{background:var(--lila);color:#fff;border-radius:var(--r-full);letter-spacing:.05em;text-transform:uppercase;box-shadow:var(--shadow-md);padding:.3rem .8rem;font-size:.72rem;font-weight:700;position:absolute;top:-12px;right:16px}.pro-badge-save{background:var(--success)}.pro-active-card{background:linear-gradient(135deg, var(--accent-soft) 0%, var(--surface) 100%);border:2px solid var(--success);border-radius:var(--r-xl);margin:2rem 0;padding:2rem}.pro-active-card h2{color:var(--success);font-family:var(--font-serif);margin:0 0 .5rem}.pro-active-card p{color:var(--ink-soft);margin:0 0 1rem}.pro-fineprint{text-align:center;color:var(--ink-muted);margin:2rem 0;font-size:.88rem}.paywall-modal-card{text-align:center;max-width:480px;padding:2.5rem 2rem 1.75rem}.paywall-icon{margin:0 0 .5rem;font-size:3rem;animation:2s ease-in-out infinite faellige-pulse}.paywall-modal-card h2{font-family:var(--font-serif);color:var(--lila);margin:0 0 .5rem}.paywall-modal-card .lead{color:var(--ink-soft);margin:0 0 1.25rem}.paywall-cta-row{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.paywall-cta-row .primary{background:var(--lila);padding:.9rem;font-size:1.05rem;font-weight:700}.paywall-cta-row .primary:hover:not(:disabled){background:#6d28d9}.paywall-fineprint{color:var(--ink-muted);margin:1rem 0 0;font-size:.8rem}.lp{background:var(--bg);min-height:100vh;color:var(--ink)}.lp-nav{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f7f8fad9;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}:root[data-theme=dunkel] .lp-nav{background:#0f1419d9}.lp-brand{font-family:var(--font-serif);color:var(--primary);align-items:center;gap:.6rem;font-size:1.2rem;font-weight:700;display:flex}.lp-brand-icon{color:var(--primary);display:inline-flex}.lp-nav-links{align-items:center;gap:1.5rem;display:flex}.lp-nav-links a{color:var(--ink-soft);transition:color var(--t-fast);font-size:.95rem;font-weight:500;text-decoration:none}.lp-nav-links a:hover{color:var(--primary)}.lp-nav-cta{background:var(--primary);border-radius:var(--r-full);transition:transform .2s var(--spring-bouncy), background var(--t-fast);padding:.5rem 1rem;color:#fff!important}.lp-nav-cta:hover{background:var(--primary-deep);transform:translateY(-1px)}.lp-hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:3rem;max-width:1180px;margin:0 auto;padding:4rem 1.5rem 3rem;display:grid}.lp-eyebrow{background:var(--lila-soft);color:var(--lila);border-radius:var(--r-full);letter-spacing:.1em;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.72rem;font-weight:700;display:inline-block}.lp-hero-text h1{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 1.25rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.lp-lead{color:var(--ink-soft);max-width:36em;margin:0 0 1.75rem;font-size:1.15rem;line-height:1.6}.lp-hero-cta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.lp-cta-primary{background:var(--primary);border-radius:var(--r-full);transition:transform .2s var(--spring-bouncy), background var(--t-fast), box-shadow var(--t-fast);padding:.95rem 1.6rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 8px 20px -6px #0e3d2a73;color:#fff!important}.lp-cta-primary:hover{background:var(--primary-deep);transform:translateY(-2px);box-shadow:0 12px 28px -6px #0e3d2a8c}.lp-cta-secondary{color:var(--ink-soft);transition:color var(--t-fast);font-size:.95rem;font-weight:600;text-decoration:none}.lp-cta-secondary:hover{color:var(--primary)}.lp-trust{color:var(--ink-muted);margin:1rem 0 0;font-size:.85rem}.lp-hero-book{justify-content:center;align-items:center;display:flex}@media (width<=880px){.lp-hero{text-align:center;grid-template-columns:1fr;padding-top:2rem}.lp-hero-book{order:-1;margin-bottom:1rem}.lp-hero-cta{justify-content:center}}.lp-testimonial{max-width:800px;margin:2rem auto 4rem;padding:0 1.5rem}.lp-testimonial-card{background:linear-gradient(135deg, var(--surface) 0%, var(--bg-hero) 100%);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:2rem 2.25rem;position:relative}:root[data-theme=dunkel] .lp-testimonial-card{background:var(--surface)}.lp-testimonial-card:before{content:"\"";font-family:var(--font-serif);color:var(--lila);opacity:.3;font-size:5rem;line-height:1;position:absolute;top:-.2rem;left:1rem}.lp-quote{font-family:var(--font-serif);color:var(--ink);margin:0 0 .75rem;font-size:1.35rem;font-style:italic;line-height:1.5}.lp-quote-author{color:var(--ink-muted);margin:0;font-size:.9rem;font-weight:600}.lp-features{max-width:1080px;margin:4rem auto;padding:0 1.5rem}.lp-features h2,.lp-pricing h2,.lp-final-cta h2{font-family:var(--font-serif);text-align:center;color:var(--ink);margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem)}.lp-section-lead{text-align:center;color:var(--ink-soft);max-width:40em;margin:0 auto 2.5rem;font-size:1.05rem}.lp-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.lp-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:box-shadow .3s var(--ease-out-expo);padding:1.5rem}.lp-feature-card:hover{box-shadow:var(--shadow-md)}.lp-feature-icon{border-radius:var(--r-md);background:var(--primary-soft);width:44px;height:44px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:.85rem;display:inline-flex}.lp-feature-card h3{font-family:var(--font-serif);color:var(--primary);margin:0 0 .5rem;font-size:1.2rem}.lp-feature-card p{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.5}.lp-pricing{max-width:920px;margin:4rem auto;padding:0 1.5rem}.lp-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem;display:grid}.lp-price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);flex-direction:column;gap:1rem;padding:2rem 1.75rem;display:flex;position:relative}.lp-price-pro{border:2px solid var(--lila);background:linear-gradient(180deg, var(--surface) 0%, var(--lila-soft) 100%)}:root[data-theme=dunkel] .lp-price-pro{background:linear-gradient(180deg, var(--surface) 0%, #a78bfa14 100%)}.lp-price-badge{background:var(--lila);color:#fff;border-radius:var(--r-full);letter-spacing:.05em;text-transform:uppercase;padding:.3rem .85rem;font-size:.7rem;font-weight:700;position:absolute;top:-12px;right:16px}.lp-price-card h3{font-family:var(--font-serif);color:var(--primary);margin:0;font-size:1.4rem}.lp-price{align-items:baseline;gap:.4rem;margin:0;display:flex}.lp-price span{font-family:var(--font-serif);color:var(--ink);font-size:2.5rem;font-weight:700;line-height:1}.lp-price small{color:var(--ink-muted);font-size:.9rem;font-weight:500}.lp-price-card ul{color:var(--ink-soft);flex-direction:column;gap:.45rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.lp-price-card strong{color:var(--ink)}.lp-price-cta{text-align:center;border-radius:var(--r-full);transition:transform .2s var(--spring-bouncy), background var(--t-fast);margin-top:auto;padding:.85rem 1.2rem;font-weight:700;text-decoration:none;display:inline-block}.lp-price-cta.primary{background:var(--primary);color:#fff!important}.lp-price-cta.secondary{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.lp-price-cta:hover{transform:translateY(-2px)}.lp-price-cta.primary:hover{background:var(--primary-deep)}.lp-final-cta{background:linear-gradient(135deg, var(--bg-hero) 0%, var(--lila-soft) 100%);text-align:center;margin-top:3rem;padding:4rem 1.5rem}:root[data-theme=dunkel] .lp-final-cta{background:linear-gradient(135deg, var(--surface) 0%, var(--surface-elev) 100%)}.lp-final-cta p{color:var(--ink-soft);margin:0 0 1.75rem;font-size:1.1rem}.lp-footer{color:var(--ink-muted);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:1.5rem;padding:2rem 1.5rem;font-size:.88rem;display:flex}.lp-footer a{color:var(--ink-muted);text-decoration:none}.lp-footer a:hover{color:var(--primary)}.profil-pro-section{margin:1.25rem 0}.profil-logout-section{justify-content:center;margin:1.25rem 0;display:flex}.freund-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.85rem;display:flex}.freund-actions button.primary,.freund-actions button.secondary{padding:.5rem .95rem;font-size:.88rem;font-weight:600}.status-badge{background:var(--bg-deep);color:var(--ink-soft);border-radius:var(--r-full);align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.status-badge.status-accepted{background:var(--success-bg);color:var(--success)}.count-highlight{background:var(--lila)!important;color:#fff!important}.freund-header-link{color:inherit;border-radius:var(--r-md);transition:background var(--t-fast);align-items:center;gap:.85rem;margin:-.25rem;padding:.25rem;text-decoration:none;display:flex}.freund-header-link:hover{background:var(--bg-deep)}.page-profil{max-width:880px}.profil-hero{background:linear-gradient(135deg, var(--surface) 0%, var(--bg-hero) 100%);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);align-items:center;gap:2rem;margin:1rem 0 2rem;padding:2rem;display:flex}:root[data-theme=dunkel] .profil-hero{background:linear-gradient(135deg, var(--surface) 0%, var(--surface-elev) 100%)}.profil-hero-text{flex:1;min-width:0}.profil-hero h1{font-family:var(--font-serif);color:var(--primary);margin:0 0 .4rem;font-size:2rem}.profil-uni{color:var(--ink-soft);margin:0 0 .25rem;font-size:1rem;font-weight:500}.profil-schwerpunkt{color:var(--ink-muted);margin:0 0 1rem;font-size:.92rem;font-style:italic}.profil-aktionen{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.profil-duell-stats,.profil-lern-stats{margin:2rem 0}.profil-duell-stats h2,.profil-lern-stats h2{font-family:var(--font-serif);color:var(--primary);margin:0 0 1rem;font-size:1.4rem}.profil-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem;display:grid}.profil-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;box-shadow:var(--shadow-sm);padding:1.25rem 1rem;transition:box-shadow .2s}.profil-stat:hover{box-shadow:var(--shadow-md)}.profil-stat-zahl{font-family:var(--font-serif);color:var(--primary);font-variant-numeric:tabular-nums;margin-bottom:.3rem;font-size:2rem;font-weight:700;line-height:1}.profil-stat-zahl.gewinn{color:var(--success)}.profil-stat-zahl.verlust{color:var(--error);opacity:.85}.profil-stat-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:600}.profil-meta{text-align:center;margin:2rem 0 0;font-size:.92rem}.profil-meta a{color:var(--ink-muted);text-decoration:none}.profil-meta a:hover{color:var(--primary)}@media (width<=720px){.profil-hero{text-align:center;flex-direction:column;padding:1.5rem}.profil-aktionen{justify-content:center}}.duell-feedback-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.duell-punkte-gain{font-family:var(--font-serif);color:var(--success);text-shadow:0 1px #0000001a;letter-spacing:.02em;font-size:1.4rem;font-weight:700}.duell-bonus-hint{font-weight:600;color:var(--lila)!important;margin:0 0 .5rem!important;font-size:.88rem!important}.duell-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:1rem 0 2rem;display:grid}.duell-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .25s var(--ease-out-expo);flex-direction:column;gap:.85rem;padding:1.1rem 1.1rem 1rem;display:flex;position:relative}.duell-card:hover{box-shadow:var(--shadow-md)}.duell-card.gewonnen{border-color:var(--success);background:linear-gradient(135deg, var(--success-bg), var(--surface))}.duell-card.verloren{border-color:var(--error)}.duell-card.unentschieden{border-color:var(--warn)}.duell-card-header{align-items:center;gap:.7rem;display:flex}.duell-card-gegner{font-family:var(--font-serif);color:var(--primary);font-weight:700}.duell-card-meta{color:var(--ink-muted);font-size:.82rem}.duell-card-score{font-family:var(--font-serif);color:var(--ink);justify-content:center;align-items:baseline;gap:.5rem;font-size:2rem;font-weight:700;display:flex}.duell-card-score .score-win{color:var(--success)}.duell-card-score .score-loss{color:var(--error);opacity:.7}.duell-card-score .score-sep{color:var(--ink-muted)}.duell-card-status{text-align:center;color:var(--ink-muted);font-style:italic}.duell-starten-modal{max-width:560px}.duell-gegner-wahl{margin:.5rem 0 1rem}.duell-gegner-wahl>label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:.5rem;font-size:.78rem;font-weight:600;display:block}.duell-gegner-wahl input[type=search]{border:1px solid var(--border);border-radius:var(--r-md);width:100%;margin-bottom:.5rem;padding:.55rem .85rem;font-size:.95rem}.duell-user-liste{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-deep);max-height:250px;padding:.3rem;overflow-y:auto}.duell-user-row{border-radius:var(--r-sm);cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);color:var(--ink);transition:background var(--t-fast), border-color var(--t-fast);background:0 0;border:1px solid #0000;align-items:center;gap:.65rem;padding:.45rem .55rem;display:flex}.duell-user-row:hover:not(:disabled){background:var(--surface)}.duell-user-row.selected{background:var(--primary-soft);border-color:var(--primary)}.duell-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.duell-user-name{font-size:.95rem;font-weight:600}.duell-user-uni{color:var(--ink-muted);font-size:.78rem}.duell-user-badge{background:var(--success-bg);color:var(--success);border-radius:var(--r-full);padding:.18rem .5rem;font-size:.72rem;font-weight:600}.duell-user-check{color:var(--primary);font-size:1.1rem;font-weight:700}.duell-user-leer{text-align:center;color:var(--ink-muted);padding:1rem;font-size:.9rem}.page-duell-spiel{max-width:720px}.duell-progress{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.duell-progress .meta{text-transform:none;letter-spacing:0;font-weight:500}.duell-timer{border-radius:var(--r-full);font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;transition:background var(--t-fast), color var(--t-fast);align-items:baseline;gap:.3rem;padding:.3rem .7rem;font-size:.9rem;font-weight:700;display:inline-flex}.duell-timer small{opacity:.85;font-size:.78rem;font-weight:600}.duell-timer-best{background:var(--success-bg);color:var(--success)}.duell-timer-mid{background:var(--accent-soft);color:var(--primary)}.duell-timer-low{background:var(--warn-bg);color:var(--warn)}.duell-timer-zero{background:var(--error-bg);color:var(--error)}.duell-timer-eingefroren{opacity:.55}.duell-warte-score{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;padding:1.5rem;display:grid}.duell-warte-score>div{text-align:center}.duell-warte-score-zahl{font-family:var(--font-serif);color:var(--primary);font-variant-numeric:tabular-nums;font-size:1.85rem;font-weight:700;line-height:1}.duell-warte-score-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.3rem;font-size:.78rem;font-weight:600}.duell-frage-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);margin-top:1rem;padding:2rem 1.75rem}.duell-frage-card h2{font-family:var(--font-serif);color:var(--ink);margin:0 0 1.5rem;font-size:1.45rem;line-height:1.35}.duell-optionen{flex-direction:column;gap:.65rem;display:flex}.duell-option{text-align:left;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-md);cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--ink);transition:border-color var(--t-fast), background var(--t-fast), transform .2s var(--spring-bouncy);align-items:center;gap:.85rem;padding:.9rem 1.1rem;font-size:1rem;display:flex}.duell-option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.duell-option-letter{background:var(--bg-deep);width:32px;height:32px;font-weight:700;font-family:var(--font-serif);color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.duell-option.chosen{border-color:var(--primary);background:var(--primary-soft)}.duell-option.korrekt{border-color:var(--success);background:var(--success-bg)}.duell-option.korrekt .duell-option-letter{background:var(--success);color:#fff}.duell-option.falsch{border-color:var(--error);background:var(--error-bg)}.duell-option.falsch .duell-option-letter{background:var(--error);color:#fff}.duell-feedback{border-radius:var(--r-md);background:var(--bg-deep);border-left:4px solid var(--ink-muted);margin-top:1.25rem;padding:1rem 1.1rem}.duell-feedback.korrekt{background:var(--success-bg);border-left-color:var(--success)}.duell-feedback.falsch{background:var(--error-bg);border-left-color:var(--error)}.duell-feedback strong{margin-bottom:.4rem;font-size:1.05rem;display:block}.duell-feedback p{margin:0 0 .85rem;font-size:.95rem;line-height:1.4}.duell-feedback .primary{padding:.6rem 1.2rem}.page-duell-ergebnis h1{text-align:center;font-size:2.5rem}.duell-ergebnis-score{justify-content:center;align-items:center;gap:2rem;margin:2rem 0;display:flex}.score-block{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);min-width:140px;padding:1.5rem 2rem}.score-block.gewinner{border-color:var(--success);background:var(--success-bg)}.score-zahl{font-family:var(--font-serif);color:var(--primary);font-size:3.5rem;font-weight:700;line-height:1}.score-block.gewinner .score-zahl{color:var(--success)}.score-name{color:var(--ink-muted);margin-top:.4rem;font-size:.92rem;font-weight:600}.score-sub{color:var(--ink-muted);margin-top:.45rem;font-size:.78rem;line-height:1.4}.page-agb{max-width:780px}.page-agb h2{font-family:var(--font-serif);color:var(--primary);margin:2rem 0 .5rem;font-size:1.25rem}.page-agb p,.page-agb ul{color:var(--ink-soft);font-size:.96rem;line-height:1.6}.page-agb code{background:var(--bg-deep);border-radius:var(--r-sm);padding:.1rem .4rem;font-size:.88em}.agb-footer{border-top:1px solid var(--border);color:var(--ink-muted);margin-top:2rem;padding-top:1rem;font-style:italic}.freund-stat-duell .freund-stat-value{color:var(--lila);font-weight:700}.freund-stat-duell{background:var(--lila-soft);border-radius:var(--r-sm);padding:.35rem .4rem}:root[data-theme=dunkel] .freund-stat-duell{background:#a78bfa1f}.duell-ergebnis-score .score-sep{font-family:var(--font-serif);color:var(--ink-muted);font-size:3rem}.duell-ablehnen-zone{background:var(--bg-deep);border-radius:var(--r-md);margin:2rem 0;padding:1.25rem}.duell-rundenliste{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.duell-runde-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:1rem 1.1rem}.duell-runde-frage{font-family:var(--font-serif);margin-bottom:.65rem;font-size:1.02rem;line-height:1.4}.duell-runde-options{flex-direction:column;gap:.3rem;margin-bottom:.5rem;display:flex}.duell-runde-option{border-radius:var(--r-sm);background:var(--bg-deep);justify-content:space-between;align-items:center;padding:.45rem .75rem;font-size:.92rem;display:flex}.duell-runde-option.korrekt{background:var(--success-bg);color:var(--success);font-weight:600}.duell-runde-marker{gap:.4rem;font-size:.85rem;display:inline-flex}.duell-runde-begruendung{color:var(--ink-soft);background:var(--primary-soft);border-radius:var(--r-sm);margin:.5rem 0 0;padding:.6rem .75rem;font-size:.88rem;font-style:italic}.duell-hinweis{border-radius:var(--r-xl);cursor:pointer;box-shadow:var(--shadow-md);transition:box-shadow .25s var(--ease-out-expo);background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}:root[data-theme=dunkel] .duell-hinweis{background:linear-gradient(135deg,#fbbf242e 0%,#fb923c2e 100%);border-color:#fbbf2499}.duell-hinweis:hover{box-shadow:var(--shadow-lg)}.duell-hinweis-icon{font-size:2rem;line-height:1}.duell-hinweis-text{flex-direction:column;flex:1;gap:.15rem;display:flex}.duell-hinweis-text strong{font-family:var(--font-serif);color:#92400e;font-size:1.05rem}:root[data-theme=dunkel] .duell-hinweis-text strong{color:#fbbf24}.duell-hinweis-text span{color:var(--ink-soft);font-size:.88rem}.duell-hinweis-count{background:var(--error);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;font-weight:700;display:inline-flex}.nav-with-badge{position:relative}.nav-badge{background:var(--error);color:#fff;border-radius:var(--r-full);justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:.25rem;padding:0 6px;font-size:.72rem;font-weight:700;line-height:1;animation:2s ease-in-out infinite nav-badge-pulse;display:inline-flex}@keyframes nav-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.community-ranking{background:linear-gradient(135deg, var(--bg-hero) 0%, #fff5e0 100%);border-radius:var(--r-xl);box-shadow:var(--shadow-md);border:1px solid #fbbf24;margin:0 0 2rem;padding:1.5rem 1.5rem 1.25rem}:root[data-theme=dunkel] .community-ranking{background:linear-gradient(135deg, var(--surface) 0%, #fbbf2414 100%);border-color:#fbbf2466}.community-ranking.compact{margin-bottom:1rem;padding:1rem 1.1rem .85rem}.community-ranking-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.community-ranking h2{font-family:var(--font-serif);color:var(--primary);margin:0 0 .25rem;font-size:1.35rem}.community-ranking-sub{color:var(--ink-soft);margin:0;font-size:.92rem}.community-ranking-link{color:var(--primary);border-radius:var(--r-full);transition:background var(--t-fast);flex-shrink:0;padding:.4rem .85rem;font-size:.92rem;font-weight:600;text-decoration:none}.community-ranking-link:hover{background:var(--primary-soft)}.ranking-list{flex-direction:column;gap:.5rem;display:flex}.ranking-row{background:var(--surface);border-radius:var(--r-md);border:1px solid var(--border);align-items:center;gap:.85rem;padding:.7rem .85rem;transition:box-shadow .2s;display:flex}.ranking-row-me{background:var(--primary-soft);border-color:var(--primary)}.ranking-platz{text-align:center;width:32px;font-family:var(--font-serif);color:var(--ink-soft);flex-shrink:0;font-size:1.15rem;font-weight:700}.ranking-info{flex:1;min-width:0}.ranking-name{color:var(--ink);align-items:center;gap:.5rem;font-weight:700;display:flex}.ranking-me-badge{background:var(--primary);color:#fff;border-radius:var(--r-full);letter-spacing:.05em;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.ranking-uni{color:var(--ink-muted);font-size:.82rem}.ranking-stats{text-align:right;flex-shrink:0;gap:1.25rem;display:flex}.ranking-zeit{font-family:var(--font-sans);flex-direction:column;align-items:flex-end;display:flex}.ranking-zeit strong{color:var(--primary);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.ranking-zeit span{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.ranking-zeit-secondary strong{color:var(--ink-soft);font-weight:600}.ranking-zeit-duell strong{color:var(--lila);font-weight:700}.community-ranking-toggle{flex-wrap:wrap;gap:.4rem;margin:0 0 .85rem;display:flex}.community-ranking-toggle .tab{padding:.3rem .8rem;font-size:.85rem}@media (width<=640px){.community-ranking-header{flex-direction:column}.ranking-stats{flex-direction:column;gap:.2rem}.ranking-zeit-secondary{display:none}}.profil-logout-btn{align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.profil-pro-section h3{font-family:var(--font-serif);color:var(--lila);margin:0 0 .5rem}.profil-pro-section .modal-lead{color:var(--ink-muted);margin:0 0 1rem;font-size:.92rem}@media (prefers-reduced-motion:reduce){.karteikarte .flip{transition:opacity var(--t-fast)!important;transform:none!important}.karteikarte .flip.gedreht{transform:none!important}}.duelle-page{--d-ink:#0e3a2a;--d-ink-2:#154534;--d-ink-soft:#2e5446;--d-cream:#f1ede4;--d-paper:#faf7f0;--d-paper-2:#f5f1e8;--d-burgundy:#6b2530;--d-teal:#2d6e6b;--d-gold:#c79a2b;--d-line:#0e3a2a14;--d-line-strong:#0e3a2a29;--d-muted:#6c7a72;--d-muted-2:#98a39c;max-width:1100px;color:var(--d-ink);margin:0 auto}.dp-profile-strip{border:1px solid var(--d-line);background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;margin:8px 0 32px;padding:18px 24px;display:grid}@media (width<=800px){.dp-profile-strip{grid-template-columns:auto 1fr;gap:18px}.dp-ps-stats{grid-column:1/-1;justify-content:space-between}}.dp-ps-shield{align-items:center;gap:14px;display:flex}.dp-ps-label{letter-spacing:.18em;color:var(--d-muted);text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:600}.dp-ps-league-name{font-family:var(--font-serif);letter-spacing:-.01em;margin-top:2px;font-size:22px;font-weight:800;line-height:1}.dp-ps-progress{min-width:0}.dp-ps-progress-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.dp-ps-progress-label{color:var(--d-muted);letter-spacing:.08em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:500}.dp-ps-progress-val{color:var(--d-ink);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:600}.dp-ps-track{background:var(--d-paper);border-radius:999px;height:6px;overflow:hidden}.dp-ps-fill{border-radius:999px;height:100%;transition:width .4s cubic-bezier(.19,1,.22,1)}.dp-ps-stats{gap:24px;display:flex}.dp-ps-stat{text-align:right}.dp-ps-stat-v{font-family:var(--font-serif);letter-spacing:-.01em;font-size:22px;font-weight:800;line-height:1}.dp-ps-stat-icon{font-family:var(--font-sans);margin-left:2px;font-size:14px}.dp-ps-stat-l{letter-spacing:.16em;color:var(--d-muted);text-transform:uppercase;margin-top:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:500}.dp-play-hero{color:var(--d-cream);background:linear-gradient(135deg,#0e3a2a 0%,#154534 60%,#1a5040 100%);border-radius:24px;margin-bottom:56px;padding:44px 48px;position:relative;overflow:hidden}.dp-play-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#c79a2b26 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.dp-play-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#2d6e6b40 0%,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;bottom:-150px;left:-50px}.dp-play-grid{grid-template-columns:1fr auto;align-items:center;gap:48px;display:grid;position:relative}@media (width<=800px){.dp-play-hero{padding:32px 24px}.dp-play-grid{grid-template-columns:1fr;gap:28px}}.dp-play-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#f1ede499;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600}.dp-play-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--d-cream);margin:12px 0 14px;font-size:56px;font-weight:900;line-height:1}@media (width<=600px){.dp-play-title{font-size:40px}}.dp-play-desc{color:#f1ede4b3;max-width:460px;margin:0;font-size:15px;line-height:1.4}.dp-play-actions{flex-direction:column;align-items:flex-end;gap:14px;display:flex}@media (width<=800px){.dp-play-actions{align-items:flex-start}}.dp-play-button{background:var(--d-cream);color:var(--d-ink);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:22px 36px;font-family:inherit;font-size:18px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px #0000002e,0 12px 30px #c79a2b2e}.dp-play-button:hover{transform:translateY(-2px);box-shadow:0 6px #0000002e,0 16px 36px #c79a2b40}.dp-play-button:active{transform:translateY(1px);box-shadow:0 2px #0000002e}.dp-play-arrow{background:var(--d-ink);width:22px;height:22px;color:var(--d-cream);border-radius:50%;place-items:center;font-size:10px;display:grid}.dp-play-mode{flex-wrap:wrap;gap:6px;display:flex}@media (width<=800px){.dp-play-mode{justify-content:flex-start}}.dp-mode-chip{color:var(--d-cream);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s}.dp-mode-chip:hover{background:#ffffff24}.dp-mode-chip.aktiv{background:var(--d-cream);color:var(--d-ink);border-color:var(--d-cream);font-weight:600}.dp-challenge-link{color:#f1ede4cc;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.dp-challenge-link:hover{color:var(--d-cream)}.dp-section-head{justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;display:flex}.dp-section-title{font-family:var(--font-serif);letter-spacing:-.015em;align-items:center;gap:12px;margin:0;font-size:26px;font-weight:800;line-height:1;display:flex}.dp-section-count{background:var(--d-burgundy);color:var(--d-cream);letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:600}.dp-section-meta{color:var(--d-muted);align-items:center;gap:14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;display:flex}.dp-section-meta .pos{color:var(--d-teal);font-weight:700}.dp-section-meta .neg{color:var(--d-burgundy);font-weight:700}.dp-duels-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:56px;display:grid}@media (width<=900px){.dp-duels-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dp-duels-grid{grid-template-columns:1fr}}.dp-duel-card{border:1px solid var(--d-line);cursor:pointer;color:var(--d-ink);background:#fff;border-radius:18px;padding:20px;transition:all .15s;position:relative}.dp-duel-card:hover{border-color:var(--d-line-strong);transform:translateY(-2px);box-shadow:0 8px 24px #0e3a2a14}.dp-duel-card.urgent{border-left:3px solid var(--d-burgundy)}.dp-duel-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dp-status-chip{letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:600;display:inline-flex}.dp-status-chip .dot{border-radius:50%;width:5px;height:5px}.dp-status-chip.your{color:var(--d-burgundy);background:#6b253014}.dp-status-chip.your .dot{background:var(--d-burgundy);animation:1.6s ease-in-out infinite dp-pulse}.dp-status-chip.waiting{background:var(--d-paper);color:var(--d-muted)}.dp-status-chip.waiting .dot{background:var(--d-muted-2)}@keyframes dp-pulse{0%,to{opacity:1}50%{opacity:.35}}.dp-duel-timer{color:var(--d-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;font-weight:500}.dp-duel-timer.warn{color:var(--d-burgundy);font-weight:600}.dp-duel-opp{align-items:center;gap:12px;margin-bottom:16px;display:flex}.dp-duel-opp-av{color:#fff;width:46px;height:46px;font-family:var(--font-serif);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:700;display:grid;position:relative}.dp-league-mini-wrap{place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.dp-duel-opp-info{flex:1;min-width:0}.dp-duel-opp-name{font-family:var(--font-serif);font-size:17px;font-weight:700;line-height:1.15}.dp-duel-opp-topic{color:var(--d-muted);letter-spacing:.02em;margin-top:3px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.dp-rounds{gap:4px;margin-bottom:16px;display:flex}.dp-round{background:var(--d-paper);border-radius:3px;flex:1;height:6px}.dp-round.win{background:var(--d-teal)}.dp-round.lose{background:var(--d-burgundy)}.dp-round.active{background:var(--d-ink);animation:1.8s ease-in-out infinite dp-pulse-bg}@keyframes dp-pulse-bg{0%,to{box-shadow:0 0 #0e3a2a00}50%{box-shadow:0 0 0 3px #0e3a2a26}}.dp-duel-foot{justify-content:space-between;align-items:center;display:flex}.dp-duel-score{font-family:var(--font-serif);letter-spacing:-.01em;font-size:24px;font-weight:800;line-height:1}.dp-duel-score .vs{color:var(--d-line-strong);margin:0 6px;font-weight:400}.dp-duel-score .them{color:var(--d-muted);font-weight:600}.dp-duel-action{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.dp-duel-action.primary{background:var(--d-ink);color:var(--d-cream)}.dp-duel-action.primary:hover{background:var(--d-ink-2)}.dp-duel-action.ghost{color:var(--d-ink-soft);background:0 0}.dp-duel-action.ghost:hover{color:var(--d-ink)}.dp-recent{border:1px solid var(--d-line);background:#fff;border-radius:18px;margin-bottom:80px;overflow:hidden}.dp-recent-row{border-bottom:1px solid var(--d-line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:16px 24px;transition:background .12s;display:grid}@media (width<=700px){.dp-recent-row{grid-template-columns:auto 1fr auto;gap:12px;padding:14px 16px}.dp-recent-row .dp-recent-lp{display:none}}.dp-recent-row:last-child{border-bottom:none}.dp-recent-row:hover{background:var(--d-paper);cursor:pointer}.dp-recent-result{width:42px;height:42px;font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:16px;font-weight:800;display:grid}.dp-recent-result.win{color:var(--d-teal);background:#2d6e6b1f}.dp-recent-result.loss{color:var(--d-burgundy);background:#6b25301a}.dp-recent-result.draw{color:var(--d-gold);background:#c79a2b1f}.dp-recent-opp{align-items:center;gap:12px;min-width:0;display:flex}.dp-recent-opp-av{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.dp-recent-opp-name{font-size:14.5px;font-weight:600}.dp-recent-opp-topic{color:var(--d-muted);margin-top:1px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px}.dp-recent-score{font-family:var(--font-serif);text-align:center;letter-spacing:-.01em;min-width:60px;font-size:19px;font-weight:700}.dp-recent-score .them{color:var(--d-muted);font-weight:500}.dp-recent-score .vs{color:var(--d-line-strong);margin:0 5px;font-weight:400}.dp-recent-lp{text-align:right;min-width:70px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;font-weight:700}.dp-recent-lp.pos{color:var(--d-teal)}.dp-recent-lp.neg{color:var(--d-burgundy)}.dp-recent-lp.same{color:var(--d-muted)}.dp-empty{text-align:center;border:1px dashed var(--d-line-strong);color:var(--d-muted);background:#fff;border-radius:18px;margin-bottom:32px;padding:40px 24px}:root.theme-dunkel .duelle-page .dp-profile-strip,:root.theme-dunkel .duelle-page .dp-duel-card,:root.theme-dunkel .duelle-page .dp-recent,:root.theme-dunkel .duelle-page .dp-empty{background:var(--bg-elev,#1a2520);color:var(--text,#e5ebe7);border-color:#ffffff14}:root.theme-dunkel .duelle-page{--d-paper:#ffffff0a;--d-muted:#98a39c;--d-line:#ffffff14;--d-line-strong:#ffffff29;--d-ink:#e5ebe7;--d-ink-soft:#c3ccc6}.dp-leaderboard{border:1px solid var(--d-line);background:#fff;border-radius:18px;margin-bottom:56px;overflow:hidden}.dp-lb-row{border-bottom:1px solid var(--d-line);grid-template-columns:48px 1fr auto auto;align-items:center;gap:18px;padding:14px 24px;transition:background .12s;display:grid}@media (width<=700px){.dp-lb-row{grid-template-columns:36px 1fr auto;gap:12px;padding:12px 16px}.dp-lb-row .dp-lb-liga{display:none}}.dp-lb-row:last-child{border-bottom:none}.dp-lb-row:hover{background:var(--d-paper);cursor:pointer}.dp-lb-row.me{border-left:3px solid var(--d-gold);background:linear-gradient(90deg,#c79a2b14 0%,#0000 60%)}.dp-lb-row.me:hover{background:linear-gradient(90deg, #c79a2b24 0%, var(--d-paper) 60%)}.dp-lb-rank{font-family:var(--font-serif);color:var(--d-muted);text-align:center;letter-spacing:-.02em;font-size:22px;font-weight:800}.dp-lb-rank.top{color:var(--d-gold);font-size:24px}.dp-lb-user{align-items:center;gap:12px;min-width:0;display:flex}.dp-lb-av{color:#fff;background:linear-gradient(135deg, var(--d-ink), var(--d-teal));border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid;overflow:hidden}.dp-lb-av img{object-fit:cover;width:100%;height:100%}.dp-lb-name{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.dp-lb-me-tag{background:var(--d-gold);color:#fff;letter-spacing:.06em;vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.dp-lb-uni{color:var(--d-muted);margin-top:1px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px}.dp-lb-liga{text-transform:uppercase;letter-spacing:.1em;color:var(--d-muted);align-items:center;gap:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600;display:flex}.dp-lb-lp{font-family:var(--font-serif);letter-spacing:-.01em;text-align:right;min-width:60px;font-size:18px;font-weight:800}.dp-lb-lp small{color:var(--d-muted);letter-spacing:.06em;margin-left:3px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:500}.dp-ligen{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:56px;display:grid}@media (width<=800px){.dp-ligen{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.dp-ligen{grid-template-columns:1fr}}.dp-liga-card{border:1px solid var(--d-line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:18px 16px;transition:all .15s;display:flex;position:relative;overflow:hidden}.dp-liga-card.aktuell{border-color:var(--d-gold);background:linear-gradient(135deg,#c79a2b0f 0%,#fff 80%);box-shadow:0 4px 14px #c79a2b1a}.dp-liga-card.aktuell:before{content:"Du";background:var(--d-gold);color:#fff;letter-spacing:.06em;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;right:12px}.dp-liga-info{flex:1;min-width:0}.dp-liga-name{font-family:var(--font-serif);letter-spacing:-.01em;font-size:18px;font-weight:800;line-height:1}.dp-liga-range{color:var(--d-muted);letter-spacing:.04em;margin-top:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:500}:root.theme-dunkel .duelle-page .dp-leaderboard,:root.theme-dunkel .duelle-page .dp-liga-card{background:var(--bg-elev,#1a2520);color:var(--text,#e5ebe7);border-color:#ffffff14}:root.theme-dunkel .duelle-page .dp-liga-card.aktuell{background:linear-gradient(135deg, #c79a2b1a 0%, var(--bg-elev,#1a2520) 80%)}.dp-ligen-trigger{border:1px solid var(--d-line);color:var(--d-ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 14px 8px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.dp-ligen-trigger:hover{border-color:var(--d-line-strong);background:var(--d-paper);transform:translateY(-1px)}.dp-ligen-trigger-shield{align-items:center;display:flex}.dp-ligen-trigger-text{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.dp-ligen-trigger-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--d-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;font-weight:600}.dp-ligen-trigger-arrow{color:var(--d-muted);margin-left:4px;font-size:11px}.dp-ligen-modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0e3a2a80;place-items:center;padding:24px;animation:.2s dp-fade-in;display:grid;position:fixed;inset:0}@keyframes dp-fade-in{0%{opacity:0}to{opacity:1}}.dp-ligen-panel{width:100%;max-width:720px;max-height:88vh;color:var(--d-ink);background:#fff;border-radius:22px;padding:28px 28px 24px;animation:.25s cubic-bezier(.2,.7,.3,1.2) dp-pop-in;overflow-y:auto;box-shadow:0 20px 60px #0003}@keyframes dp-pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.dp-ligen-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:6px;display:flex}.dp-ligen-panel-title{font-family:var(--font-serif);letter-spacing:-.015em;margin:0;font-size:26px;font-weight:800}.dp-ligen-panel-sub{color:var(--d-muted);letter-spacing:.04em;margin:0 0 22px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.dp-ligen-modal-close{background:var(--d-paper);border:1px solid var(--d-line);cursor:pointer;width:32px;height:32px;color:var(--d-ink-soft);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;display:grid}.dp-ligen-modal-close:hover{color:var(--d-ink);background:#fff}:root.theme-dunkel .duelle-page .dp-ligen-trigger,:root.theme-dunkel .duelle-page .dp-ligen-panel{background:var(--bg-elev,#1a2520);color:var(--text,#e5ebe7);border-color:#ffffff14}:root.theme-dunkel .duelle-page .dp-ligen-modal-close{color:var(--text,#e5ebe7);background:#ffffff0f;border-color:#ffffff1f}.dp-section-head.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;transition:opacity .15s}.dp-section-head.toggle:hover{opacity:.85}.dp-section-title-row{align-items:center;gap:12px;display:flex}.dp-section-chevron{background:var(--d-paper);width:24px;height:24px;color:var(--d-ink-soft);border-radius:50%;place-items:center;font-size:11px;transition:transform .25s cubic-bezier(.19,1,.22,1),background .15s;display:inline-grid}.dp-section-head.toggle:hover .dp-section-chevron{background:var(--d-line)}.dp-section-chevron.offen{transform:rotate(180deg)}.dp-collapse-body{overflow:hidden}:root.theme-dunkel .duelle-page .dp-section-chevron{color:var(--text,#e5ebe7);background:#ffffff0f}.dp-ligen-trigger-arrow{transition:transform .25s cubic-bezier(.19,1,.22,1);display:inline-block}.dp-ligen-trigger-arrow.offen{transform:rotate(180deg)}.dp-ligen-inline{border:1px solid var(--d-line);background:#fff;border-radius:18px;margin:4px 0 24px;padding:18px 20px 20px}.dp-ligen-inline .dp-ligen-panel-sub{margin:0 0 14px}:root.theme-dunkel .duelle-page .dp-ligen-inline{background:var(--bg-elev,#1a2520);color:var(--text,#e5ebe7);border-color:#ffffff14}.page-karteikarten{--d-ink:#0e3a2a;--d-ink-2:#154534;--d-ink-soft:#2e5446;--d-cream:#f1ede4;--d-paper:#faf7f0;--d-burgundy:#6b2530;--d-teal:#2d6e6b;--d-gold:#c79a2b;--d-orange:#c8783a;--d-line:#0e3a2a14;--d-line-strong:#0e3a2a29;--d-muted:#6c7a72;--d-muted-2:#98a39c;max-width:1100px;margin:0 auto}.page-karteikarten>.page-header-row{flex-wrap:wrap;align-items:flex-end;gap:16px;margin:0 0 28px}.page-karteikarten>.page-header-row h1{font-family:var(--font-serif);letter-spacing:-.025em;margin:0;font-size:40px;font-weight:800;line-height:1}@media (width<=600px){.page-karteikarten>.page-header-row h1{font-size:30px}}.page-karteikarten>.modus-toggle{border:1px solid var(--d-line);background:#fff;border-radius:14px;gap:2px;margin-bottom:28px;padding:4px;display:inline-flex}.page-karteikarten .karten-filter{border:1px solid var(--d-line);background:#fff;border-radius:16px;margin-bottom:32px;padding:14px 20px}.page-karteikarten .filter-tabs{flex-wrap:wrap;gap:6px}.page-karteikarten .filter-tabs .tab{background:var(--d-paper);border:1px solid var(--d-line);color:var(--d-ink-soft);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.page-karteikarten .filter-tabs .tab:hover:not(:disabled){border-color:var(--d-line-strong);background:#fff}.page-karteikarten .filter-tabs .tab.aktiv{background:var(--d-ink);color:var(--d-cream);border-color:var(--d-ink)}.page-karteikarten .filter-tabs .tab .count{background:#0000001a;border-radius:999px;padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:500}.page-karteikarten .filter-tabs .tab.aktiv .count{background:#ffffff2e}.page-karteikarten .lern-progress-meta{color:var(--d-muted);letter-spacing:.04em;margin:0 0 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;font-weight:500}.page-karteikarten .lern-progress{background:var(--d-paper);border-radius:999px;max-width:640px;height:6px;margin:0 auto 32px;overflow:hidden}.page-karteikarten .lern-progress-fill{background:linear-gradient(90deg, var(--d-ink) 0%, var(--d-teal) 100%);border-radius:999px;height:100%}.page-karteikarten .lernsession-stage{perspective:1800px;perspective-origin:50% 30%;max-width:640px;min-height:400px;margin:0 auto 32px;position:relative}@media (width<=600px){.page-karteikarten .lernsession-stage{min-height:340px}}.page-karteikarten .lernsession-stage .karte-stack-shadow{border-radius:28px}.page-karteikarten .lernsession-stage .karte-stack-shadow:before,.page-karteikarten .lernsession-stage .karte-stack-shadow:after{border:1px solid var(--d-line);background:#fff;border-radius:28px;box-shadow:0 20px 40px -20px #0e3a2a1f}.page-karteikarten .karteikarte{border-radius:28px;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.page-karteikarten .karteikarte .flip{transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,.6,.4,1.1);position:relative}.page-karteikarten .karteikarte .flip.gedreht{transform:rotateY(180deg)}.page-karteikarten .karteikarte .front,.page-karteikarten .karteikarte .back{backface-visibility:hidden;border:1px solid var(--d-line);background:#fff;border-radius:28px;flex-direction:column;justify-content:center;min-height:400px;padding:48px 44px;display:flex;position:relative;box-shadow:inset 0 1px #fff9,0 30px 60px -20px #0e3a2a2e,0 18px 36px -16px #0e3a2a1f,0 6px 12px -6px #0e3a2a0f}.page-karteikarten .karteikarte .back{background:linear-gradient(#faf7f0 0%,#f1ede4 100%)}@media (width<=600px){.page-karteikarten .karteikarte .front,.page-karteikarten .karteikarte .back{border-radius:22px;min-height:340px;padding:32px 28px}}.page-karteikarten .karteikarte .label{letter-spacing:.22em;text-transform:uppercase;color:var(--d-ink-soft);margin-bottom:16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600}.page-karteikarten .karteikarte .back .label{color:var(--d-gold)}.page-karteikarten .karteikarte .front .text{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--d-ink);font-size:28px;font-weight:700;line-height:1.25}.page-karteikarten .karteikarte .back .text{font-family:var(--font-sans);color:var(--d-ink);font-size:17.5px;font-weight:500;line-height:1.55}@media (width<=600px){.page-karteikarten .karteikarte .front .text{font-size:22px}}.page-karteikarten .karteikarte .hint{color:var(--d-muted);letter-spacing:.04em;margin-top:22px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:500}.page-karteikarten .karteikarte .meta{color:var(--d-muted);letter-spacing:.04em;margin-top:16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:500}.page-karteikarten .cloze-card{border:1px solid var(--d-line);background:#fff;border-radius:28px;flex-direction:column;justify-content:center;min-height:400px;padding:48px 44px;display:flex;box-shadow:0 30px 60px -20px #0e3a2a2e,0 18px 36px -16px #0e3a2a1f}.page-karteikarten .cloze-card .label{letter-spacing:.22em;text-transform:uppercase;color:var(--d-ink-soft);margin-bottom:16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600}.page-karteikarten .cloze-card .text{font-family:var(--font-serif);color:var(--d-ink);font-size:22px;font-weight:600;line-height:1.4}.page-karteikarten .sr-bar{background:0 0;border:none;max-width:640px;margin:24px auto 16px;padding:0}.page-karteikarten .sr-bar-label{letter-spacing:.18em;text-transform:uppercase;color:var(--d-muted);text-align:center;margin-bottom:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600}.page-karteikarten .sr-bar-buttons{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.page-karteikarten .sr-btn{border:1px solid var(--d-line);cursor:pointer;text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;font-family:inherit;transition:all .15s;display:flex}.page-karteikarten .sr-btn:hover{border-color:var(--d-line-strong);transform:translateY(-2px);box-shadow:0 8px 20px #0e3a2a14}.page-karteikarten .sr-btn-label{font-size:14px;font-weight:700}.page-karteikarten .sr-btn-interval{color:var(--d-muted);margin-top:2px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:500}.page-karteikarten .sr-btn.sr-1 .sr-btn-label{color:var(--d-burgundy)}.page-karteikarten .sr-btn.sr-1:hover{border-color:var(--d-burgundy);background:#6b25300a}.page-karteikarten .sr-btn.sr-3 .sr-btn-label{color:var(--d-orange)}.page-karteikarten .sr-btn.sr-3:hover{border-color:var(--d-orange);background:#c8783a0a}.page-karteikarten .sr-btn.sr-4 .sr-btn-label{color:var(--d-teal)}.page-karteikarten .sr-btn.sr-4:hover{border-color:var(--d-teal);background:#2d6e6b0a}.page-karteikarten .sr-btn.sr-5 .sr-btn-label{color:var(--d-ink)}.page-karteikarten .sr-btn.sr-5:hover{border-color:var(--d-ink);background:#0e3a2a0a}.page-karteikarten .sr-bar-hint{color:var(--d-muted);text-align:center;letter-spacing:.04em;margin-top:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:500}.page-karteikarten .streak-counter{color:var(--d-ink);background:var(--d-paper);border:1px solid var(--d-line);letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:600}.page-karteikarten .streak-num{font-family:var(--font-serif);margin:0 2px;font-size:14px;font-weight:800}.page-karteikarten .antwort-eingabe{max-width:640px;margin:0 auto}.page-karteikarten .antwort-eingabe textarea{border:1px solid var(--d-line-strong);background:var(--d-paper);border-radius:14px;padding:14px 16px;font-family:inherit;font-size:14.5px;transition:all .18s}.page-karteikarten .antwort-eingabe textarea:focus{border-color:var(--d-ink);background:#fff;box-shadow:0 0 0 3px #0e3a2a14}.page-karteikarten .antwort-actions{justify-content:center;gap:10px;margin-top:12px;display:flex}.page-karteikarten .fab-new-card{background:var(--d-ink);width:44px;height:44px;color:var(--d-cream);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:22px;font-weight:300;display:grid;box-shadow:0 3px #0000001f}.page-karteikarten .fab-new-card:hover{background:var(--d-ink-2)}:root.theme-dunkel .page-karteikarten .karten-filter,:root.theme-dunkel .page-karteikarten>.modus-toggle,:root.theme-dunkel .page-karteikarten .karteikarte .front,:root.theme-dunkel .page-karteikarten .sr-btn,:root.theme-dunkel .page-karteikarten .cloze-card{background:var(--bg-elev,#1a2520);color:var(--text,#e5ebe7);border-color:#ffffff14}:root.theme-dunkel .page-karteikarten .karteikarte .back{background:linear-gradient(#1a2520 0%,#0f1814 100%);border-color:#ffffff14}:root.theme-dunkel .page-karteikarten .karteikarte .front .text,:root.theme-dunkel .page-karteikarten .karteikarte .back .text{color:var(--text,#e5ebe7)}.page-karteikarten .learn-area{position:relative}.page-karteikarten .karte-aktionen.karte-aktionen-floating{z-index:10;background:0 0;border:none;flex-direction:column;gap:6px;margin:0;padding:0;display:flex;position:absolute;top:64px;right:-8px}.page-karteikarten .kk-icon-btn{border:1px solid var(--d-line);cursor:pointer;width:36px;height:36px;color:var(--d-ink-soft);background:#fff;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:15px;line-height:1;transition:all .15s;display:grid;box-shadow:0 2px 8px #0e3a2a0f}.page-karteikarten .kk-icon-btn:hover{background:var(--d-paper);border-color:var(--d-line-strong);transform:translateY(-1px);box-shadow:0 4px 12px #0e3a2a1a}.page-karteikarten .kk-icon-btn-danger:hover{background:#6b25300f;border-color:#6b253033}.page-karteikarten .kk-icon-btn:disabled{opacity:.5;cursor:not-allowed}.teilen-toggle.kompakt{cursor:pointer;color:#2e5446;background:#fff;border:1px solid #0e3a2a14;border-radius:50%;place-items:center;gap:0;width:36px;height:36px;padding:0;font-family:inherit;transition:all .15s;display:grid;box-shadow:0 2px 8px #0e3a2a0f}.teilen-toggle.kompakt:hover{background:#faf7f0;border-color:#0e3a2a29;transform:translateY(-1px);box-shadow:0 4px 12px #0e3a2a1a}.teilen-toggle.kompakt.aktiv{color:#fff;background:#2d6e6b;border-color:#2d6e6b}.teilen-toggle.kompakt .teilen-icon{place-items:center;display:inline-grid}@media (width<=800px){.page-karteikarten .karte-aktionen.karte-aktionen-floating{flex-direction:row;justify-content:flex-end;margin:0 0 12px;position:static}}:root.theme-dunkel .page-karteikarten .kk-icon-btn,:root.theme-dunkel .teilen-toggle.kompakt{background:var(--bg-elev,#1a2520);color:var(--text,#e5ebe7);border-color:#ffffff14}