:root{--bg: #faf8f4;--panel: #ffffff;--ink: #1f2430;--muted: #555c69;--line: #e7e2d8;--accent: #2f6f5e;--accent-soft: #d8ece5;--sel: #ffe9a8;--bg-sunken: #f3efe7;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(31, 36, 48, .05);--shadow-md: 0 1px 3px rgba(31, 36, 48, .06), 0 4px 14px rgba(31, 36, 48, .05);--shadow-lg: 0 2px 6px rgba(31, 36, 48, .07), 0 12px 32px rgba(31, 36, 48, .06);--shadow: var(--shadow-md);--radius: 14px;--ease: cubic-bezier(.2, .7, .2, 1);--dur-1: .12s;--dur-2: .18s;--dur-3: .26s;--tap: 44px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes dotPulse{0%,80%,to{opacity:.3}40%{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes badgePop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:18px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.app{max-width:760px;margin:0 auto;padding:0 16px 96px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;padding:18px 4px 12px;flex-wrap:wrap}.topbar__left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.brand{font-weight:800;font-size:24px;letter-spacing:-.02em}.brand__tag{font-weight:500;font-size:15px;color:var(--muted);margin-left:8px}.metric{display:inline-flex;align-items:stretch;gap:var(--s3);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-pill);padding:var(--s2) var(--s4)}.metric__stat{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1}.metric__stat b{color:var(--accent);font-size:18px;font-weight:700}.metric__lbl{color:var(--muted);font-size:14px}.metric__div{width:1px;background:var(--line);align-self:stretch}.metric--fresh{color:var(--muted);font-size:15px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-pill);padding:var(--s2) var(--s4);display:inline-flex;align-items:center}.topbar{border-bottom:1px solid var(--line)}.focus__line-gloss,.selbar__gloss,.transfer__chip,.reuse__result,.build__locked,.gap__res{animation:fadeUp var(--dur-2) var(--ease)}.topbar__right{display:flex;align-items:center;gap:10px}.keybtn{border:1px solid var(--line);background:var(--panel);border-radius:999px;width:var(--tap);height:var(--tap);cursor:pointer;font-size:20px;line-height:1;opacity:.7}.keybtn--on{opacity:1;border-color:var(--accent);background:var(--accent-soft)}.keyrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:14px;box-shadow:var(--shadow)}.keyrow__input{flex:1;min-width:200px;padding:12px;min-height:var(--tap);border:1px solid var(--line);border-radius:10px;font-size:16px}.keyrow__hint{color:var(--muted);font-size:14px;flex-basis:100%;line-height:1.5}.tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.tab{position:relative;border:1px solid var(--line);background:var(--panel);padding:10px 18px;min-height:var(--tap);border-radius:999px;cursor:pointer;font-size:16px;color:var(--muted)}.tab--on{color:var(--ink);border-color:var(--accent);background:var(--accent-soft);font-weight:600}.tab__badge{margin-left:6px;background:var(--accent);color:#fff;border-radius:999px;padding:1px 8px;font-size:14px;font-weight:700;animation:badgePop var(--dur-2) var(--ease)}.langsel{font-size:16px;padding:8px 12px;min-height:var(--tap);border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);cursor:pointer}.langsel--top{font-size:14px;padding:6px 10px;min-height:var(--tap);max-width:42vw}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:11px 16px;min-height:var(--tap);border-radius:10px;cursor:pointer;font-size:16px;transition:transform .08s ease,border-color .15s,filter .15s,background .15s;-webkit-tap-highlight-color:transparent}.btn:hover{border-color:var(--accent)}.btn:active,.tab:active,.seg:active,.keybtn:active,.langsel:active,.chip__x:active,.grade:active{transform:scale(.96)}.keybtn,.langsel,.chip__x{transition:transform .08s var(--ease),background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--sm{padding:8px 12px;min-height:var(--tap);font-size:16px}.btn--primary:hover{filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:default}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:var(--s6) var(--s5);font-size:18px;line-height:1.6;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);max-width:460px;margin:var(--s4) auto;animation:fadeUp var(--dur-3) var(--ease)}.empty p{margin:var(--s2) 0}.empty p:first-child{font-size:22px;color:var(--ink)}.empty .btn{margin-top:var(--s3)}.say{color:var(--muted);font-size:16px}.note{color:var(--muted);font-size:16px;margin-top:4px;line-height:1.5}.reader__head{margin-bottom:6px}.reader__title{margin:0;font-size:22px}.reader__meta{color:var(--muted);font-size:16px}.reader__controls{display:flex;gap:8px;flex-wrap:wrap}.reader__hint{color:var(--muted);font-size:16px}.reader__head--word{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}.reader__wordtitle{font-size:18px}.reader__wordtitle strong{font-size:20px}.library__head{margin-bottom:var(--s4)}.library__title{margin:0 0 4px;font-size:22px}.library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s3)}.wordcard{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-sm);padding:var(--s3) var(--s4);min-height:72px;cursor:pointer;transition:transform .08s var(--ease),border-color .15s}.wordcard:active{transform:scale(.98)}.wordcard__top{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;color:var(--muted)}.wordcard__word{font-size:24px;font-weight:700;color:var(--ink)}.wordcard__gloss{font-size:14px;color:var(--muted)}.wordcard--owned{border-color:var(--accent)}.wordcard--owned .wordcard__state{color:var(--accent);font-weight:700}.wordcard--familiar .wordcard__word{color:var(--ink)}.wordcard--new{opacity:.96}.selbar{position:sticky;bottom:12px;margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.selbar__chunk{font-size:20px;font-weight:600}.selbar__gloss{margin:8px 0;font-size:18px}.selbar__btns{display:flex;gap:8px;flex-wrap:wrap}.recall__count{color:var(--muted);font-size:15px;margin-bottom:8px}.recall__prompt{color:var(--muted);font-size:15px}.recall__gloss{font-size:24px;font-weight:700;color:var(--ink);margin:6px 0 18px;line-height:1.4}.recall__answer{animation:fadeUp var(--dur-2) var(--ease)}.recall__target{font-size:26px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.recall__btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.review__count{color:var(--muted);font-size:16px;margin-bottom:8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;text-align:center;animation:cardIn var(--dur-3) var(--ease)}.screen{animation:panelIn var(--dur-2) var(--ease)}.card__meaning{font-size:24px;font-weight:700}.card__note{color:var(--muted);font-size:16px;margin-top:6px;line-height:1.5}.card__context{color:var(--muted);font-style:italic;margin:16px 0;font-size:18px}.card__input{width:100%;padding:14px;font-size:18px;min-height:var(--tap);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;text-align:center}.card__answer{font-size:24px;margin-bottom:8px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.card__yours{color:var(--muted);margin-bottom:12px;font-size:16px}.card__yours .ok{color:var(--accent);font-weight:600}.grades{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.grade{min-width:80px}.gaps__new{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.gaps__label{display:block;font-size:16px;color:var(--muted);margin-bottom:8px}.gaps__input{width:100%;padding:12px;font-size:16px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;resize:vertical;line-height:1.5}.gaps__list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.gap{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.gap__want{font-weight:600;font-size:18px}.gap__res{margin:8px 0;font-size:18px}.gap__done{color:var(--accent);font-size:16px}.stats__headline{display:flex;gap:14px;flex-wrap:wrap}.bigmetric{flex:1;min-width:160px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.bigmetric__num{font-size:42px;font-weight:800;color:var(--accent);letter-spacing:-.02em}.bigmetric__unit{font-size:24px;margin:0 2px 0 1px}.bigmetric__lbl{color:var(--muted);font-size:16px;margin-top:4px;line-height:1.5}.stats__honest{color:var(--muted);font-size:16px;margin:18px 2px;line-height:1.6}.stats__secondary{display:flex;gap:18px;margin-bottom:18px}.stat{font-size:16px}.stat strong{font-size:24px;color:var(--ink)}.tab__badge--warm{background:var(--accent)}.selbar__seen{margin-left:10px;font-size:14px;color:#8a4d10;background:#fbe6d4;padding:3px 9px;border-radius:999px;vertical-align:middle}.reuse__count{color:var(--muted);font-size:16px;margin-bottom:8px}.reuse__chunk{font-size:24px;font-weight:700;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.reuse__meaning{color:var(--muted);text-align:center;margin-top:4px;font-size:17px}.reuse__cue{background:var(--accent-soft);color:#185943;border-radius:10px;padding:14px 16px;margin:16px 0;text-align:center;font-size:17px;line-height:1.5}.reuse__input{width:100%;padding:14px;font-size:18px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;resize:vertical;line-height:1.5}.reuse__result{text-align:center}.verdict{font-size:20px;font-weight:700;margin-bottom:8px}.verdict--good{color:var(--accent)}.verdict--close{color:#8a4d10}.verdict--off{color:#962a2a}.reuse__fb{color:var(--ink);margin-bottom:10px;font-size:17px;line-height:1.5}.reuse__model{color:var(--muted);margin-bottom:14px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:17px}.reuse__model strong{color:var(--ink)}.build__frame{font-size:24px;font-weight:700;text-align:center}.build__slot{display:inline-block;min-width:48px;border-bottom:3px solid var(--accent);margin:0 4px;color:var(--accent)}.build__gloss{color:var(--muted);text-align:center;margin-top:6px;font-size:16px}.build__challenge{margin:18px 0 12px;text-align:center;font-size:17px}.build__btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.build__locked{text-align:center;margin-top:14px}.build__unlock{color:#8a4d10;font-size:17px;margin-bottom:10px}.build__suggests{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px;text-align:left;max-width:460px;margin-inline:auto}.build__suggests li{background:var(--accent-soft);border-radius:10px;padding:10px 14px;font-size:16px}.welcome{max-width:580px;margin:8px auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 28px}.welcome__title{margin:0 0 12px;font-size:28px}.welcome__lead{font-size:19px;line-height:1.6;color:var(--ink)}.welcome__loop{margin:22px 0;display:flex;flex-direction:column;gap:14px}.welcome__step{display:flex;align-items:baseline;gap:12px;font-size:18px;line-height:1.5}.welcome__num{flex:none;width:30px;height:30px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.welcome__note{color:var(--muted);font-size:16px;line-height:1.6}.welcome__start{margin-top:10px;font-size:17px;padding:14px 22px}.tipbar{display:flex;align-items:baseline;gap:var(--s3);justify-content:space-between;font-size:14px;line-height:1.45;color:var(--muted);background:var(--bg-sunken);border-radius:var(--r-md);padding:var(--s2) var(--s3);margin-bottom:var(--s3);animation:fadeUp var(--dur-2) var(--ease)}.tipbar__tip{flex:1}.tipbar__pos{flex:0 0 auto;font-weight:600;opacity:.8}.reader__orig{opacity:.85}.compbar{font-size:15px;padding:var(--s2) var(--s3);border-radius:var(--r-md);margin-bottom:var(--s3);border:1px solid color-mix(in srgb,currentColor 16%,transparent);animation:fadeUp var(--dur-2) var(--ease)}.compbar__row{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap}.compbar__pct{font-weight:700;font-size:17px}.compbar__band{opacity:.9}.compbar__pos{margin-left:auto;opacity:.8;font-size:15px}.compbar__track{height:6px;border-radius:var(--r-pill);background:color-mix(in srgb,currentColor 14%,transparent);margin-top:var(--s2);overflow:hidden}.compbar__fill{height:100%;border-radius:var(--r-pill);background:currentColor;opacity:.85;transition:width var(--dur-3) var(--ease)}.compbar--new,.compbar--easy,.compbar--hard{background:#eef0fb;color:#343c82}.compbar--stretch{background:var(--accent-soft);color:#185943}.focus{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--s5) var(--s5);text-align:center;display:flex;flex-direction:column;justify-content:center}.focus__sentence{line-height:1.5;margin:0 auto;max-width:30ch;animation:lineIn var(--dur-3) var(--ease)}.focus__sentence--xl{font-size:clamp(40px,14vw,68px);line-height:1.15;font-weight:600}.focus__sentence--l{font-size:clamp(33px,10vw,52px);line-height:1.25;font-weight:600}.focus__sentence--m{font-size:clamp(26px,6.5vw,38px);line-height:1.4}.focus__sentence--s{font-size:clamp(21px,4.5vw,30px);line-height:1.5}.focus__sentence--xs{font-size:clamp(18px,3.5vw,24px);line-height:1.55}@keyframes lineIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.focus__sentence .word{cursor:pointer;border-radius:4px;padding:4px 3px;transition:background var(--dur-1) var(--ease);touch-action:manipulation}.focus__sentence .word:hover{background:#f0ece2}.focus__sentence .word:active{background:var(--accent-soft)}.word--new{box-shadow:inset 0 -2px #d8d2c4}.word--sel{background:var(--sel)}.focus__line-gloss{margin:16px auto 0;padding-top:14px;border-top:1px dashed var(--line);color:var(--muted);font-size:18px;font-style:italic;line-height:1.5;max-width:34ch}.focus__aids{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap;justify-content:center}.focus__meaning{margin:12px auto 2px;padding-top:12px;border-top:1px dashed var(--line);max-width:34ch;animation:fadeUp var(--dur-2) var(--ease)}.focus__chunk{font-size:17px;font-weight:600;color:var(--ink)}.focus__seen{margin-left:8px;font-size:14px;font-weight:600;color:var(--muted)}.focus__gloss{margin-top:4px;font-size:19px;line-height:1.45}.focus__gloss .say{color:var(--muted);font-weight:400}.focus__gloss .note{margin-top:6px;font-size:15px;color:var(--muted);line-height:1.5}.focus__selbtns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.focus__new{margin:12px auto 2px;padding-top:12px;border-top:1px dashed var(--line);max-width:34ch;animation:fadeUp var(--dur-2) var(--ease)}.focus__new__row{font-size:17px;line-height:1.5;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.focus__new__row strong{color:var(--accent)}.focus__new__row .say{color:var(--muted);font-weight:400;font-size:15px}.focus__new__gotit{margin-left:auto;border:none;background:none;color:var(--muted);font-size:13px;cursor:pointer;padding:2px 6px;border-radius:6px}.focus__new__gotit:hover{background:var(--sel);color:var(--ink)}.focus__new__row--phrase{font-size:19px;font-weight:600;padding-bottom:8px;margin-bottom:4px;border-bottom:1px dashed var(--line)}.focus__new__row--phrase strong{color:var(--ink)}.focus__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.reader__hint-inline{font-size:16px}.focus__done{margin:16px auto 0;max-width:44ch;text-align:center;animation:fadeUp var(--dur-2) var(--ease)}.focus__done p{font-size:15px;line-height:1.55}.focus__donebtns{display:flex;gap:8px;flex-wrap:wrap}.recall__break{text-align:center}.recall__break p{line-height:1.55}.recall__break .btn{margin-top:10px}.more__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.more__title{font-size:16px;font-weight:600;color:var(--muted)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);min-width:var(--tap);padding:0 14px;font-size:18px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;cursor:pointer}.iconbtn--back{font-size:16px;font-weight:600}.iconbtn:active{transform:scale(.96)}.practice__switch{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.seg{position:relative;border:1px solid var(--line);background:var(--panel);padding:10px 18px;min-height:var(--tap);border-radius:999px;cursor:pointer;font-size:16px;color:var(--muted)}.seg--on{color:var(--ink);border-color:var(--accent);background:var(--accent-soft);font-weight:600}.seg__badge{margin-left:6px;background:var(--accent);color:#fff;border-radius:999px;padding:1px 8px;font-size:14px;font-weight:700}.pron__modes{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.shadow__phrase{font-size:28px;font-weight:700;text-align:center;margin-bottom:16px}.shadow__row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.shadow__nav{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:6px;font-size:16px}.btn--rec{background:#fdeaea;border-color:#e0a0a0;color:#962a2a}.ear__opts{display:flex;gap:12px;justify-content:center;margin:16px 0;flex-wrap:wrap}.ear__opt{font-size:22px;min-width:130px;padding:18px}.ear__opt--right{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ear__opt--wrong{background:#fdeaea;border-color:#e0a0a0;color:#962a2a}.ear__after{text-align:center;margin-top:10px}.ear__score{margin-top:14px;text-align:center;font-size:16px}.word--core{box-shadow:inset 0 -3px color-mix(in srgb,var(--accent) 55%,transparent)}.word--core.word--sel{background:var(--sel)}.corehint{color:var(--muted);font-size:14px;line-height:1.45;margin-bottom:var(--s2)}.corehint b{color:var(--accent);font-weight:700;box-shadow:inset 0 -3px color-mix(in srgb,var(--accent) 55%,transparent)}.transfer{display:flex;flex-direction:column;gap:6px;margin:8px 0}.transfer__chip{font-size:16px;padding:8px 12px;border-radius:8px;line-height:1.4}.transfer__chip--win{background:#e3f3ea;color:#185943}.transfer__chip--warn{background:#fdeaea;color:#962a2a}.transfer__chip--concept{background:#eef0fb;color:#343c82}.setup__sec{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.setup__sec h3{margin:0 0 6px;font-size:19px}.setup__sec p{line-height:1.6}.setup__input{flex:1;min-width:180px;padding:12px;min-height:var(--tap);border:1px solid var(--line);border-radius:10px;font-size:16px}.setup__input--sm{flex:0 1 280px}.setup__area{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:16px;font-family:ui-monospace,Menlo,Consolas,monospace;resize:vertical;margin:8px 0;line-height:1.5}.setup__msg{color:var(--accent);font-size:16px;margin-top:8px}.voices{display:flex;flex-direction:column;gap:8px;margin-top:10px}.voice{display:flex;align-items:center;gap:8px}.voice__pick{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:var(--tap);padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);cursor:pointer}.voice--on .voice__pick{border-color:var(--accent);background:var(--accent-soft)}.voice__name{font-size:16px;font-weight:600}.voice__meta{font-size:13px;color:var(--muted);text-transform:capitalize}.voice--on .voice__meta{color:var(--accent)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:8px 8px 8px 14px;font-size:16px;display:inline-flex;align-items:center;gap:4px}.chip__x{border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:20px;line-height:1;padding:4px 6px}.coverage{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.coverage__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:16px;color:var(--muted);margin-bottom:8px;flex-wrap:wrap}.coverage__head strong{color:var(--ink)}.coverage__bar{height:12px;background:var(--accent-soft);border-radius:999px;overflow:hidden}.coverage__fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s}.coverage__note{font-size:16px;margin:8px 0 0;line-height:1.5}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:16px;opacity:0;transition:all .3s;z-index:50;max-width:90vw;text-align:center;display:flex;align-items:center;gap:12px;justify-content:center}.toast--in{opacity:1;transform:translate(-50%)}.toast__action{border:none;background:none;color:#fff;font-weight:700;text-decoration:underline;font-size:16px;cursor:pointer;padding:0;flex-shrink:0}.core__cold{background:var(--accent-soft);color:#185943;border-radius:var(--r-md);padding:var(--s3);margin-bottom:var(--s3);font-size:15px;line-height:1.5}.grow__intro{font-size:15px;line-height:1.5;margin-bottom:var(--s4)}.grow__root{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-sm);padding:var(--s3) var(--s4);margin-bottom:var(--s3)}.grow__head{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap}.grow__word{font-size:19px;font-weight:700;color:var(--ink)}.grow__mean{font-size:15px}.grow__own{margin-left:auto;font-size:13px;font-weight:600;color:var(--accent)}.grow__pairings{margin-top:var(--s2)}.grow__pairings .pairing:first-child{border-top:none}.bucket{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow-sm);margin-bottom:var(--s3);overflow:hidden}.bucket__head{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:var(--tap);padding:var(--s3) var(--s4);background:transparent;border:none;cursor:pointer;font-size:17px;color:var(--ink);text-align:left}.bucket__head:active{background:var(--bg-sunken)}.bucket__ring{width:22px;height:22px;border-radius:50%;flex:none;background:conic-gradient(var(--accent) calc(var(--p, 0) * 360deg),var(--bg-sunken) 0);box-shadow:inset 0 0 0 6px var(--panel)}.bucket__label{font-weight:600;flex:1}.bucket__count{color:var(--muted);font-size:15px}.bucket__chev{color:var(--muted)}.bucket__words{display:flex;flex-wrap:wrap;gap:var(--s2);padding:0 var(--s4) var(--s4)}.coreword{display:contents}.corechip{font-size:16px;min-height:var(--tap);padding:6px 12px;border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--line);background:var(--bg-sunken);color:var(--muted);transition:transform .08s var(--ease),background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.corechip:active{transform:scale(.96)}.corechip--met{border-color:var(--accent);color:var(--accent);background:var(--panel)}.corechip--known{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 -3px color-mix(in srgb,var(--accent) 55%,transparent)}.pairings{flex-basis:100%;background:var(--bg-sunken);border-radius:var(--r-md);padding:var(--s3);margin-top:var(--s2);animation:fadeUp var(--dur-2) var(--ease)}.pairings__meaning{font-weight:600;margin-bottom:var(--s2)}.pairing{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;padding:var(--s2) 0;border-top:1px solid var(--line)}.pairing+.pairing{border-top:1px solid var(--line)}.pairings .pairing:first-of-type{border-top:none}.pairing__text{font-size:17px}.pairing__btns{display:flex;gap:var(--s2)}.coreview{display:flex;gap:6px;margin-bottom:var(--s3)}.bands{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s4)}.band{display:flex;align-items:center;gap:var(--s3)}.band__label{flex:0 0 92px;font-size:15px;color:var(--muted)}.band__bar{flex:1;height:10px;background:var(--bg-sunken);border-radius:var(--r-pill);overflow:hidden}.band__fill{height:100%;background:var(--accent);border-radius:var(--r-pill);transition:width var(--dur-3) var(--ease)}.band__count{flex:0 0 44px;text-align:right;font-size:15px;color:var(--ink);font-weight:600}.freq__h{font-size:18px;margin:var(--s4) 0 var(--s1)}.freq__sub{font-size:14px;margin-top:0}@media (max-width: 640px){.app{padding:0 12px 100px}.topbar{flex-wrap:wrap;padding:14px 2px 8px}.brand__tag{display:none}.brand{font-size:22px}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;gap:6px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:var(--panel);box-shadow:0 -6px 20px #0000000f}.tab{flex:1;min-height:50px;justify-content:center;border-color:transparent;background:transparent;border-radius:14px}.tab--on{background:var(--accent-soft);color:var(--ink)}.tab__badge{margin-left:6px}.selbar{bottom:84px}.focus{padding:16px}.focus__aids{margin-top:26px}.focus__nav{margin-top:10px}.reader__title{font-size:19px}.reader{display:flex;flex-direction:column;min-height:calc(100dvh - 175px)}.reader>.focus{flex:1 1 auto;min-height:0}.card{padding:20px 16px}.welcome{padding:26px 20px}.langsel--top{max-width:44vw}.topbar{position:sticky;top:0;z-index:30;background:var(--bg)}.focus__nav .btn{flex:1;min-height:52px}.reader__hint-inline{display:none}.practice__switch{flex-wrap:nowrap;gap:4px}.practice__switch .seg{flex:1 1 0;min-width:0;padding:10px 4px;font-size:14px;justify-content:center}.practice__switch .seg__badge{margin-left:4px;padding:1px 6px}}@media (min-width: 641px) and (max-width: 900px){.app{max-width:640px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}