:root{color-scheme:light;--bg: #f7f3ea;--bg-sub: #efe9dc;--bg-card: #fdfbf5;--bg-inset: #f4efe4;--bg-hover: #f1ebdd;--line: #ddd4c2;--line-soft: #e9e2d3;--ink: #1e1c17;--ink-2: #55503f;--ink-3: #8a8272;--accent: #a63a28;--accent-strong: #8c2f1f;--accent-soft: #f0dcd4;--on-accent: #fdfbf5;--ok-ink: #3e6b4f;--ok-bg: #e6ede7;--warn-ink: #a06a1f;--warn-bg: #f3e9d6;--bad-ink: #a63a28;--bad-bg: #f0dcd4;--info-ink: #3f5e77;--info-bg: #e3eaf0;--idle-ink: #8a8272;--idle-bg: #efe9dc;--subj-647: #8a5a2e;--subj-808w: #3f5e77;--subj-808c: #3e6b4f;--subj-common: #7a4a5e;--subj-101: #55606e;--subj-201: #6b5d3e;--font-serif: "Noto Serif SC", "Songti SC", SimSun, serif;--font-sans: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--text-xs: 10px;--text-s: 12px;--text-m: 14px;--text-l: 16px;--text-xl: 18px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius: 10px;--radius-sm: 6px;--sidebar-w: 200px;--sidebar-icon-w: 56px;--topbar-h: 44px;--rail-w: 300px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-m);line-height:1.6}#root{height:100dvh;display:flex;flex-direction:column}.app-shell{flex:1;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:0}.sidebar{display:flex;flex-direction:column;background:var(--bg-sub);border-right:1px solid var(--line-soft);min-height:0}.sidebar-brand{font-family:var(--font-serif);font-size:var(--text-l);font-weight:700;padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--line-soft);white-space:nowrap;overflow:hidden}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-foot{border-top:1px solid var(--line-soft);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-s);color:var(--ink-2)}.shell-main{display:flex;flex-direction:column;min-height:0;min-width:0}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--line-soft);background:var(--bg);min-width:0}.breadcrumb{display:flex;align-items:baseline;gap:var(--space-2);min-width:0;overflow:hidden;white-space:nowrap}.topbar-meta{margin-left:auto;display:flex;align-items:center;gap:var(--space-3);color:var(--ink-3);font-size:var(--text-s);white-space:nowrap}.shell-body{flex:1;display:flex;min-height:0}.main{flex:1;min-width:0;overflow-y:auto;padding:var(--space-5) var(--space-6) var(--space-6)}.context-rail{width:var(--rail-w);flex-shrink:0;border-left:1px solid var(--line-soft);background:var(--bg-card);overflow-y:auto;padding:var(--space-4)}@media(max-width:980px){.context-rail{display:none}}@media(max-width:760px){.app-shell{grid-template-columns:var(--sidebar-icon-w) minmax(0,1fr)}.sidebar-label{display:none}.sidebar-brand{font-size:var(--text-m);padding:var(--space-3) var(--space-2);text-align:center}.sidebar-foot{align-items:center;padding:var(--space-2)}.sidebar-foot .foot-text{display:none}.main{padding:var(--space-4)}}.boot-screen{flex:1;display:flex;align-items:center;justify-content:center;color:var(--ink-3)}.login-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--bg)}.card{background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.card-title{font-family:var(--font-serif);font-size:var(--text-l);font-weight:700;margin:0 0 var(--space-3);display:flex;align-items:baseline;gap:var(--space-2)}.card-title .count{color:var(--ink-3);font-size:var(--text-s);font-family:var(--font-sans);font-weight:400}.btn{font:inherit;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer}.btn:hover{background:var(--bg-hover)}.btn:disabled{color:var(--ink-3);cursor:default;background:var(--bg-inset)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-strong)}.btn-primary:disabled{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--on-accent)}.btn-ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--bg-hover)}.icon-btn{font:inherit;border:1px solid transparent;background:transparent;color:var(--ink-2);border-radius:var(--radius-sm);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:var(--bg-hover)}.link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-3);text-underline-offset:3px;cursor:pointer;background:none;border:none;padding:0;font:inherit;text-align:left}.link:hover{color:var(--accent);text-decoration-color:var(--accent)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--ink-2);text-decoration:none;white-space:nowrap}.sidebar-link:hover{background:var(--bg-hover);color:var(--ink)}.sidebar-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-link svg{flex-shrink:0}.sidebar-link .kbd{margin-left:auto}@media(max-width:760px){.sidebar-link{justify-content:center;padding:var(--space-2) var(--space-1)}.sidebar-link .kbd{display:none}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-s);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--ok-bg);color:var(--ok-ink);white-space:nowrap}.badge.pending{background:var(--warn-bg);color:var(--warn-ink)}.badge.offline{background:var(--idle-bg);color:var(--idle-ink)}.sync-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok-ink)}.sync-dot.offline{background:var(--idle-ink)}.sync-dot.syncing{background:var(--info-ink)}.sync-dot.error{background:var(--bad-ink)}.chip{display:inline-block;font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--line-soft);color:var(--ink-2);background:var(--bg-inset);white-space:nowrap}.subject-chip{display:inline-block;font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-sm);color:var(--bg-card);white-space:nowrap}.subject-chip.s-647{background:var(--subj-647)}.subject-chip.s-808-west{background:var(--subj-808w)}.subject-chip.s-808-china{background:var(--subj-808c)}.subject-chip.s-common{background:var(--subj-common)}.subject-chip.s-101{background:var(--subj-101)}.subject-chip.s-201{background:var(--subj-201)}.tabbar{display:flex;gap:var(--space-1);border-bottom:1px solid var(--line-soft);margin-bottom:var(--space-4);overflow-x:auto}.tab{font:inherit;border:none;background:transparent;color:var(--ink-2);padding:var(--space-2) var(--space-3);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tabbar-groups{gap:var(--space-2);margin-bottom:0;border-bottom:none}.tabbar-groups .tab{font-size:var(--text-s);color:var(--ink-3);padding:var(--space-2) var(--space-2) var(--space-1);border-bottom:none}.tabbar-groups .tab.active{color:var(--accent);font-weight:700}.countdown{display:flex;align-items:baseline;gap:var(--space-4)}.count-num{font-family:var(--font-serif);font-size:34px;font-weight:700;color:var(--accent);line-height:1}.count-label{color:var(--ink-2)}.count-meta{margin-left:auto;display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-s);color:var(--ink-3)}.due-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.due-row:hover{background:var(--bg-hover)}.due-row .due-meta{margin-left:auto;color:var(--ink-3);font-size:var(--text-s);white-space:nowrap}.due-row.done{opacity:.6}.progress{height:6px;border-radius:3px;background:var(--bg-inset);overflow:hidden}.progress-fill{height:100%;background:var(--ok-ink);transition:width .2s ease}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.check-item{display:flex;align-items:center;gap:var(--space-3)}.check-item.done{color:var(--ink-3)}.check-box{font:inherit;width:20px;height:20px;flex-shrink:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--on-accent);font-size:var(--text-s);padding:0}.check-item.done .check-box{background:var(--ok-ink);border-color:var(--ok-ink)}.checklist-edit-btn{margin-left:auto;font-size:var(--text-s);padding:var(--space-1) var(--space-2)}.check-input{flex:1;min-width:0;font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);background:var(--bg-card);color:var(--ink)}.check-input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.checklist-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;align-items:center}.checklist-actions .spacer{flex:1}.runner{max-width:720px}.runner-front{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;line-height:1.5;white-space:pre-wrap}.runner-hint{color:var(--ink-3);font-size:var(--text-s);margin-top:var(--space-2)}.runner-back{border-top:1px dashed var(--line);margin-top:var(--space-4);padding-top:var(--space-4);white-space:pre-wrap;max-height:40vh;overflow-y:auto}.runner-back.placeholder{color:var(--ink-3);background:var(--bg-inset);border-radius:var(--radius-sm);padding:var(--space-3)}.runner-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.rate-btn{font:inherit;flex:1;min-width:90px;padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-card);cursor:pointer}.rate-btn:hover{border-color:var(--ink-3)}.rate-btn.r1{color:var(--bad-ink)}.rate-btn.r1:hover{background:var(--bad-bg);border-color:var(--bad-ink)}.rate-btn.r2{color:var(--warn-ink)}.rate-btn.r2:hover{background:var(--warn-bg);border-color:var(--warn-ink)}.rate-btn.r3{color:var(--ok-ink)}.rate-btn.r3:hover{background:var(--ok-bg);border-color:var(--ok-ink)}.rate-btn.r4{color:var(--info-ink)}.rate-btn.r4:hover{background:var(--info-bg);border-color:var(--info-ink)}.rail-section{margin-bottom:var(--space-4)}.rail-section h3{font-size:var(--text-s);color:var(--ink-3);font-weight:600;margin:0 0 var(--space-2);letter-spacing:.05em}.rail-title{font-family:var(--font-serif);font-size:var(--text-l);font-weight:700;margin:0 0 var(--space-2)}.rail-kv{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-s);color:var(--ink-2);padding:var(--space-1) 0}.rail-kv .v{color:var(--ink);text-align:right}.rail-links{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-s);align-items:flex-start}.mastery-band{display:inline-block;font-size:var(--text-s);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.mastery-band.b0{background:var(--idle-bg);color:var(--idle-ink)}.mastery-band.b1{background:var(--bad-bg);color:var(--bad-ink)}.mastery-band.b2{background:var(--warn-bg);color:var(--warn-ink)}.mastery-band.b3{background:var(--info-bg);color:var(--info-ink)}.mastery-band.b4{background:var(--ok-bg);color:var(--ok-ink)}.stat-row{display:flex;gap:var(--space-6);flex-wrap:wrap}.stat-item .stat-num{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700}.stat-item .stat-label{font-size:var(--text-s);color:var(--ink-3)}.muted{color:var(--ink-3);font-size:var(--text-s)}.empty{color:var(--ink-3);padding:var(--space-4) 0}.kbd{font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 var(--space-1);color:var(--ink-3)}.pending-page{max-width:480px;margin:var(--space-6) auto;text-align:center;color:var(--ink-2)}.pending-page .glyph{font-size:28px;color:var(--ink-3);margin-bottom:var(--space-3)}.login-card{background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:var(--space-6);width:min(360px,100%);display:flex;flex-direction:column;gap:var(--space-3)}.login-card h1{font-family:var(--font-serif);font-size:var(--text-xl);margin:0;text-align:center}.login-card input{font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--bg);color:var(--ink)}.login-card input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.login-sub{margin:0;text-align:center;color:var(--ink-2);font-size:var(--text-s)}.login-count{margin:0;text-align:center}.login-count strong{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--accent)}.login-note{margin:0;text-align:center;color:var(--ink-3);font-size:var(--text-xs)}.login-error{margin:0;color:var(--bad-ink);font-size:var(--text-s);text-align:center}.pfilters{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin:0 0 var(--space-3)}.pfilter{font:inherit;font-size:var(--text-s);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);background:var(--bg-card);color:var(--ink)}.pfilter:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.pfilter-count{font-size:var(--text-s);margin-left:auto}.ptable-wrap{overflow:auto;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg-card);max-height:calc(100vh - 260px)}.ptable{width:100%;border-collapse:collapse;font-size:var(--text-s)}.ptable th{position:sticky;top:0;background:var(--bg-inset);color:var(--ink-2);font-weight:600;text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);white-space:nowrap;-webkit-user-select:none;user-select:none}.ptable th.sortable{cursor:pointer}.ptable th.sortable:hover{color:var(--ink)}.sort-mark{display:inline-block;min-width:1em;color:var(--accent)}.ptable td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line-soft);vertical-align:top}.ptable tbody tr{cursor:pointer}.ptable tbody tr:hover{background:var(--bg-hover)}.ptable tbody tr:last-child td{border-bottom:none}.ptable .num{font-variant-numeric:tabular-nums;white-space:nowrap}.ptable-title{min-width:240px;max-width:420px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rating-chip{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap}.rating-chip.r1{background:var(--bad-bg);color:var(--bad-ink)}.rating-chip.r2{background:var(--warn-bg);color:var(--warn-ink)}.rating-chip.r3{background:var(--ok-bg);color:var(--ok-ink)}.rating-chip.r4{background:var(--info-bg);color:var(--info-ink)}.qflow{display:flex;flex-direction:column;gap:var(--space-3)}.qflow-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.qflow-answer{font:inherit;font-size:var(--text-m);font-family:var(--font-serif);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);background:var(--bg-card);color:var(--ink);resize:vertical;min-height:160px}.qflow-answer:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.qhist{display:flex;flex-direction:column;gap:var(--space-3)}.qhist-title{margin:0;font-size:var(--text-s);font-weight:600;color:var(--ink-3)}.qhist-block .ptable-wrap{max-height:240px;overflow:auto}.qhist-block td{color:var(--ink-3)}.timed{display:flex;flex-direction:column;gap:var(--space-3)}.timed-setup{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.timed-pick{flex:1;min-width:260px}.timed-presets{display:flex;gap:var(--space-1)}.timed-bar{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;padding:var(--space-2) var(--space-3);background:var(--bg-inset);border-radius:var(--radius-sm)}.timed-clock{font-family:var(--font-mono);font-size:var(--text-l);font-variant-numeric:tabular-nums;color:var(--ink-2)}.timed-clock.up{color:var(--bad-ink);font-weight:700}.timed-up-note{margin:0;color:var(--warn-ink);font-size:var(--text-s)}.timed-text{min-height:320px}.main::-webkit-scrollbar,.context-rail::-webkit-scrollbar,.runner-back::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar,.ptable-wrap::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-thumb,.context-rail::-webkit-scrollbar-thumb,.runner-back::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb,.ptable-wrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}