.legal h2{margin-top:var(--space-5)}.legal ul{margin:0 0 var(--space-3);padding-left:var(--space-4)}.legal li{margin-bottom:var(--space-2)}.legal__draft{margin-bottom:var(--space-4);font-size:var(--text-small)}.legal__todo{font-weight:700}.legal-links{display:flex;flex-wrap:wrap;gap:0 var(--space-4);margin-top:var(--space-4);font-size:var(--text-small)}.legal-links a{display:inline-flex;align-items:center;min-height:var(--touch)}.learn__list{margin:0 0 var(--space-2);font-size:var(--text-small);font-weight:700;color:var(--color-muted);overflow-wrap:anywhere}.learn__top{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.linkbtn{min-height:var(--touch);padding:var(--space-2);font:inherit;font-size:var(--text-small);color:var(--color-muted);background:none;border:0;cursor:pointer}.flashwrap{position:relative}.flash__corner{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);pointer-events:none}.flash__corner-row{display:flex;align-items:center;gap:var(--space-2)}.flash__corner .addbtn{position:relative;pointer-events:auto;align-self:flex-end;min-height:32px;padding:0 var(--space-2);font-size:var(--text-caption);line-height:1;white-space:nowrap;background:var(--color-surface)}.flash__corner .addbtn:after{content:"";position:absolute;top:-6px;right:-4px;bottom:-6px;left:-4px}.reportbtn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--touch);height:var(--touch);padding:0;font:inherit;color:var(--color-ink);background:none;border:0;cursor:pointer;margin-block:calc((var(--space-5) - var(--touch)) / 2)}.reportbtn span{display:grid;place-items:center;width:var(--space-5);height:var(--space-5);font-size:var(--text-small);font-weight:700;line-height:1;background:var(--color-surface);border:1px solid var(--color-border-strong)}.reportbtn:hover span{border-color:var(--color-ink)}.report__hint{display:block;margin-top:var(--space-1);font-size:var(--text-caption);color:var(--color-muted)}.report__reasons{margin:0 0 var(--space-4);padding:0;border:0}.report__reasons legend{margin-bottom:var(--space-1);padding:0;font-size:var(--text-small);color:var(--color-muted)}.report__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.report__chip{min-height:var(--touch);padding:0 var(--space-3);font:inherit;font-size:var(--text-small);font-weight:700;cursor:pointer;color:var(--color-muted);background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius)}.report__chip:hover:not(:disabled){color:var(--color-ink);border-color:var(--color-ink)}.report__chip[aria-pressed=true]{color:var(--color-bg);background:var(--color-ink);border-color:var(--color-ink)}.report__reasons:disabled .report__chip{opacity:.55;cursor:default}.flash__count{padding:2px var(--space-2);font-size:var(--text-caption);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border)}.flash{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.flash__front{background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:24px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:320px;padding:var(--space-5);font:inherit;color:inherit;text-align:center;cursor:pointer}.flash__back{padding:calc(var(--space-7) + var(--space-5) + var(--space-1)) var(--space-4) var(--space-5)}.flash__back:focus{outline:none}.flash__term{font-family:var(--font-display);font-size:clamp(2.25rem,9vw,3.25rem);font-weight:600;line-height:1.1;overflow-wrap:anywhere}.flash__term--sm{font-size:clamp(2rem,7vw,2.5rem)}.flash__sense{font-size:var(--text-small);color:var(--color-muted)}.flash__hint{margin-top:var(--space-4);font-size:var(--text-caption);color:var(--color-muted)}.flash__meaning{font-size:var(--text-h2);margin:var(--space-2) 0 var(--space-3)}.flash__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.flash__meta{margin:var(--space-3) 0 0;font-size:var(--text-small)}.flash__example{margin:var(--space-4) 0 0;padding-left:var(--space-3);border-left:2px solid var(--color-ink);font-family:var(--font-display);font-size:1.125rem;line-height:1.45}.flash__example .muted{font-family:var(--font-body);font-size:var(--text-small)}.flash__example p{margin:0 0 var(--space-1)}.flash__note{margin:var(--space-4) 0 0;font-size:var(--text-small);color:var(--color-muted)}.twoway{margin-top:var(--space-3);font-size:var(--text-small)}.badge{display:inline-block;padding:2px var(--space-2);font-size:var(--text-caption);font-weight:700;color:var(--color-muted);border:1px solid var(--color-border-strong)}.badge--level{color:var(--color-ink);border-color:var(--color-ink)}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-top:var(--space-5)}.answer{min-height:56px;padding:var(--space-2);font:inherit;font-weight:600;cursor:pointer;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius)}.answer:disabled{opacity:.6;cursor:default}.answer--forgot{border-color:var(--color-error);box-shadow:inset 0 -3px 0 var(--color-error)}.answer--remembered{border-color:var(--color-success);box-shadow:inset 0 -3px 0 var(--color-success)}.answers--two{grid-template-columns:repeat(2,1fr)}.learn__practice{margin:0 0 var(--space-1);font-size:var(--text-small);font-weight:700;color:var(--color-ink)}.learn__reshow{margin:0 0 var(--space-1);font-size:var(--text-small);font-weight:700;color:var(--color-muted)}.learn__confirm{margin-bottom:var(--space-4)}.learn__confirm p{margin:0 0 var(--space-3)}.toast{min-height:1.5em;margin:var(--space-3) 0;font-size:var(--text-small);text-align:center;color:var(--color-muted)}.learn__undo{display:flex;justify-content:center}.learn__undo .btn{width:auto}.learn__sync{margin:0 0 var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--text-small);color:var(--color-muted);border-left:2px solid var(--color-border-strong)}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2) format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff) format("woff")}:root{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-surface-2: #e8ebf0;--color-ink: #1b2433;--color-muted: #566074;--color-border: #d3d9e2;--color-border-strong: #8a94a6;--color-grid: #e3e8f0;--karo-grid: linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);--color-accent: #1b2433;--color-accent-text: #1b2433;--color-accent-ink: #ffffff;--color-success: #1e7a46;--color-learning: #b7791f;--color-error: #b3261e;--gender-der: #1f5fb4;--gender-die: #be2f5a;--gender-das: #237a47;--cefr-a1: #0b6fa4;--cefr-a2: #0f766e;--cefr-b1: #6d4fc2;--cefr-b2: #a63a7a;--cefr-c1: #a94f0a;--font-body: "Atkinson Hyperlegible Next Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Newsreader Variable", Georgia, "Times New Roman", serif;--font-hand: "Caveat", cursive;--text-caption: .75rem;--text-small: .875rem;--text-body: 1rem;--text-h2: 1.25rem;--text-brand: 22px;--text-h1: 1.75rem;--text-display: 2rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius: 0px;--touch: 44px;--nav-height: 56px;--content-max: 560px;--shadow-btn: 0 6px 8px rgba(27, 36, 51, .28), 0 3px 9px rgba(27, 36, 51, .18);--shadow-btn-hover: 0 8px 14px rgba(27, 36, 51, .36), 0 4px 11px rgba(27, 36, 51, .24)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-ink);font:var(--text-body) / 1.5 var(--font-body);-webkit-text-size-adjust:100%}h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}h1{font-size:var(--text-h1);line-height:1.15;margin:0 0 var(--space-4)}h2{font-size:var(--text-h2);line-height:1.2;margin:0 0 var(--space-3)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-text);text-underline-offset:2px}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.shell{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) calc(var(--nav-height) + var(--space-5) + env(safe-area-inset-bottom))}.page--center{display:flex;flex-direction:column;justify-content:center;padding-bottom:var(--space-5)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;min-height:var(--nav-height);display:flex;align-items:center;justify-content:center;font-size:var(--text-small);color:var(--color-muted);text-decoration:none}.bottom-nav a.active{color:var(--color-ink);font-weight:700;box-shadow:inset 0 3px 0 var(--color-ink)}.offline-banner{position:sticky;top:0;z-index:10;padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-4) var(--space-2);font-size:var(--text-small);font-weight:700;text-align:center;color:var(--color-accent-ink);background:var(--color-ink)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.field{display:block;margin-bottom:var(--space-4)}.field span{display:block;font-size:var(--text-small);color:var(--color-muted);margin-bottom:var(--space-1)}.input{width:100%;min-height:var(--touch);padding:var(--space-2) var(--space-3);font:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--touch);padding:var(--space-2) var(--space-4);font:inherit;font-weight:700;cursor:pointer;color:var(--color-accent-ink);background:var(--color-accent);border:0;border-radius:var(--radius)}.btn:disabled{opacity:.55;cursor:default}.btn--ghost{color:var(--color-ink);background:transparent;border:1px solid var(--color-border-strong)}.choice{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:var(--touch);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);font:inherit;font-weight:700;text-align:left;cursor:pointer;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border-strong)}.choice small{color:var(--color-muted);font-weight:400}.choice--stacked{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-1)}.choice__head{display:flex;align-items:center;gap:var(--space-2)}.choice[aria-pressed=true]{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink);background:var(--color-surface-2)}.steps{display:flex;gap:6px;margin-bottom:var(--space-5)}.steps i{flex:1;height:4px;background:var(--color-surface-2)}.steps i.done{background:var(--color-accent)}.eyebrow{font-size:var(--text-small);font-weight:700;color:var(--color-muted)}.error{color:var(--color-error);font-size:var(--text-small);margin-bottom:var(--space-3)}.muted{color:var(--color-muted)}.check{display:flex;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-4);font-size:var(--text-small)}.check input{width:20px;height:20px;margin-top:2px}.art{font-weight:700}.art--der{color:var(--gender-der)}.art--die{color:var(--gender-die)}.art--das{color:var(--gender-das)}.bar{flex:1;height:4px;background:var(--color-surface-2)}.bar i{display:block;height:100%;background:var(--color-accent);transition:width .2s}@media(prefers-reduced-motion:reduce){.bar i{transition:none}}a.btn{text-decoration:none}.stack{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.menu{list-style:none;margin:var(--space-4) 0;padding:0;border-top:1px solid var(--color-border)}.menu__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch);padding:var(--space-3) 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--color-border)}.menu__title{display:block;font-weight:700}.menu__sub{display:block;font-size:var(--text-small);color:var(--color-muted)}.menu__end{flex:none;font-size:var(--text-h2);line-height:1;color:var(--color-muted)}.menu--large .menu__title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:600}.back{display:flex;align-items:center;width:fit-content;min-height:var(--touch);margin-bottom:var(--space-1);font-size:var(--text-small)}.back+.eyebrow{display:block;margin-bottom:var(--space-1)}.todo{margin:var(--space-4) 0 0;padding:0;list-style:none;counter-reset:todo;border-top:1px solid var(--color-border)}.todo li{position:relative;counter-increment:todo;padding:var(--space-3) 0 var(--space-3) calc(var(--space-5) + var(--space-2));border-bottom:1px solid var(--color-border);font-size:var(--text-small)}.todo li:before{content:counter(todo);position:absolute;left:0;top:var(--space-3);width:var(--space-5);font-weight:700;color:var(--color-muted)}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-italic-Bxi8ein9.woff2) format("woff2-variations")}