:root{--font-sans:"DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-pill:999px;--shadow-card:0 1px 2px #0f0f140a, 0 4px 16px #0f0f140a;--shadow-pop:0 1px 2px #0f0f140d, 0 12px 36px #4f46e51a;--c-hover-surface:#0000000a;--c-active-surface:#00000014;--content-w:480px;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--c-accent:#4f46e5;--c-accent-hover:#4338ca;--c-accent-active:#3730a3;--c-accent-tint:#eef2ff;--c-accent-soft:#f5f7ff;--c-accent-fg:#3730a3;--c-success:#10b981;--c-success-hover:#059669;--c-success-soft:#ecfdf5;--c-success-fg:#047857;--c-danger:#d24545;--c-danger-hover:#b73a3a;--c-danger-soft:#fdf3f3;--c-danger-fg:#a02e2e;--c-warning:#d99a14;--c-warning-soft:#fffaee;--c-warning-fg:#7a570c;--c-bg:#fff;--c-surface:#fafafa;--c-fg:#1a1a1a;--c-fg-muted:#6b6b73;--c-border:#e2e2e6;--c-border-strong:#1a1a1a;--c-hover-tint:#0000000d;--c-active-fill:#e0e0e0;--c-selected-bg:#eef2ff;--c-selected-fg:#3730a3;--c-kids-fill:#cfe8d6;--c-kids-fg:#1a4d2e;--focus-ring:2px solid currentColor;--focus-offset:2px;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-kids=true]{--c-accent:#2d8a59;--c-accent-hover:#237046;--c-accent-active:#1a5535;--c-accent-tint:#e0f2e9;--c-accent-soft:#f0f9f4;--c-accent-fg:#1a5535}:root[data-kids=true][data-theme=dark]{--c-accent-tint:#1f3d2c;--c-accent-soft:#16291f;--c-accent-fg:#a7d7bd}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-hover-surface:#ffffff0f;--c-active-surface:#ffffff1f;--c-bg:#0e0e10;--c-surface:#18181c;--c-fg:#f1f1f1;--c-fg-muted:#a4a4ad;--c-border:#2a2a30;--c-border-strong:#f1f1f1;--c-hover-tint:#ffffff14;--c-active-fill:#3a3a3a;--c-accent-hover:#6366f1;--c-accent-tint:#1e1b4b;--c-accent-soft:#14122e;--c-accent-fg:#c7d2fe;--c-success-soft:#052e22;--c-danger-soft:#3a1f1f;--c-warning-soft:#322813;--c-selected-bg:#1e1b4b;--c-selected-fg:#c7d2fe;--c-kids-fill:#2d4a36;--c-kids-fg:#cfe8d6}body{background:var(--c-surface);color:var(--c-fg);margin:0}.phone-shell{min-height:100vh;padding:var(--space-6) var(--space-4) var(--space-8);background:radial-gradient(ellipse 80% 50% at 50% -10%, var(--c-accent-tint) 0%, transparent 60%), var(--c-surface);justify-content:center;align-items:flex-start;display:flex}html[data-theme=dark] .phone-shell{background:radial-gradient(ellipse 80% 50% at 50% -10%, #4f46e52e 0%, transparent 60%), var(--c-surface)}.app{width:100%;max-width:var(--content-w);background:var(--c-bg);border:1px solid var(--c-border);border-radius:28px;flex-direction:column;min-height:760px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f0f140a,0 24px 60px #0f0f1414}@media (width<=540px){.phone-shell{padding:0}.app{box-shadow:none;border:none;border-radius:0;min-height:100vh}}.update-banner{background:var(--c-accent-tint,#eef2ff);color:var(--c-accent-fg,#3730a3);border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;display:flex}.update-banner-cta{appearance:none;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:500}.update-banner-cta:hover{background:#0000000a}.topbar{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--c-border);background:var(--c-bg);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.0625rem;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg, var(--c-accent) 0%, var(--c-accent-active) 100%);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.brand-mark:before{content:"";background:#ffffff40;border-radius:4px;position:absolute;inset:4px 6px;transform:rotate(-8deg)}.brand-mark span{z-index:1;position:relative}.brand-mark-sm{border-radius:6px;width:22px;height:22px;font-size:.7rem}.brand-footer{margin-top:var(--space-4);color:var(--c-fg-muted);letter-spacing:-.005em;justify-content:center;align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}.topbar-spacer-left{flex:1}.topbar-actions{align-items:center;gap:6px;display:flex}.icon-btn{width:38px;height:38px;color:var(--c-fg);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .12s;display:inline-flex}.icon-btn:hover{background:var(--c-hover-surface)}.icon-btn:active{background:var(--c-active-surface)}.icon-btn[aria-pressed=true]{background:var(--c-kids-fill);color:var(--c-kids-fg,#1a4d2e)}.icon-btn-danger{color:var(--c-danger-fg)}.icon-btn-danger:hover:not(:disabled){background:var(--c-danger-soft)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.kids-lock-note{background:var(--c-kids-fill,#cfe8d6);color:var(--c-fg);border-top:1px solid var(--c-border);align-items:flex-start;gap:10px;padding:12px 16px;font-size:.8125rem;line-height:1.45;display:flex}.avatar{background:linear-gradient(135deg, var(--c-accent), var(--c-accent-active));color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:600;display:inline-flex}.page{padding:var(--space-5) var(--space-5) var(--space-7);gap:var(--space-6);flex-direction:column;flex:1;display:flex}.section{flex-direction:column;gap:10px;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.section-title{text-transform:uppercase;letter-spacing:.09em;color:var(--c-fg-muted);margin:0;font-size:.7rem;font-weight:600}.section-link{color:var(--c-accent-fg);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:.8125rem;font-weight:500}.section-link:hover{text-decoration:underline}.welcome-card{background:linear-gradient(135deg, var(--c-accent-soft) 0%, var(--c-accent-tint) 100%);border:1px solid color-mix(in oklab, var(--c-accent) 18%, var(--c-border));border-radius:var(--radius-lg);padding:18px 20px;position:relative;overflow:hidden}html[data-theme=dark] .welcome-card{background:linear-gradient(135deg, var(--c-accent-soft) 0%, var(--c-accent-tint) 100%);border-color:color-mix(in oklab, var(--c-accent) 25%, var(--c-border))}.welcome-card .dismiss{width:28px;height:28px;color:var(--c-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;right:10px}.welcome-card .dismiss:hover{color:var(--c-fg);background:#0000000f}.welcome-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--c-accent-fg);align-items:center;gap:6px;margin-bottom:6px;font-size:.7rem;font-weight:600;display:inline-flex}.welcome-eyebrow .dot{background:var(--c-accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklab, var(--c-accent) 25%, transparent);border-radius:50%}.welcome-card h2{color:var(--c-fg);letter-spacing:-.01em;margin:0 0 4px;font-size:1.125rem;font-weight:600}.welcome-card p{color:var(--c-fg-muted);max-width:38ch;margin:0 0 12px;font-size:.875rem;line-height:1.55}.welcome-actions{flex-wrap:wrap;gap:8px;display:flex}.welcome-card-equalh,.welcome-pane{flex-direction:column;display:flex}.welcome-pane-active{flex:auto;min-height:100%}.welcome-actions-anchor{margin-top:auto}.welcome-card-mirror{visibility:hidden;pointer-events:none;padding:18px 20px;position:absolute;top:0;left:0;right:0}.welcome-card-mirror .welcome-pane{position:absolute;top:0;left:18px;right:18px}.install-steps{color:var(--c-fg);flex-direction:column;gap:8px;margin:4px 0 12px;padding-left:1.25rem;font-size:.9rem;line-height:1.5;display:flex}.install-steps li::marker{color:var(--c-accent-fg);font-weight:600}.btn{border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-fg);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.btn:hover{background:var(--c-hover-surface)}.btn:active{transform:scale(.98)}.btn svg{flex-shrink:0;width:18px;height:18px}.btn-primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.btn-primary:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn-primary:active{background:var(--c-accent-active)}.btn-ghost{color:var(--c-fg-muted);border-color:#0000}.btn-ghost:hover{background:var(--c-hover-surface);color:var(--c-fg)}.btn-success{color:var(--c-success-fg);border-color:color-mix(in oklab, var(--c-success) 35%, var(--c-border));background:var(--c-success-soft)}.btn-success:hover{background:color-mix(in oklab, var(--c-success) 12%, var(--c-bg))}.btn-danger{color:var(--c-danger-fg);border-color:color-mix(in oklab, var(--c-danger) 35%, var(--c-border));background:var(--c-danger-soft)}.btn-danger:hover{background:color-mix(in oklab, var(--c-danger) 12%, var(--c-bg))}.btn-block{width:100%}.btn-lg{border-radius:12px;min-height:52px;padding:14px 18px;font-size:1rem}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn{transition:opacity 1s linear,filter 1s linear}.btn-reveal-locked{opacity:.4;filter:saturate(40%);cursor:not-allowed}.continue-card{background:var(--c-bg);border:2px solid var(--c-accent);border-radius:var(--radius-lg);cursor:pointer;text-align:left;color:inherit;width:100%;box-shadow:var(--shadow-card);grid-template-columns:1fr auto;align-items:center;gap:14px;padding:18px;font-family:inherit;transition:border-color .12s,transform .12s,box-shadow .12s;display:grid}.continue-card:hover{border-color:color-mix(in oklab, var(--c-accent) 50%, var(--c-border));box-shadow:var(--shadow-pop)}.continue-card:active{transform:scale(.99)}.continue-meta{flex-direction:column;gap:4px;display:flex}.continue-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--c-accent-fg);font-size:.7rem;font-weight:600}.continue-title{letter-spacing:-.01em;color:var(--c-fg);font-size:1.125rem;font-weight:600}.continue-sub{color:var(--c-fg-muted);font-size:.8125rem}.progress-ring{flex-shrink:0;width:56px;height:56px;position:relative}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring .track{stroke:var(--c-border)}.progress-ring .fill{stroke:var(--c-accent);transition:stroke-dashoffset .4s}.progress-ring .pct{font-variant-numeric:tabular-nums;color:var(--c-fg);white-space:nowrap;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;line-height:1;display:flex;position:absolute;inset:0}.cefr-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cefr-chip{background:var(--c-bg);border:1px solid var(--c-border);cursor:pointer;color:inherit;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;font-family:inherit;transition:all .12s;display:flex;position:relative;overflow:hidden}.cefr-chip:hover{border-color:color-mix(in oklab, var(--c-accent) 50%, var(--c-border));transform:translateY(-1px)}.cefr-chip[aria-current=true]{background:var(--c-accent-tint);border-color:var(--c-accent);color:var(--c-accent-fg)}.cefr-label{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.cefr-sub{text-transform:uppercase;letter-spacing:.04em;color:var(--c-fg-muted);font-size:.65rem;font-weight:500;line-height:1}.cefr-chip[aria-current=true] .cefr-sub{color:var(--c-accent-fg);opacity:.8}.cefr-chip .lvl-bar{background:var(--c-border);border-radius:2px;height:3px;position:absolute;inset:auto 8px 6px;overflow:hidden}.cefr-chip .lvl-bar i{opacity:.6;background:currentColor;border-radius:2px;height:100%;display:block}.stats-strip{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.stat{text-align:center;border-right:1px solid var(--c-border);flex-direction:column;gap:6px;padding:14px 10px;display:flex}.stat:last-child{border-right:none}.stat-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--c-fg);white-space:nowrap;justify-content:center;align-items:baseline;gap:4px;font-size:1rem;font-weight:700;line-height:1;display:inline-flex}.stat-value .unit{color:var(--c-fg-muted);font-size:.7rem;font-weight:500}.stat-value .flame{font-size:1rem}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--c-fg-muted);font-size:.7rem;font-weight:500}.stats-strip-sticky{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);width:min(calc(100% - 2 * var(--space-5)), 320px);z-index:5;pointer-events:auto;position:fixed;transform:translate(-50%)}.stats-strip-sticky .stats-strip{background:color-mix(in oklab, var(--c-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-color:color-mix(in oklab, var(--c-border) 70%, transparent);border-radius:var(--radius-pill);opacity:.92}.stats-strip-sticky .stat{border-right-color:color-mix(in oklab, var(--c-border) 60%, transparent);gap:2px;padding:6px}.stats-strip-sticky .stat-value{font-size:.8rem}.stats-strip-sticky .stat-value .flame{font-size:.75rem}.stats-strip-sticky .stat-label{letter-spacing:.05em;font-size:.55rem}.page{padding-bottom:calc(var(--space-7) + 56px + env(safe-area-inset-bottom,0px))}.study-topbar{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.study-topbar .deck-label{text-align:center;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.study-topbar .deck-label .name{letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.study-topbar .deck-label .pos{color:var(--c-fg-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.topbar-spacer{width:38px}.study-progress{background:var(--c-border);height:3px;position:relative;overflow:hidden}.study-progress>i{background:linear-gradient(90deg, var(--c-accent), var(--c-accent-hover));border-radius:0 999px 999px 0;height:100%;transition:width .32s ease-out;display:block}.study-page{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.flashcard{perspective:1600px;cursor:pointer;flex:1;min-height:360px;display:flex;position:relative}.flashcard-inner{width:100%;transform-style:preserve-3d;flex:1;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-xl);backface-visibility:hidden;box-shadow:var(--shadow-card);flex-direction:column;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden}.flashcard-face.back{background:linear-gradient(180deg, var(--c-accent-soft) 0%, var(--c-bg) 60%);transform:rotateY(180deg)}.card-header{text-transform:uppercase;letter-spacing:.08em;color:var(--c-fg-muted);justify-content:space-between;align-items:center;font-size:.7rem;font-weight:600;display:flex}.card-header .pill{background:var(--c-accent-tint);color:var(--c-accent-fg);border-radius:999px;padding:3px 10px;font-weight:600}.card-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:20px 8px;display:flex}.card-mirror-hidden{visibility:hidden}.card-word{letter-spacing:-.02em;color:var(--c-fg);font-size:2.25rem;font-weight:700;line-height:1.1}.card-word.card-word-long{letter-spacing:-.005em;text-wrap:balance;max-width:36ch;font-size:1.125rem;font-weight:600;line-height:1.35}.card-wortart{color:var(--c-fg-muted);letter-spacing:0;vertical-align:middle;margin-left:6px;font-size:.875rem;font-style:italic;font-weight:400}.card-pronounce{font-family:var(--font-mono);color:var(--c-fg-muted);letter-spacing:.02em;font-size:.875rem}.card-pos{text-transform:uppercase;letter-spacing:.08em;color:var(--c-fg-muted);font-size:.75rem;font-weight:600}.card-translation{color:var(--c-fg);letter-spacing:-.01em;text-wrap:balance;max-width:28ch;font-size:1.25rem;font-weight:600}.card-translation.card-translation-long{max-width:36ch;font-size:1.0625rem;font-weight:500;line-height:1.4}.card-example{color:var(--c-fg-muted);max-width:32ch;font-size:.9375rem;font-style:italic;line-height:1.5}.card-example-de{border-top:1px dashed var(--c-border);margin-top:4px;padding-top:8px}.card-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-aufdecken{grid-column:2}.card-extras{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-hint{grid-column:1}.btn-listen{grid-column:2}.card-hint-slot{text-align:center;min-height:1.5em;color:var(--c-fg-muted);padding:4px 0;font-size:.95rem;font-style:italic}.finished-screen{text-align:center;flex-direction:column;gap:16px;padding:40px 20px;display:flex}.modetabs{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.modetabs button{color:var(--c-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:.8125rem;font-weight:500}.modetabs button[aria-pressed=true]{background:var(--c-bg);color:var(--c-accent-fg);box-shadow:0 1px 2px #0f0f140f}.quiz-prompt{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:8px;padding:28px 24px;display:flex}.quiz-prompt .label{text-transform:uppercase;letter-spacing:.08em;color:var(--c-fg-muted);font-size:.7rem;font-weight:600}.quiz-prompt .card-word{align-items:center;gap:12px;font-size:1.625rem;display:inline-flex}.quiz-speak{background:var(--c-accent-tint);width:32px;height:32px;color:var(--c-accent-fg);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.quiz-speak:hover{background:color-mix(in srgb, var(--c-accent-tint) 60%, var(--c-accent) 8%)}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{background:var(--c-bg);border:1px solid var(--c-border);color:var(--c-fg);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:14px;width:100%;padding:16px 18px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .14s;display:flex}.quiz-option:hover{border-color:color-mix(in oklab, var(--c-accent) 50%, var(--c-border));background:var(--c-accent-soft)}.quiz-option .key{background:var(--c-surface);width:28px;height:28px;color:var(--c-fg-muted);font-family:var(--font-mono);border:1px solid var(--c-border);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.quiz-option.correct{background:var(--c-success-soft);border-color:var(--c-success);color:var(--c-success-fg)}.quiz-option.correct .key{background:var(--c-success);color:#fff;border-color:var(--c-success)}.quiz-option.wrong{background:var(--c-danger-soft);border-color:var(--c-danger);color:var(--c-danger-fg)}.quiz-option.wrong .key{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.quiz-option:disabled{cursor:default}.sheet-overlay{z-index:50;background:#0f0f1466;justify-content:center;align-items:flex-start;animation:.2s ease-out overlayIn;display:flex;position:absolute;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.sheet{background:var(--c-bg);border-radius:0 0 20px 20px;flex-direction:column;gap:14px;width:100%;padding:20px 20px 24px;animation:.28s cubic-bezier(.2,.8,.2,1) sheetInTop;display:flex}@keyframes sheetInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.sheet .grabber{display:none}.verdict{align-items:center;gap:12px;font-size:1rem;font-weight:600;display:flex}.verdict .ico{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.verdict.correct .ico{background:var(--c-success-soft);color:var(--c-success-fg)}.verdict.wrong .ico{background:var(--c-danger-soft);color:var(--c-danger-fg)}.verdict .answer{color:var(--c-fg-muted);margin-top:2px;font-size:.875rem;font-weight:500}.settings-page{padding:var(--space-4) var(--space-5) var(--space-7)}.settings-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.settings-head h2{margin:0;font-size:1.125rem;font-weight:600}.settings-section{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}.settings-section+.settings-section{margin-top:14px}.settings-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--c-fg-muted);padding:12px 16px 6px;font-size:.7rem;font-weight:600}.settings-row{border-top:1px solid var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}@media (width<=480px){.settings-row .slider{flex-basis:100%;max-width:100%}}.settings-section-title+.settings-row{border-top:none}.settings-row-stacked{flex-direction:column;align-items:stretch;gap:8px}.settings-row-stacked .segmented{width:100%;display:flex}.settings-row-stacked .segmented button{flex:1}.settings-row-label{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-row-label .name{color:var(--c-fg);font-size:.9375rem;font-weight:500}.settings-row-label .desc{color:var(--c-fg-muted);font-size:.8125rem}.aussprache-help-toggle{width:22px;height:22px;color:var(--c-fg-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:4px;padding:0;font-size:1rem;line-height:1;display:inline-flex}.aussprache-help-toggle:hover{color:var(--c-fg)}.aussprache-help-panel{border-top:1px solid var(--c-border);color:var(--c-fg-muted);padding:12px 36px 14px 16px;font-size:.8125rem;line-height:1.5;position:relative}.aussprache-help-close{width:26px;height:26px;color:var(--c-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0;font-size:.875rem;line-height:1;position:absolute;top:6px;right:8px}.aussprache-help-close:hover{color:var(--c-fg);background:var(--c-surface)}.aussprache-help-close-bottom{position:absolute;top:auto;bottom:6px;right:8px}.aussprache-help-os-notice{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-fg-muted);border-radius:6px;margin:0 0 10px;padding:8px 10px;font-size:.8125rem}.aussprache-help-title{color:var(--c-fg);margin-bottom:6px;font-weight:600}.aussprache-help-intro{margin:0 0 10px}.aussprache-help-section+.aussprache-help-section{margin-top:10px}.aussprache-help-section strong{color:var(--c-fg)}.aussprache-help-note{margin:4px 0 0;font-style:italic}.aussprache-help-outro{margin:10px 0 0}.lernen-help-table{border-collapse:collapse;width:100%;margin:6px 0 12px;font-size:.8125rem}.lernen-help-table th,.lernen-help-table td{text-align:left;border-bottom:1px solid var(--c-border);padding:4px 6px}.lernen-help-table th{color:var(--c-fg);font-weight:600}.lernen-help-table td{color:var(--c-fg-muted)}.voice-list-toggle{color:var(--c-fg-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:.8125rem;display:inline-flex}.voice-list-toggle:hover{color:var(--c-fg)}.voice-list-panel{border-top:1px solid var(--c-border);color:var(--c-fg-muted);padding:10px 16px 14px;font-size:.8125rem;position:relative}.voice-list-close{width:26px;height:26px;color:var(--c-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:8px;right:8px}.voice-list-close:hover{color:var(--c-fg);background:var(--c-surface)}.voice-list-caption{margin:0 0 8px}.voice-list-empty{margin:0 0 8px;font-style:italic}.voice-list{max-height:240px;margin:0 0 8px;padding:0;list-style:none;overflow-y:auto}.voice-list-row{border:none;border-bottom:1px solid var(--c-border);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) 48px 70px 22px;align-items:center;gap:4px;padding:6px 4px;display:grid}.voice-list-row:hover{background:var(--c-surface)}.voice-list-row[aria-pressed=true]{background:var(--c-accent-tint)}.voice-list-row:last-child{border-bottom:none}.voice-list-name{color:var(--c-fg);text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.voice-list-lang{color:var(--c-fg-muted);text-align:right;font-size:.6875rem}.voice-list-default-slot{justify-content:flex-end;align-items:center;display:inline-flex}.voice-list-check-slot{color:#16a34a;justify-content:center;align-items:center;display:inline-flex}.voice-list-check{color:#16a34a}.voice-list-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:10px;padding:1px 6px;font-size:.6875rem}.voice-list-badge.default{background:var(--c-surface);color:var(--c-fg-muted)}.voice-list-refresh{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-fg);cursor:pointer;border-radius:6px;margin-top:4px;padding:6px 12px;font-size:.8125rem}.segmented{background:var(--c-surface);border:1px solid var(--c-border);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--c-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;min-width:40px;padding:6px 12px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .12s}.segmented button[aria-pressed=true]{background:var(--c-bg);color:var(--c-accent-fg);box-shadow:0 1px 2px #0f0f140f}.stepper{background:var(--c-surface);border:1px solid var(--c-border);border-radius:9px;align-items:center;padding:2px;display:inline-flex}.stepper button{width:30px;height:30px;color:var(--c-fg);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.125rem;font-weight:500;display:inline-flex}.stepper button:hover:not(:disabled){background:var(--c-hover-surface)}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper input{width:44px;font-family:var(--font-mono);color:var(--c-fg);text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:none;font-size:.9375rem;font-weight:600}.slider{flex:1;align-items:center;gap:10px;max-width:200px;display:flex}.slider input[type=range]{appearance:none;background:var(--c-border);border-radius:999px;outline:none;flex:1;height:4px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--c-accent);cursor:pointer;border:2px solid var(--c-bg);border-radius:50%;width:18px;height:18px}.slider .value{font-family:var(--font-mono);color:var(--c-fg);text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:.8125rem;font-weight:600}.progress-table{flex-direction:column;display:flex}.progress-row{border-top:1px solid var(--c-border);align-items:center;gap:12px;padding:12px 16px;display:flex}.progress-row:first-of-type{border-top:1px solid var(--c-border)}.progress-row .label{width:80px;color:var(--c-fg);flex-shrink:0;font-size:.875rem;font-weight:500}.progress-row .bar{background:var(--c-border);border-radius:999px;flex:1;height:6px;overflow:hidden}.progress-row .bar i{background:var(--c-accent);border-radius:999px;height:100%;display:block}.progress-row .count{font-family:var(--font-mono);color:var(--c-fg);text-align:right;font-variant-numeric:tabular-nums;min-width:24px;font-size:.875rem;font-weight:600}.app-version{margin-top:var(--space-4);color:var(--c-fg-muted);font-variant-numeric:tabular-nums;justify-content:center;font-size:.75rem;display:flex}.impressum-toggle{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;margin:0;padding:12px 16px;display:flex}.impressum-toggle .settings-section-title{flex:1;padding:0;line-height:1}.impressum-chevron{color:var(--c-fg-muted);padding:0;font-size:.75rem;line-height:1}.impressum-block{font-size:.75rem;line-height:1.5}.crafted-line{margin-top:var(--space-2);justify-content:center;display:flex}.crafted{color:var(--c-fg-muted);align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.profile-sheet{gap:14px}.profile-sheet-head{justify-content:space-between;align-items:center;width:100%;display:flex}.profile-sheet-head h3{margin:0;font-size:1.1rem;font-weight:600}.profile-sheet-sub{color:var(--c-fg-muted);width:100%;margin:-8px 0 0;font-size:.8125rem}.profile-list{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.profile-row{border:1px solid var(--c-border);border-radius:12px;align-items:center;gap:6px;padding:6px;transition:background .15s,border-color .15s;display:flex}.profile-row.is-active{border-color:var(--c-accent);background:color-mix(in oklab, var(--c-accent) 8%, transparent)}.profile-pick{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:12px;min-width:0;padding:6px;display:flex}.profile-pick:hover{background:var(--c-hover-surface)}.profile-avatar{flex-shrink:0;width:36px;height:36px;font-size:.8125rem;font-weight:600}.profile-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-name{align-items:center;gap:8px;font-size:.95rem;font-weight:500;display:flex}.profile-active-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--c-accent);background:var(--c-bg);border:1px solid var(--c-accent);border-radius:999px;padding:1px 6px;font-size:.6875rem;font-weight:500}.profile-name-input{font:inherit;border:1px solid var(--c-accent);background:var(--c-bg);color:var(--c-fg);border-radius:6px;outline:none;width:100%;padding:2px 6px;font-size:.95rem;font-weight:500}.profile-actions{flex-shrink:0;gap:2px;display:flex}.profile-actions .icon-btn{width:32px;height:32px}.profile-actions .icon-btn:disabled{opacity:.35;cursor:not-allowed}.profile-add{justify-content:center;gap:6px;width:100%}.app-toast{background:var(--c-fg);color:var(--c-bg);border-radius:var(--radius-md);z-index:100;padding:10px 16px;font-size:.875rem;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.deck-grid{flex-direction:column;gap:8px;display:flex}.deck-tile{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg);cursor:pointer;color:inherit;text-align:left;flex-direction:row;align-items:center;gap:14px;width:100%;padding:18px;font-family:inherit;transition:border-color .12s,transform .12s;display:flex;position:relative}.deck-tile:hover{border-color:color-mix(in oklab, var(--c-accent) 40%, var(--c-border));transform:translateY(-1px)}.deck-icon{background:var(--deck-bg,var(--c-accent-tint));width:28px;height:28px;color:var(--deck-fg,var(--c-accent-fg));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:inline-flex}.deck-name{letter-spacing:-.01em;color:var(--c-fg);font-size:.9375rem;font-weight:600;line-height:1.2}#app{max-width:40rem;padding:var(--space-4);box-sizing:border-box;margin:0 auto}.icon{flex:none;justify-content:center;align-items:center;width:1.25em;height:1.25em;line-height:0;display:inline-flex}.icon svg{width:100%;height:100%}button .icon+span,button span+.icon{margin-left:var(--space-2)}.karte-content{height:20.5rem;max-height:50dvh;padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-3);box-sizing:border-box;border:1px solid;overflow-y:auto}.karte-content .card-image{text-align:center;margin:var(--space-1) 0 var(--space-2);font-size:3rem;line-height:1}.karte-content h1{margin:var(--space-1) 0;font-size:1.5rem}.karte-content .word-line{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.speak-btn{color:inherit;margin-left:var(--space-1);cursor:pointer;font-size:inherit;opacity:.7;vertical-align:middle;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.speak-btn .icon{width:1.25em;height:1.25em}.speak-btn:hover{opacity:1;background:0 0}.word-line button[data-action=use-hint]{color:inherit;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer;opacity:.85;background:0 0;border:1px solid;font-size:.875rem}.word-line button[data-action=use-hint]:hover{background:var(--c-hover-tint);opacity:1}.karte-content p{margin:var(--space-1) 0}.karte-content .translation{font-size:1.25rem;font-weight:600}.karte-content .example{opacity:.85;font-style:italic}.actions{gap:var(--space-2);flex-direction:column;display:flex}.actions button{width:100%;padding:.875rem var(--space-4);border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;border:1px solid;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.actions button[data-action=gewusst]{border-color:var(--c-success);color:var(--c-success)}.actions button[data-action=nicht-gewusst]{border-color:var(--c-danger);color:var(--c-danger)}.actions button:hover{background:var(--c-hover-tint)}.startscreen-topbar{justify-content:flex-end;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);display:flex}button[data-action=toggle-kindermodus]{border-radius:var(--radius-sm);color:inherit;padding:var(--space-1) var(--space-2);cursor:pointer;background:0 0;border:1px solid;justify-content:center;align-items:center;display:inline-flex}button[data-action=toggle-kindermodus][aria-pressed=true]{background:var(--c-kids-fill)}.startscreen-topbar button[data-action=menu]{color:inherit;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;background:0 0;border:1px solid}.startscreen-topbar button[data-action=menu]:hover{background:var(--c-hover-tint)}.profile-avatar{background:var(--c-accent);color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.7rem;font-weight:600;display:inline-flex}.profile-picker .profile-avatar{width:2.25rem;height:2.25rem;font-size:.85rem}.profile-picker{gap:var(--space-2);padding:var(--space-3);flex-direction:column;display:flex}.profile-picker-list{gap:var(--space-2);flex-direction:column;display:flex}.profile-picker-row{align-items:stretch;gap:var(--space-1);display:flex}.profile-picker-select{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid;flex:1;font-size:1rem;display:flex}.profile-picker-select:hover{background:var(--c-hover-tint)}.profile-picker-action{padding:var(--space-2);border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;border:1px solid;justify-content:center;align-items:center;display:inline-flex}.profile-picker-action:hover{background:var(--c-hover-tint)}.profile-picker-name{flex:1}.profile-picker-new{padding:var(--space-2);border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;border:1px dashed;align-self:stretch}section.actions{margin-bottom:0}section:not(.actions){margin-bottom:var(--space-6)}section h2{margin:0 0 var(--space-2);font-size:1.125rem}.section-header{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);display:flex}.section-header h2{margin:0}.section-header-action{color:inherit;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;display:inline-flex}.section-header-action:hover{background:var(--c-hover-tint)}.streak{opacity:.8;margin:0 0 var(--space-4);font-size:.875rem}.first-launch{border:1px solid var(--c-accent-tint);border-radius:var(--radius-md);padding:var(--space-4);margin:0 0 var(--space-6);gap:var(--space-3);background:var(--c-accent-soft);flex-direction:column;display:flex;position:relative}.first-launch-close{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--c-fg-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.first-launch-close:hover{background:var(--c-hover-tint);color:var(--c-fg)}.first-launch h2,.first-launch p{margin:0}.first-launch button[data-action=dismiss-first-launch]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;border:1px solid;align-self:flex-start;font-size:1rem}.first-launch button[data-action=dismiss-first-launch]:hover{background:var(--c-hover-tint)}nav{margin-bottom:var(--space-4);gap:var(--space-2);justify-content:space-between;display:flex}nav button,.nav-style-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:inherit;cursor:pointer;opacity:.8;background:0 0;border:1px solid;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}nav button:hover,.nav-style-btn:hover{opacity:1;background:var(--c-hover-tint)}.verdict{margin:var(--space-2) 0;font-weight:600}.verdict.correct{color:var(--c-success)}.verdict.wrong{color:var(--c-danger)}.verdict-correct-word{margin-top:var(--space-1);display:inline-block}.verdict .icon{vertical-align:middle;margin-right:var(--space-1)}button:focus-visible,input:focus-visible,select:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.menu-section-trigger{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;font-size:1.1rem;font-weight:600;display:flex}.menu-section-trigger:hover{background:var(--c-hover-tint)}.menu-section-chevron{text-align:center;width:1ch;display:inline-block}.menu-section-body{padding:0 var(--space-2) var(--space-2)}.menu-segmented-row{align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.menu-segmented-label{min-width:10ch;font-weight:500}.menu-segmented{border-radius:var(--radius-sm);border:1px solid;display:inline-flex;overflow:hidden}.menu-segmented-button{padding:var(--space-1) var(--space-3);color:inherit;font:inherit;cursor:pointer;background:0 0;border:none}.menu-segmented-button+.menu-segmented-button{border-left:1px solid}.menu-segmented-button[aria-pressed=true]{background:var(--c-selected-bg);color:var(--c-selected-fg)}.menu-slider-row{align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.menu-slider-label{gap:var(--space-1);flex-direction:column;flex:1;min-width:10ch;font-weight:500;display:flex}.menu-slider-label input[type=range]{width:100%}.menu-slider-display{font-variant-numeric:tabular-nums;min-width:3ch;font-weight:600}.menu-stepper-row{align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.menu-stepper-label{flex:1;min-width:10ch;font-weight:500}.menu-stepper{border-radius:var(--radius-sm);border:1px solid;align-items:center;display:inline-flex;overflow:hidden}.menu-stepper button{padding:var(--space-1) var(--space-3);color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;font-size:1.1rem}.menu-stepper button:disabled{opacity:.4;cursor:not-allowed}.menu-stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:3ch;padding:0 var(--space-2);border-left:1px solid;border-right:1px solid;font-weight:600}.basket-stats{border-collapse:collapse;width:100%;margin-top:var(--space-2);font-variant-numeric:tabular-nums}.basket-stats th,.basket-stats td{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--c-border,currentColor)}.basket-stats thead th{opacity:.75;font-weight:600}.basket-stats tbody td:last-child,.basket-stats thead th:last-child{text-align:right}.daten-grid{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:1fr;display:grid}.menu-data-tile{justify-content:flex-start;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:inherit;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid;font-size:1rem;display:flex;overflow:hidden}.menu-data-tile:hover{background:var(--c-hover-tint)}.ibox{--ibx-accent:var(--c-accent);--ibx-bg:var(--c-bg);--ibx-border:var(--c-border);background:var(--ibx-bg);border:1px solid var(--ibx-border);border-left:4px solid var(--ibx-accent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);column-gap:var(--space-3);row-gap:var(--space-1);color:var(--ibx-accent);grid-template-columns:28px 1fr;align-items:start;display:grid}.ibox.info{--ibx-accent:var(--c-accent)}.ibox.success{--ibx-accent:var(--c-success)}.ibox.warning{--ibx-accent:var(--c-warning);--ibx-bg:var(--c-warning-soft);--ibx-border:color-mix(in srgb, var(--c-warning) 30%, transparent)}.ibox.danger{--ibx-accent:var(--c-danger);--ibx-bg:var(--c-danger-soft);--ibx-border:color-mix(in srgb, var(--c-danger) 30%, transparent)}.ibox-icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--ibx-accent) 14%, transparent);grid-row:1/span 2;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.ibox-title{color:var(--c-fg);font-size:.95rem;font-weight:600;line-height:1.3}.ibox-body{color:var(--c-fg-muted);grid-column:2;margin:0;font-size:.875rem;line-height:1.5}.ibox-actions{margin-top:var(--space-2);gap:var(--space-2);flex-wrap:wrap;grid-column:2;display:flex}.ibox-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--c-border);background:var(--c-bg);min-height:2rem;color:var(--c-fg);font-family:inherit;font-size:.85rem;font-weight:500}.ibox-btn:hover{background:var(--c-hover-tint)}.ibox-btn.primary{background:var(--ibx-accent);border-color:var(--ibx-accent);color:#fff}.ibox-btn.primary:hover{opacity:.9}.ibox-btn.danger{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.ibox-btn.danger:hover{opacity:.9}