:root{--bg: #faf8f4;--surface: #ffffff;--surface-2: #f4f1ea;--surface-3: #ece7dd;--ink: #1d1d1f;--ink-2: #45454d;--muted: #676771;--line: #e7e1d6;--brand: #26262b;--flag-black: #1d1d1f;--flag-red: #dd3b2f;--flag-gold: #f2b705;--gold-soft: #fff5d1;--gold-ink: #8a6400;--good: #1d8348;--good-soft: #e6f5ec;--bad: #c0392b;--bad-soft: #fdecea;--warn: #a15c00;--der: #2563eb;--der-ink: #1d4ed8;--der-soft: #e8efff;--die: #dc2626;--die-ink: #b91c1c;--die-soft: #fdeaea;--das: #16a34a;--das-ink: #15803d;--das-soft: #e5f6eb;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--shadow-sm: 0 1px 2px rgba(30, 25, 15, .06);--shadow: 0 1px 2px rgba(30, 25, 15, .05), 0 6px 18px rgba(30, 25, 15, .06);--shadow-lg: 0 10px 40px rgba(30, 25, 15, .14);--focus: 0 0 0 3px rgba(242, 183, 5, .55);--font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--header-h: 64px;--bottom-h: 64px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:clamp(15px,.9rem + .2vw,16px);line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}img{max-width:100%}h1,h2,h3,h4{line-height:1.25;margin:0 0 .35em;font-weight:700;letter-spacing:-.01em}h1{font-size:clamp(1.6rem,1.2rem + 1.5vw,2.2rem)}.h2{font-size:clamp(1.35rem,1.1rem + .9vw,1.7rem);font-weight:700;margin:0 0 .3em}h2,.h3{font-size:1.2rem;font-weight:700}h3,.h4{font-size:1.05rem;font-weight:700}p{margin:0 0 .5em}p:last-child{margin-bottom:0}a{color:inherit}button{font:inherit;color:inherit}kbd{font-family:inherit}mark.hl{background:var(--gold-soft);color:var(--ink);border-radius:4px;padding:0 3px;box-shadow:inset 0 -2px 0 var(--flag-gold)}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--radius-sm);text-decoration:none}.skip-link:focus{top:12px}.container{width:100%;max-width:1160px;margin-inline:auto;padding-inline:clamp(16px,3vw,28px)}.main{padding-block:28px 48px;min-height:calc(100vh - 200px);outline:none}.narrow{max-width:760px;margin-inline:auto}.row{display:flex}.wrap{flex-wrap:wrap}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.center-y{align-items:center}.center{justify-content:center}.space-between{justify-content:space-between}.grow{flex:1;min-width:0}.center-text{text-align:center}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.grid-topics{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid-words{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}.grid-stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.grid-ach{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.align-start{align-items:start}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.lead{font-size:1.05rem;color:var(--ink-2);max-width:62ch}.eyebrow{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.muted{color:var(--muted)}.small{font-size:.875rem}.text-good{color:var(--good)}.text-warn{color:var(--warn)}.link{font-weight:600;text-decoration:none;color:var(--ink);border-bottom:2px solid var(--flag-gold)}.back-link{display:inline-block;font-size:.9rem;color:var(--muted);text-decoration:none;margin-bottom:8px}.back-link:hover{color:var(--ink)}.why,.tip,.hint{background:var(--gold-soft);border-radius:var(--radius-sm);padding:10px 14px;font-size:.93rem;border-left:4px solid var(--flag-gold)}.hint{background:var(--surface-2);border-left-color:var(--line)}.ipa{font-family:Segoe UI,Noto Sans,Lucida Sans Unicode,system-ui,sans-serif;color:var(--ink-2);background:var(--surface-2);border-radius:6px;padding:1px 7px;font-size:.92em;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 18px;border-radius:999px;border:1.5px solid transparent;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:transform .08s ease,background .15s ease,box-shadow .15s ease;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover:not(:disabled){background:#000;box-shadow:0 4px 12px #0000002e}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover:not(:disabled){border-color:var(--ink-2)}.btn-ghost.is-active{background:var(--gold-soft);border-color:var(--flag-gold)}.btn-danger{background:var(--bad);color:#fff}.btn-lg{min-height:50px;padding:10px 24px;font-size:1rem}.btn-sm{min-height:34px;padding:4px 12px;font-size:.85rem}.btn-block{width:100%}.icon-btn{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid transparent;background:transparent;font-size:1.15rem;cursor:pointer;text-decoration:none}.icon-btn:hover{background:var(--surface-2)}.input{width:100%;min-height:44px;padding:10px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font:inherit;color:var(--ink)}.input:focus{border-color:var(--ink-2);outline:none;box-shadow:var(--focus)}.input-sm{width:auto;min-height:38px;padding:6px 12px;font-size:.9rem}.input-lg{min-height:54px;font-size:1.1rem;border-radius:var(--radius)}.input.has-error{border-color:var(--bad)}.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip-btn{min-height:38px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;font-size:.9rem;font-weight:500}.chip-btn:hover{border-color:var(--ink-2)}.chip-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--surface-2);font-size:.78rem;font-weight:600;white-space:nowrap}.badge-gold{background:var(--gold-soft);color:var(--gold-ink)}.badge-good{background:var(--good-soft);color:var(--good)}.badge-bad{background:var(--bad-soft);color:var(--bad)}.badge-muted{color:var(--muted)}.disclosure{background:none;border:none;padding:6px 0;font-weight:600;font-size:.92rem;color:var(--ink-2);cursor:pointer}.disclosure:hover{color:var(--ink)}.switch{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer}.switch input{width:18px;height:18px;accent-color:var(--ink)}.card{position:relative;background:var(--surface);border-radius:var(--radius);padding:clamp(16px,2.5vw,22px);box-shadow:var(--shadow);border:1px solid rgba(231,225,214,.6)}.card-hover{text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.stretched{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:0}.progress-row{display:flex;align-items:center;gap:10px;margin:6px 0}.progress{flex:1;background:var(--surface-3);border-radius:999px;overflow:hidden}.progress-sm{height:6px}.progress-md{height:10px}.progress-lg{height:14px}.progress-fill{height:100%;border-radius:999px;transition:width .4s ease;min-width:0}.tone-brand{background:var(--brand)}.tone-good{background:var(--good)}.tone-gold{background:var(--flag-gold)}.tone-der{background:var(--der)}.tone-die{background:var(--die)}.tone-das{background:var(--das)}.progress-value{font-weight:700;font-size:.9rem;min-width:3ch;text-align:right}.audio-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;transition:background .15s,border-color .15s,transform .08s;flex-shrink:0}.audio-btn:hover{border-color:var(--ink-2);background:var(--surface-2)}.audio-btn:active{transform:scale(.95)}.audio-round{border-radius:50%}.audio-round.audio-sm{width:34px;height:34px;font-size:.9rem}.audio-round.audio-md{width:42px;height:42px;font-size:1.05rem}.audio-round.audio-lg{width:56px;height:56px;font-size:1.4rem}.audio-pill{border-radius:999px;padding:6px 14px;font-weight:600;font-size:.9rem;min-height:38px}.audio-pill.audio-lg{min-height:48px;padding:8px 20px;font-size:1rem}.audio-btn.is-playing{background:var(--gold-soft);border-color:var(--flag-gold);animation:pulse 1.2s ease-in-out infinite}.word-img{display:inline-grid;place-items:center;flex-shrink:0;line-height:1;object-fit:contain;border-radius:var(--radius-sm);background:var(--surface-2)}.word-img-sm{width:36px;height:36px;font-size:1.3rem}.word-img-md{width:52px;height:52px;font-size:1.9rem}.word-img-lg{width:76px;height:76px;font-size:2.8rem;border-radius:var(--radius)}.word-img-xl{width:112px;height:112px;font-size:4.2rem;border-radius:var(--radius-lg)}.de-word{font-weight:700}.article-der{color:var(--der-ink)}.article-die{color:var(--die-ink)}.article-das{color:var(--das-ink)}.article{font-weight:600}.header{position:sticky;top:0;z-index:40;background:#faf8f4e0;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}.header-top{display:flex;align-items:center;gap:16px;height:var(--header-h)}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:1.15rem;flex-shrink:0}.logo-flag{display:inline-flex;flex-direction:column;width:26px;height:20px;border-radius:5px;overflow:hidden;box-shadow:var(--shadow-sm)}.flag-de{display:inline-flex;flex-direction:column;width:1.2em;height:.8em;border-radius:.14em;overflow:hidden;vertical-align:-.02em;margin-right:.15em}.logo-flag i,.flag-de i{flex:1}.logo-flag i:nth-child(1),.flag-de i:nth-child(1){background:var(--flag-black)}.logo-flag i:nth-child(2),.flag-de i:nth-child(2){background:var(--flag-red)}.logo-flag i:nth-child(3),.flag-de i:nth-child(3){background:var(--flag-gold)}.logo-text{font-weight:500;letter-spacing:-.02em}.logo-text strong{font-weight:800}.search-box{flex:1;max-width:420px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:0 14px;height:42px;margin-inline:auto}.search-box:focus-within{border-color:var(--ink-2);box-shadow:var(--focus)}.search-box input{flex:1;border:0;background:transparent;font:inherit;outline:none;min-width:0}.header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.streak-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;background:#fff0e6;color:#9a3412;text-decoration:none;font-size:.95rem}.badge-dot{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--flag-red);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--surface);background:linear-gradient(135deg,var(--flag-gold),#f08a24);color:var(--ink);font-weight:800;cursor:pointer;display:inline-grid;place-items:center;box-shadow:var(--shadow-sm)}.avatar-lg{width:64px;height:64px;font-size:1.6rem;cursor:default}.popover-wrap{position:relative}.popover{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 32px));background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--line);padding:8px;z-index:60}.popover-title{font-weight:700;padding:8px 10px 4px;margin:0}.pad{padding:10px}.pad-x{padding:0 10px 6px}.popover-item{display:flex;gap:10px;width:100%;padding:10px;border-radius:var(--radius-sm);text-decoration:none;color:var(--ink);background:none;border:0;text-align:left;cursor:pointer;font-size:.93rem}.popover-item:hover{background:var(--surface-2)}.main-nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}.main-nav::-webkit-scrollbar{display:none}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:7px 8px;border-radius:999px;text-decoration:none;color:var(--ink-2);font-size:.9rem;font-weight:500;white-space:nowrap}@media (max-width: 1180px){.nav-link{padding:7px 9px}.nav-link>span[aria-hidden]{display:none}}@media (max-width: 1000px){.nav-link{padding:7px 6px;font-size:.86rem}}.nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav-link.active{background:var(--ink);color:#fff}.bottom-nav,.only-mobile{display:none}.footer{padding-block:20px 32px;border-top:1px solid var(--line)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e59;z-index:70;display:flex;align-items:flex-end}.sheet{width:100%;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:10px 16px calc(var(--bottom-h) + 16px + env(safe-area-inset-bottom,0px));animation:slideUp .2s ease}.sheet-handle{width:44px;height:5px;border-radius:999px;background:var(--line);margin:0 auto 12px}.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sheet-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:var(--radius-sm);background:var(--surface-2);text-decoration:none;color:var(--ink);font-size:.8rem;text-align:center}.sheet-item span{font-size:1.4rem}.fullpage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.flag-bar{width:90px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--flag-black) 33%,var(--flag-red) 33% 66%,var(--flag-gold) 66%)}.page-loader{display:grid;place-items:center;min-height:40vh}.spinner-wrap{display:inline-flex}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--ink);animation:spin .8s linear infinite}.btn .spinner{width:18px;height:18px;border-color:#ffffff59;border-top-color:#fff}.btn-ghost .spinner{border-color:var(--surface-3);border-top-color:var(--ink)}.state-icon,.big-emoji{font-size:3rem;line-height:1}.empty{text-align:center;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface);border:2px dashed var(--line);border-radius:var(--radius)}.error-note,.field-error{color:var(--bad);font-size:.9rem}.error-note{background:var(--bad-soft);padding:8px 12px;border-radius:var(--radius-sm)}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:24px;display:flex;flex-direction:column;gap:8px;z-index:90;width:min(420px,calc(100vw - 32px))}.toast{background:var(--ink);color:#fff;padding:12px 16px;border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:slideUp .25s ease;font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e73;display:grid;place-items:center;z-index:80;padding:16px;animation:fadeIn .15s ease}.modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);outline:none;animation:pop .18s ease}.modal-close{position:absolute;top:12px;right:12px}.modal-nav{display:flex;justify-content:space-between;margin-top:16px}.page-header-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.page-header .why{margin-top:12px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;background:var(--surface);border-radius:var(--radius-lg);padding:clamp(22px,4vw,44px);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--flag-black) 33%,var(--flag-red) 33% 66%,var(--flag-gold) 66%)}.hero-title{font-size:clamp(1.8rem,1.2rem + 2.4vw,2.8rem);font-weight:800;letter-spacing:-.03em}.hero .lead{margin-bottom:20px}.hero-art{position:relative;height:220px}.hero-emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:6rem;filter:drop-shadow(0 12px 24px rgba(0,0,0,.12))}.hero-bubble{position:absolute;background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:8px 14px;font-weight:700;box-shadow:var(--shadow);animation:float 5s ease-in-out infinite}.hero-bubble.b1{top:12px;left:8%;background:var(--gold-soft)}.hero-bubble.b2{top:40%;right:2%;animation-delay:1.2s}.hero-bubble.b3{bottom:10px;left:20%;animation-delay:2.4s}.stat-big{font-size:clamp(1.7rem,1.3rem + 1.5vw,2.3rem);font-weight:800;letter-spacing:-.02em;margin:2px 0 6px;line-height:1.1}.stat-unit{font-size:.95rem;font-weight:500;color:var(--muted)}.streak-card{background:linear-gradient(160deg,#fff7ef,var(--surface) 60%)}.lesson-icon{display:inline-grid;place-items:center;width:52px;height:52px;font-size:1.7rem;border-radius:var(--radius);background:var(--surface-2);flex-shrink:0}.continue>*+*{margin-top:12px}.quick{display:flex;flex-direction:column;gap:4px}.quick-icon{font-size:1.8rem}.wotd{background:linear-gradient(120deg,var(--gold-soft),var(--surface) 55%)}.goal-list{list-style:none;padding:0;margin:0 0 8px}.goal{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:var(--radius-sm);text-decoration:none;color:inherit}.goal:hover{background:var(--surface-2)}.goal-check{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);flex-shrink:0}.is-done .goal-check{background:var(--good);color:#fff;font-weight:800}.is-done .goal-label{color:var(--muted);text-decoration:line-through}.goal-label{flex:1}.goal-count{font-weight:600;font-size:.9rem;color:var(--muted)}.reward{font-weight:600;font-size:.93rem;margin-top:6px}.lesson-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.lesson-item{display:flex;align-items:center;gap:14px}.lesson-item.is-next{border:2px solid var(--flag-gold)}.lesson-num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--surface-2);flex-shrink:0}.lesson-item.is-done .lesson-num{background:var(--good);color:#fff}.lesson-bar{max-width:220px}.coming{background:var(--surface-2);box-shadow:none}.stepper{display:flex;gap:6px;list-style:none;padding:0;margin:10px 0 0}.stepper li{flex:1;height:5px;border-radius:999px;background:var(--surface-3)}.stepper li.done{background:var(--good)}.stepper li.current{background:var(--flag-gold)}.lesson-text{font-size:1.05rem}.lesson-nav{display:flex;justify-content:space-between;gap:12px}.lesson-complete,.quiz-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.quiz-done .progress-row{width:min(360px,100%)}.course-hero h1{display:flex;align-items:center;gap:12px}.course-promises{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:4px;color:var(--ink-2)}.badge-warn{background:var(--gold-soft);color:var(--gold-ink)}.lesson-item.is-mastered .lesson-num{background:var(--good);color:#fff}.lesson-item.is-locked,.lesson-item.is-planned{opacity:.72}.lesson-item.is-locked .lesson-num,.lesson-item.is-planned .lesson-num{font-size:.85rem}.lesson-item h3{margin-bottom:2px}.roadmap summary{cursor:pointer;font-weight:700}.roadmap .lesson-list{margin-top:14px}.prereq-list,.new-words{list-style:none;padding:0;margin:0;display:grid;gap:6px}.prereq-list .is-ok{color:var(--good)}.prereq-list .is-ok a{color:inherit}.prereq-list .is-missing{color:var(--ink-2)}.new-words{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.new-words li{padding:6px 10px;border-radius:var(--radius-sm);background:var(--surface-2)}.teach-card{display:flex;flex-direction:column;gap:14px}.teach-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.teach-word{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.4rem);font-weight:800;margin:0}.teach-meaning{font-size:1.15rem;font-weight:700;margin:0}.teach-explain{margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface-2)}.anatomy{display:flex;flex-direction:column;gap:10px}.anatomy-parts{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.anatomy-part,.anatomy-sum{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--surface);font:inherit;font-size:1.15rem;font-weight:700;color:var(--ink)}.anatomy-part{cursor:pointer}.anatomy-part:hover{border-color:var(--ink)}.anatomy-part[aria-expanded=true]{border-color:var(--flag-gold);box-shadow:0 0 0 3px var(--gold-soft)}.anatomy-part small,.anatomy-sum small{font-size:.72rem;font-weight:600;color:var(--muted)}.anatomy-sum{background:var(--surface-2)}.anatomy-plus{align-self:center;font-weight:700;color:var(--muted)}.anatomy-note{margin:0;padding:10px 14px;border-left:4px solid var(--flag-gold);background:var(--gold-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.term-card{padding:14px 16px;border-radius:var(--radius);background:var(--surface-2);border:1.5px dashed var(--line)}.term-q{font-weight:700;margin-bottom:6px}.term-examples{margin:6px 0 0;padding-left:20px}.related-words{display:flex;flex-wrap:wrap;gap:8px;margin:0}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.backup-warn{color:var(--gold-ink);font-weight:600}.restore-card{padding:16px;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;gap:14px}.restore-card .option-group{border:none;padding:0}.restore-facts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px}.restore-facts dt{font-size:.78rem;color:var(--muted)}.restore-facts dd{margin:0;font-weight:700}.break{overflow-wrap:anywhere}.backup-reminder{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:2px dashed var(--flag-gold)}.backup-icon{font-size:1.8rem}.fav-star{flex:none;width:38px;height:38px;display:inline-grid;place-items:center;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--muted);font-size:1.15rem;line-height:1;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.fav-star:hover{border-color:var(--flag-gold);color:var(--gold-ink)}.fav-star.is-on{background:var(--gold-soft);border-color:var(--flag-gold)}.fav-star.pop{animation:fav-pop .3s ease}@keyframes fav-pop{50%{transform:scale(1.3)}}@media (prefers-reduced-motion: reduce){.fav-star.pop{animation:none}}.nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:4px;border-radius:999px;background:var(--gold-soft);color:var(--gold-ink);font-size:.72rem;font-weight:700}.course-filter{margin-top:0}.sheet-item{position:relative}.sheet-item .nav-count{position:absolute;top:6px;right:8px;margin:0;font-size:.72rem}.skill-bars{list-style:none;padding:0;margin:0;display:grid;gap:12px}.gt-wrap{position:relative;display:inline}.gt-word{font:inherit;color:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer;border-radius:3px;text-decoration:none}.gt-word:hover,.gt-word[aria-expanded=true]{background:var(--surface-2);text-decoration:underline dotted}.gt-lesson{text-decoration:underline;text-decoration-color:var(--good);text-decoration-thickness:2px;text-underline-offset:3px}.gt-gloss{text-decoration:underline dotted;text-decoration-color:var(--der);text-decoration-thickness:2px;text-underline-offset:3px}.gt-unknown,.gt-unmapped{background:var(--gold-soft);box-shadow:0 0 0 2px var(--gold-soft)}.gt-unknown:after,.gt-unmapped:after{content:"🆕";font-size:.6em;vertical-align:super;margin-left:1px}.gt-pop{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:min(300px,80vw);display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:var(--radius);background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow-lg);font-size:.92rem;font-weight:400;line-height:1.45;text-align:left;white-space:normal;color:var(--ink)}.gt-entry{display:flex;flex-direction:column;gap:2px}.gt-status{font-size:.75rem;font-weight:700;color:var(--muted)}.gt-status-unknown,.gt-status-unmapped{color:var(--gold-ink)}.gt-status-lesson{color:var(--good)}.gt-close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.9rem;padding:2px 4px}.letter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px}.letter-tile{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .12s,box-shadow .12s,border-color .12s;box-shadow:var(--shadow-sm)}.letter-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--ink-2)}.letter-tile-char{font-size:1.8rem;font-weight:800;line-height:1}.letter-tile-emoji{font-size:1.1rem}.letter-tile.is-special{background:var(--gold-soft);border-color:#efd88a}.letter-tile.is-seen:after{content:"✓";position:absolute;bottom:4px;right:7px;font-size:.7rem;color:var(--good);font-weight:800}.letter-tile-flag,.legend-flag{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#f08a24}.legend-flag{position:static;display:inline-block;margin-right:4px}.legend{margin-top:8px}.pulse .letter-tile{border-color:var(--flag-gold);box-shadow:0 0 0 4px var(--gold-soft)}.letter-card>*+*{margin-top:16px}.letter-card-top{display:flex;align-items:center;gap:18px}.letter-big{font-size:4.5rem;font-weight:800;line-height:1;color:var(--ink)}.letter-big small{font-size:2.2rem;color:var(--muted);margin-left:6px;font-weight:600}.letter-word{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.letter-word>div>*+*{margin-top:6px}.vocab-card>*+*{margin-top:16px}.vocab-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.vocab-main>*+*{margin-top:6px}.vocab-word{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem);margin:0}.vocab-meaning{font-size:1.15rem;font-weight:600}.state-chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600}.state-new{background:var(--surface-2);color:var(--muted)}.state-learning{background:#fff0e6;color:#9a3412}.state-review{background:var(--der-soft);color:var(--der-ink)}.state-mastered{background:var(--good-soft);color:var(--good)}.example{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 14px}.example-de{font-weight:600;font-size:1.02rem;margin:0}.example-vi{color:var(--muted);margin-top:4px}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:0}.facts div{background:var(--surface-2);border-radius:var(--radius-sm);padding:8px 12px}.facts .facts-wide{grid-column:1 / -1}.facts dt{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.facts dd{margin:0;font-weight:600}.vocab-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.word-tile{display:flex;align-items:center;gap:12px;padding:12px 14px}.word-tile-text{flex:1;min-width:0;display:flex;flex-direction:column}.word-tile-de{font-size:1.02rem}.word-tile-side{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.state-new{background:var(--surface-3)}.dot.state-learning{background:#f08a24}.dot.state-review{background:var(--der)}.dot.state-mastered{background:var(--good)}.topic-card{display:flex;flex-direction:column;gap:2px}.topic-icon{font-size:2rem;line-height:1.2}.flash-wrap{display:flex;flex-direction:column;gap:16px}.flashcard{position:relative;min-height:380px;perspective:1200px;cursor:pointer}.flash-face{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;backface-visibility:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.flash-front{border-top:6px solid var(--flag-gold)}.flash-back{transform:rotateY(180deg);border-top:6px solid var(--good)}.flashcard.is-flipped .flash-front{transform:rotateY(-180deg)}.flashcard.is-flipped .flash-back{transform:rotateY(0)}.flash-word{font-size:clamp(2rem,1.4rem + 3vw,3rem)}.flash-meaning{font-size:1.6rem;font-weight:800}.flash-example{font-weight:600}.grade-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grade-row.is-hidden{visibility:hidden}.grade{flex-direction:column;gap:0;border-radius:var(--radius);min-height:64px;border:1.5px solid var(--line);background:var(--surface)}.grade small{font-weight:400;font-size:.75rem;color:var(--muted)}.grade-again:hover{border-color:var(--bad);background:var(--bad-soft)}.grade-good:hover{border-color:var(--der);background:var(--der-soft)}.grade-easy:hover{border-color:var(--good);background:var(--good-soft)}.quiz-top{display:flex;justify-content:space-between;align-items:center}.quiz-body{display:flex;flex-direction:column;gap:14px;margin-top:16px}.quiz-prompt{font-size:1.15rem;margin:0}.quiz-image{display:flex;justify-content:center}.quiz-display{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem);font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:6px 0}.quiz-display.is-vi{font-size:1.25rem}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}.options-article{grid-template-columns:repeat(3,1fr)}.option{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 14px;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;font-weight:600;transition:border-color .12s,background .12s,transform .08s}.option:hover:not(:disabled){border-color:var(--ink-2);transform:translateY(-1px)}.option kbd{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--surface-2);font-size:.75rem;color:var(--muted);flex-shrink:0}.options-article .option{justify-content:center;font-size:1.25rem;text-transform:uppercase;letter-spacing:.04em}.option.article-der{color:var(--der-ink)}.option.article-die{color:var(--die-ink)}.option.article-das{color:var(--das-ink)}.option.is-correct{border-color:var(--good);background:var(--good-soft);color:var(--good)}.option.is-wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.option.is-dim{opacity:.5}.option:disabled{cursor:default}.feedback{margin-top:16px;padding:14px 16px;border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;animation:slideUp .2s ease}.feedback-good{background:var(--good-soft);border:1.5px solid #bfe5cc}.feedback-bad{background:var(--bad-soft);border:1.5px solid #f4c7c2}.feedback-title{font-weight:800;font-size:1.1rem;margin:0}.fb-word{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius-sm);background:#ffffffb3}.fb-word p{margin:0}.fb-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.fb-de{font-size:1.1rem}.fb-example{margin-top:6px;padding-top:8px;border-top:1px dashed var(--line)}.fb-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.translate-form{display:flex;flex-direction:column;gap:10px}.umlaut-keys .btn-sm{min-width:40px}.umlaut-keys .btn-primary{margin-left:auto}.quiz-hint{margin:0;padding:8px 12px;border-radius:var(--radius-sm);background:var(--gold-soft);color:var(--gold-ink);font-weight:700;letter-spacing:.04em}.option-group{margin:0;min-width:0}.option-group>legend{float:left;width:100%;padding:0}.option-group>legend+*{clear:both}.option-group>.switch{display:flex}.option-card{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}.option-card:hover{border-color:var(--muted)}.option-card:has(input:checked){border-color:var(--ink);background:var(--surface-2)}.option-card input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--ink)}.option-card strong,.option-card small{display:block}.option-card small{color:var(--muted);margin-top:2px}.practice-wrong-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.practice-wrong-list li{display:flex;align-items:center;gap:12px}.builder{display:flex;flex-direction:column;gap:14px}.builder-answer{min-height:64px;padding:10px;border:2px dashed var(--line);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--surface-2)}.builder-answer.is-correct{border:2px solid var(--good);background:var(--good-soft)}.builder-answer.is-wrong{border:2px solid var(--bad);background:var(--bad-soft)}.builder-pool{display:flex;flex-wrap:wrap;gap:8px;min-height:48px}.token{padding:8px 14px;min-height:42px;border-radius:12px;border:1.5px solid var(--line);border-bottom-width:3px;background:var(--surface);font-weight:600;cursor:grab}.token:hover:not(:disabled){border-color:var(--ink-2)}.token-placed{background:var(--surface)}.token:disabled{cursor:default}.builder-punct{font-weight:700;font-size:1.2rem}.de-sentence{font-size:1.1rem}.structure{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.structure .chip{display:inline-flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:12px;font-weight:700;line-height:1.2}.structure .chip small{font-weight:500;font-size:.7rem;opacity:.85}.structure-lg .chip{font-size:1.15rem;padding:8px 16px}.role-subject{background:var(--der-soft);color:var(--der-ink)}.role-verb,.role-verb2{background:var(--die-soft);color:var(--die-ink)}.role-time{background:var(--gold-soft);color:var(--gold-ink)}.role-object{background:var(--das-soft);color:var(--das-ink)}.role-place{background:#f1eaff;color:#6d28d9}.role-negation{background:var(--surface-3);color:var(--ink)}.role-question{background:#fff0e6;color:#9a3412}.role-other{background:var(--surface-2)}.sound-card>*+*{margin-top:12px}.sound-head{display:flex;align-items:center;gap:14px}.sound-head h3{margin:0}.sound-grapheme{min-width:64px;height:64px;padding:0 10px;border-radius:var(--radius);background:var(--ink);color:#fff;display:grid;place-items:center;font-size:1.4rem;font-weight:800;text-align:center;line-height:1.1}.example-words{list-style:none;padding:0;margin:0;display:grid;gap:6px}.example-words li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 8px;border-radius:var(--radius-sm);background:var(--surface-2)}.mouth{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.mouth-part{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px;text-align:center}.mouth-part svg{width:100%;max-width:180px;height:auto}.mouth-part figcaption{font-size:.8rem;color:var(--ink-2)}.m-lip{fill:#e98f8f}.m-cavity{fill:#5a1f23}.m-teeth{fill:#fff}.m-palate{fill:none;stroke:var(--ink-2);stroke-width:2.5;stroke-linecap:round}.m-tongue{fill:#e56b7a}.m-label{font-size:7px;fill:var(--muted)}.speech{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.phrase-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.phrase{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);background:var(--surface-2)}.phrase-emoji{font-size:1.6rem}.phrase-de{font-weight:700;font-size:1.05rem;margin:0}.phrase-vi{margin:2px 0 0;color:var(--ink-2)}.grammar-item{display:flex;align-items:flex-start;gap:14px}.grammar-item.is-locked{opacity:.6;box-shadow:none;background:var(--surface-2)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}.table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.table td:first-child{font-weight:700}.td-audio{width:44px}.rule-list{text-align:left;display:inline-block;margin:0 auto 12px}.rule-list li{margin-bottom:4px}.rule-list span{font-weight:800}.article-stat{border-top:5px solid}.article-card-der{border-top-color:var(--der)}.article-card-die{border-top-color:var(--die)}.article-card-das{border-top-color:var(--das)}.article-name{font-size:1.5rem;font-weight:800;margin:0}.level-btn{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;border:2px solid transparent}.level-btn.active{border-color:var(--ink)}.convo-card{display:flex;gap:14px;align-items:flex-start}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.dialogue{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.bubble{max-width:min(520px,88%);padding:12px 16px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm);border:1.5px solid var(--line);transition:border-color .2s,box-shadow .2s}.bubble>*+*{margin-top:4px}.bubble-A{align-self:flex-end;background:#eef3ff;border-color:#d6e1ff;border-bottom-right-radius:6px}.bubble-B{align-self:flex-start;border-bottom-left-radius:6px}.bubble.is-playing{border-color:var(--flag-gold);box-shadow:0 0 0 4px var(--gold-soft)}.bubble.is-past{opacity:.6}.bubble-who{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.bubble-de{font-weight:700;font-size:1.05rem;margin:0}.bubble-vi{color:var(--ink-2);margin:0}.reading-text{display:flex;flex-direction:column;gap:12px}.reading-para{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:12px;border:1.5px solid transparent;transition:border-color .2s,box-shadow .2s}.reading-para p{margin:0;white-space:pre-line}.reading-para p[lang=de]{font-size:1.05rem;line-height:1.6}.reading-para.is-playing{border-color:var(--flag-gold);box-shadow:0 0 0 4px var(--gold-soft)}.reading-vi{color:var(--ink-2);margin-top:4px!important}.practice-turn{border:2px dashed var(--flag-gold);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:var(--gold-soft)}.review-hero>*+*{margin-top:10px}.srs-states{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.srs-state{display:flex;flex-direction:column;padding:8px 14px;border-radius:var(--radius-sm);min-width:90px;font-size:.8rem}.srs-state strong{font-size:1.3rem}.mistake-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.mistake>*+*{margin-top:6px}.level-hero{display:flex;align-items:center;gap:20px}.level-badge{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;font-weight:800;background:var(--ink);color:var(--flag-gold);box-shadow:0 0 0 6px var(--gold-soft);flex-shrink:0}.stat-tile{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.bars{display:grid;gap:8px;margin:10px 0 12px}.bar-row{display:flex;align-items:center;gap:10px}.bar-label{width:96px;font-weight:700;font-size:.9rem}.bar-value{width:44px;text-align:right;font-weight:700;font-size:.9rem}.achievement{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.achievement.is-locked{background:var(--surface-2);box-shadow:none}.achievement.is-locked strong{color:var(--muted)}.ach-icon{font-size:1.8rem}.danger-zone{box-shadow:none;border:1.5px dashed var(--line)}.danger-zone>*+*{margin-top:8px}.search-word>*+*{margin-top:12px}.search-word.is-top{border:2px solid var(--flag-gold)}.plain-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(circle at 20% 10%,var(--gold-soft),transparent 40%),var(--bg)}.auth-card{width:min(440px,100%)}.auth-card>.logo{margin-bottom:18px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-weight:600;font-size:.92rem}.auth-links{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:18px;font-size:.93rem}.stack-sm>*+*{margin-top:10px}.stack-md>*+*{margin-top:18px}.stack-lg>*+*{margin-top:28px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 6px #f2b70540}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}}@keyframes fadeIn{0%{opacity:0}}@keyframes pop{0%{transform:scale(.96);opacity:0}}@keyframes float{50%{transform:translateY(-8px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-width: 900px){.main-nav{display:none}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:75;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--bottom-h);font-size:.72rem;font-weight:600;color:var(--muted);text-decoration:none;background:none;border:0;cursor:pointer}.bottom-link span{font-size:1.3rem;line-height:1;filter:grayscale(.6)}.bottom-link.active{color:var(--ink)}.bottom-link.active span{filter:none}.main{padding-bottom:calc(var(--bottom-h) + 32px + env(safe-area-inset-bottom,0px))}.footer{padding-bottom:calc(var(--bottom-h) + 24px)}.toasts{bottom:calc(var(--bottom-h) + 16px + env(safe-area-inset-bottom,0px))}.hero{grid-template-columns:1fr}.hero-art{display:none}}@media (max-width: 700px){.search-box{display:none}.only-mobile{display:inline-grid}.logo-text{font-size:1rem}.lesson-item{flex-wrap:wrap}.lesson-item .lesson-icon{display:none}.lesson-item>.btn{width:100%}.lesson-bar{max-width:none}.grade-row{gap:6px}.grade small{display:none}.mouth{grid-template-columns:1fr}.level-hero{flex-direction:column;align-items:stretch;text-align:center}.level-badge{margin:0 auto}.flashcard{min-height:340px}.modal{padding:20px 16px}.letter-big{font-size:3.4rem}}@media (max-width: 380px){.streak-pill{padding:6px 8px}.header-actions{gap:2px}}