:root{--bg: #f6f4f1;--surface: #ffffff;--ink: #1c1a18;--muted: #6c6560;--line: #e2ddd7;--accent: #b4293a;--accent-ink: #ffffff;--good: #1f7a4d;--good-bg: #e2f3e9;--bad: #b4293a;--bad-bg: #fbe6e8;--cat-sat: 70%;--cat-l1: 94%;--cat-l2: 89%;--cat-label-sat: 40%;--cat-label-l: 32%;--radius: 14px;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .05);color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #16151a;--surface: #201f26;--ink: #f0ece8;--muted: #9b948f;--line: #33313b;--accent: #e35d6a;--accent-ink: #1a1016;--good: #6ddc9f;--good-bg: #17352a;--bad: #ff8a94;--bad-bg: #3a1e23;--cat-sat: 28%;--cat-l1: 16%;--cat-l2: 21%;--cat-label-sat: 35%;--cat-label-l: 72%;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-text-size-adjust:100%}.app{max-width:640px;margin:0 auto;padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom))}h1{font-size:1.6rem;margin:0 0 .25rem;letter-spacing:-.02em}h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1.75rem 0 .6rem}.note{color:var(--muted);font-size:.9rem;margin:.4rem 0}.note.center{text-align:center}.note.warn{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .9rem;margin-top:1rem}.zh{font-family:Iowan Old Style,Georgia,Times New Roman,serif;font-style:italic}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:.85rem 1rem;min-height:48px;transition:transform .06s ease,background .15s ease,border-color .15s ease}button:active{transform:scale(.985)}button:disabled{cursor:default}.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.secondary{background:var(--surface)}.danger{color:var(--bad);border-color:var(--bad);background:transparent}.big{width:100%;margin-top:1rem}.link{background:none;border:none;color:var(--accent);padding:.5rem 0;min-height:40px;font-weight:600}.link.wide{width:100%;margin-top:1.25rem;text-align:center}.home-links{display:flex;gap:.5rem;margin-top:1.25rem}.home-links .link{flex:1;text-align:center}.key-hint{display:inline-block;font-size:.7rem;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:0 .32rem;margin-right:.5rem;vertical-align:middle}.primary .key-hint{color:inherit;opacity:.75;border-color:currentColor;margin:0 0 0 .5rem}.hero{margin-bottom:1.25rem}.sync-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.4rem .5rem .4rem .85rem;margin-bottom:1rem}.sync-text{flex:1;min-width:0}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}.sync-bar.ok .sync-dot{background:var(--good)}.sync-bar.error .sync-dot{background:var(--bad)}.sync-bar.syncing .sync-dot{animation:pulse 1.1s ease-in-out infinite}.sync-bar.error{color:var(--bad);border-color:var(--bad)}.sync-edit{color:var(--accent);text-decoration:none;font-weight:600;flex:none}.sync-refresh{min-height:32px;padding:.25rem .7rem;font-size:.8rem;border-radius:999px;flex:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.settings{display:grid;gap:.85rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.settings label{display:grid;gap:.35rem}.settings label>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.settings select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.7rem .6rem;min-height:46px}.segmented{display:flex;gap:.4rem}.segmented button{flex:1;padding:.6rem}.segmented button.on{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.activities{display:grid;gap:.7rem;margin-top:1.25rem}.activity{display:grid;gap:.15rem;text-align:left;padding:1rem;box-shadow:var(--shadow);position:relative}.activity-name{font-weight:650;font-size:1.05rem}.activity-blurb{color:var(--muted);font-size:.88rem}.activity-dir{position:absolute;top:.9rem;right:1rem;font-size:.7rem;letter-spacing:.05em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.1rem .5rem}.session-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.session-bar .counter{color:var(--muted);font-variant-numeric:tabular-nums}.session-bar .score{margin-left:auto;color:var(--muted);font-size:.9rem}.progress{flex-basis:100%;height:4px;background:var(--line);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .25s ease}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.25rem;box-shadow:var(--shadow)}.prompt-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 .6rem}.prompt{font-size:2rem;line-height:1.2;font-weight:650;margin:0 0 1.25rem;letter-spacing:-.02em}.reveal{font-size:1.8rem;font-weight:650;color:var(--accent);margin:0 0 .5rem}.options{display:grid;gap:.6rem}.option{text-align:left;font-size:1.05rem}.option.right{background:var(--good-bg);border-color:var(--good);color:var(--good);font-weight:650}.option.wrong{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.option.dim{opacity:.45}.feedback{margin-top:1.1rem}.feedback .good{color:var(--good);font-weight:650;margin:0}.feedback .bad{color:var(--bad);font-weight:650;margin:0}.grade-row{display:flex;gap:.6rem;margin-top:1.25rem}.grade-row button{flex:1}.answer-input{width:100%;font:inherit;font-size:1.25rem;padding:.85rem .9rem;min-height:52px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink)}.answer-input:focus{outline:2px solid var(--accent);outline-offset:1px}.answer-input.right{border-color:var(--good);background:var(--good-bg)}.answer-input.wrong{border-color:var(--bad);background:var(--bad-bg)}.match-head{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin-bottom:.9rem;font-variant-numeric:tabular-nums}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.match-col{display:grid;gap:.6rem;align-content:start}.tile{padding:.8rem .6rem;font-size:.98rem;text-align:center;line-height:1.25}.tile.selected{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.tile.matched{opacity:.28;border-style:dashed}.tile.shake{border-color:var(--bad);background:var(--bad-bg);color:var(--bad);animation:shake .35s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.search{width:100%;font:inherit;padding:.75rem .9rem;min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);margin-top:.5rem}.search:focus{outline:2px solid var(--accent);outline-offset:1px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.filters select{font:inherit;font-size:.9rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.6rem .5rem;min-height:44px;min-width:0}.filters select:nth-child(3){grid-column:span 1}.dir-toggle{min-height:44px;padding:.5rem;font-size:1rem}.browse-summary{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:.6rem 0 .2rem}.link.small{font-size:.85rem;min-height:0;padding:0}.table-head,.row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.62fr) auto;gap:0 .5rem;align-items:center}.table-head{position:sticky;top:0;z-index:1;background:var(--bg);border-bottom:1px solid var(--line)}.col-head{background:none;border:none;padding:.3rem 0;min-height:30px;text-align:left;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-head.right{text-align:right}.rows{list-style:none;padding:0;margin:0}.row{padding:.3rem .35rem;font-size:.88rem;line-height:1.3;border-radius:4px}.row{background:hsl(var(--cat-h, 30) var(--cat-sat) var(--cat-l1))}.row:nth-child(2n){background:hsl(var(--cat-h, 30) var(--cat-sat) var(--cat-l2))}.row.due{box-shadow:inset 2px 0 0 var(--accent)}.row-source{font-weight:550;overflow-wrap:anywhere}.row-target{overflow-wrap:anywhere}.row-note{font-size:.74rem;color:var(--muted)}.row-note:before{content:" · "}.row-cat{font-size:.72rem;color:hsl(var(--cat-h, 30) var(--cat-label-sat) var(--cat-label-l));font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-prog{display:inline-flex;align-items:center;gap:.3rem;justify-content:flex-end}.miss{font-size:.68rem;color:var(--bad);font-variant-numeric:tabular-nums}.pips{display:inline-flex;gap:2px}.pip{width:5px;height:5px;border-radius:50%;background:var(--line)}.pip.on{background:var(--good)}.empty{padding:2rem 0}.summary{text-align:center}.big-score{font-size:3.2rem;font-weight:700;margin:.2rem 0;letter-spacing:-.03em}.summary h3{margin-top:1.5rem}.missed{list-style:none;padding:0;margin:0;text-align:left}.missed li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.75rem}.stat{display:grid;gap:.1rem;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem .3rem}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.cat-bars{display:grid;gap:.75rem}.cat-bar-head{display:flex;justify-content:space-between;font-size:.9rem}.bar{position:relative;height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin-top:.3rem}.bar-seen,.bar-mastered{position:absolute;inset:0 auto 0 0;border-radius:999px}.bar-seen{background:var(--accent);opacity:.45}.bar-mastered{background:var(--good)}.weak{width:100%;border-collapse:collapse;font-size:.92rem}.weak th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding-bottom:.35rem}.weak td{padding:.5rem 0;border-top:1px solid var(--line)}.weak td:last-child,.weak th:last-child{text-align:right;font-variant-numeric:tabular-nums}.data-row{display:flex;gap:.5rem;flex-wrap:wrap}.data-row button{flex:1;min-width:90px}@media (min-width: 560px){.settings{grid-template-columns:1fr 1fr}.settings label:last-child{grid-column:1 / -1}.prompt{font-size:2.4rem}}