:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #273549;--line: #334155;--text: #f1f5f9;--muted: #94a3b8;--accent: #e8503a;--good: #34d399;--warn: #fbbf24;--radius: 14px;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overscroll-behavior-y:none}#root{min-height:100%;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px calc(84px + env(safe-area-inset-bottom));max-width:640px;width:100%;margin:0 auto}h1{font-size:1.35rem;margin:4px 0 2px;letter-spacing:-.01em}h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:26px 0 10px;font-weight:600}.sub{color:var(--muted);font-size:.85rem;margin:0 0 18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 10px;text-align:center}.stat .n{font-size:1.5rem;font-weight:650;font-variant-numeric:tabular-nums}.stat .k{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.deck{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;color:inherit;font:inherit;cursor:pointer}.deck:active{background:var(--surface-2)}.deck:disabled{opacity:.45;cursor:default}.deck .body{flex:1;min-width:0}.deck .name{font-weight:600;margin-bottom:2px}.deck .desc{font-size:.8rem;color:var(--muted);line-height:1.35}.pills{display:flex;align-items:center;gap:6px;flex-shrink:0}.pill{min-width:34px;text-align:center;white-space:nowrap;line-height:16px;font-size:.78rem;font-weight:650;font-variant-numeric:tabular-nums;padding:3px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.pill.due{background:#e8503a2e;color:#ff8f7a}.pill.fresh{background:#34d39929;color:var(--good)}.pill.ahead{background:#60a5fa29;color:#93c5fd}.ahead-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin:2px 0 10px}.ahead-card .name{font-weight:600;margin-bottom:2px}.ahead-card .desc{font-size:.8rem;color:var(--muted);line-height:1.35}.segmented{display:flex;gap:4px;margin-top:12px;background:var(--surface-2);border-radius:999px;padding:3px}.segmented>button{flex:1;border:0;border-radius:999px;padding:7px 4px;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.segmented>button.active{background:var(--accent);color:#fff}.bar{height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden;margin-top:10px}.bar>span{display:block;height:100%;background:var(--good)}.study{flex:1;display:flex;flex-direction:column;max-width:640px;width:100%;margin:0 auto;padding:12px 16px calc(16px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.topbar .progress{flex:1;height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden}.topbar .progress>span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.icon-btn{background:none;border:none;color:var(--muted);font-size:1.2rem;padding:4px 8px;cursor:pointer}.prompt{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center;padding:12px 0 20px}.tag-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.tag{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.tag.accent{color:#ff8f7a;border-color:#e8503a80}.headword{font-size:2.1rem;font-weight:650;letter-spacing:-.02em;line-height:1.15;word-break:break-word}.gloss{font-size:1.02rem;line-height:1.5;color:var(--text)}.gloss.muted{color:var(--muted);font-size:.92rem}.sentence{font-size:1.22rem;line-height:1.6;word-break:break-word}.sentence .blank{color:var(--accent);font-weight:650}.answer-input{width:100%;font-size:1.15rem;font-family:inherit;text-align:center;padding:13px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);outline:none}.answer-input:focus{border-color:var(--accent)}.answer-input.correct{border-color:var(--good)}.answer-input.wrong{border-color:var(--accent);text-decoration:line-through;color:var(--muted)}.verdict{font-size:.85rem;font-weight:600}.verdict.ok{color:var(--good)}.verdict.no{color:#ff8f7a}.verdict.near{color:var(--warn)}.answer-input.near{border-color:var(--warn)}.grade.suggested{border-color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn)}.icon-btn:disabled{opacity:.3}.speak{background:none;border:none;color:var(--muted);font-size:.75em;padding:0 0 0 10px;cursor:pointer;vertical-align:middle}.speak:active{color:var(--accent)}.notice{background:#fbbf241f;border:1px solid rgba(251,191,36,.4);color:var(--warn);border-radius:var(--radius);padding:10px 12px;font-size:.8rem;line-height:1.45;margin-bottom:10px}.rule{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:11px 13px;font-size:.84rem;line-height:1.5;color:var(--muted);text-align:left}.rule strong{color:var(--text)}.linkish{background:none;border:none;font:inherit;font-size:.84rem;color:#ff8f7a;cursor:pointer;padding:4px}.linkish.back{display:block;margin:0 0 6px -4px;font-size:.9rem}.btn{display:block;width:100%;font:inherit;font-weight:600;padding:15px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:active{filter:brightness(1.15)}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.grade{font:inherit;padding:12px 4px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;line-height:1.25}.grade b{display:block;font-size:.86rem;font-weight:650}.grade small{display:block;font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums}.grade.again b{color:#ff8f7a}.grade.good b{color:var(--good)}.source{font-size:.68rem;color:var(--muted);line-height:1.45;margin-top:14px;word-break:break-word}.source a{color:var(--muted)}.search{width:100%;font-size:1rem;font-family:inherit;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);outline:none;margin-bottom:12px}.search:focus{border-color:var(--accent)}.family .root-line{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.family .root-word{font-size:1.15rem;font-weight:650}.family ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.family li{padding:8px 0;border-bottom:1px solid var(--line);font-size:.9rem;line-height:1.45}.family li:last-child{border-bottom:none}.family .lemma-word{font-weight:600}.family .affix{font-size:.7rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 7px;margin-left:6px;white-space:nowrap}.family .def{color:var(--muted);display:block;margin-top:2px}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row label{font-size:.92rem}.row .hint{display:block;font-size:.76rem;color:var(--muted);margin-top:3px;line-height:1.4}select,input[type=number]{font:inherit;font-size:1rem;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px 10px}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.prose{font-size:.88rem;line-height:1.6;color:var(--muted)}.prose a{color:#ff8f7a}.prose strong{color:var(--text)}.btn-row{display:flex;gap:8px}.btn-row .btn{flex:1}.btn:disabled{opacity:.5}.prose.status{color:var(--text);background:var(--surface-2);border-radius:9px;padding:9px 11px;margin-bottom:0;font-size:.82rem}.aside-list{list-style:none;margin:0;padding:0}.aside-list li{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.9rem}.aside-list li:last-child{border-bottom:none}.aside-list .lemma-word{flex:1;font-weight:600}table.rules{width:100%;border-collapse:collapse;font-size:.82rem;margin:4px 0 12px}table.rules th{text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding-bottom:6px;border-bottom:1px solid var(--line)}table.rules td{padding:8px 6px 8px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted);line-height:1.4}table.rules tr:last-child td{border-bottom:none}table.rules strong{color:var(--text);display:block}.muted-note{font-size:.72rem}table.rules .example{color:var(--text);white-space:nowrap}.prose.examples{color:var(--text);font-size:.84rem}.chart{display:flex;align-items:flex-end;gap:3px;height:96px}.chart .col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0}.chart .fill{width:100%;border-radius:3px 3px 0 0;min-height:2px}.chart .fill.due{background:var(--accent)}.chart .fill.done{background:var(--good)}.chart small{font-size:.6rem;color:var(--muted);height:10px;line-height:10px}.mix{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-bottom:6px;background:var(--surface-2)}.mix .learning{background:var(--warn)}.mix .young{background:#60a5fa}.mix .mature{background:var(--good)}.gloss.meaning{font-size:1.15rem;color:var(--text);line-height:1.45}.skeleton{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.9rem;letter-spacing:.16em;color:var(--accent);word-break:break-word}.grid-wrap{overflow-x:auto;padding-bottom:4px}.grid{display:grid;gap:2px;min-width:min-content;margin:0 auto}.grid .cell{position:relative;aspect-ratio:1;min-width:26px;font:inherit;font-size:1rem;font-weight:650;text-transform:uppercase;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--text);padding:0;cursor:pointer}.grid .cell.blank{background:transparent;border-color:transparent}.grid .cell.lit{background:var(--surface-2)}.grid .cell.cursor{border-color:var(--accent);background:#e8503a38}.grid .cell.wrong{color:#ff8f7a;border-color:#ff8f7a}.grid .cell .num{position:absolute;top:1px;left:2px;font-size:.5rem;font-weight:500;color:var(--muted);line-height:1}.grid-input{position:fixed;bottom:0;left:0;opacity:0;width:1px;height:1px;border:0;padding:0;pointer-events:none}.current-clue{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;font-size:.88rem;line-height:1.4;margin-top:12px}.clues{list-style:none;margin:0;padding:0}.clues li button{display:flex;gap:8px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line);color:var(--muted);font:inherit;font-size:.85rem;line-height:1.4;padding:8px 0;cursor:pointer}.clues li.current button{color:var(--text)}.clues li.done button{color:var(--good);text-decoration:line-through}.clues .num{font-weight:650;min-width:18px;color:var(--text)}.clues .len{margin-left:auto;font-size:.72rem;opacity:.7}.notice.done{background:#34d3991f;border-color:#34d39966;color:var(--good);margin-top:12px}.answer-line{display:flex;flex-wrap:wrap;gap:6px;min-height:54px;align-content:flex-start;padding:10px;border:1px dashed var(--line);border-radius:var(--radius);margin:10px 0}.answer-line.ok{border-color:var(--good);border-style:solid}.answer-line.no{border-color:var(--accent);border-style:solid}.answer-line .placeholder{color:var(--muted);font-size:.85rem;align-self:center}.tiles{display:flex;flex-wrap:wrap;gap:6px}.tile{font:inherit;font-size:.95rem;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer}.tile.placed{background:var(--surface);border-color:var(--muted)}.tile.wrong{border-color:#ff8f7a;color:#ff8f7a}.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:#0f172aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;background:none;border:none;color:var(--muted);font:inherit;font-size:.68rem;padding:9px 2px 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.tabs button.active{color:var(--text)}.tabs .glyph{font-size:1.1rem;line-height:1}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:40px 24px;color:var(--muted)}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}