:root{--ink-900: #10171c;--ink-850: #131c22;--ink-800: #182229;--ink-750: #1d2830;--ink-700: #24323b;--ink-600: #33454f;--bone: #e8e3d9;--bone-dim: #9ba6ac;--bone-faint: #6b7880;--cinnabar: #e0503a;--cinnabar-deep: #b8351f;--celadon: #7fb8a4;--celadon-deep: #4d8f78;--amber: #e0a63c;--surface: var(--ink-850);--surface-raised: var(--ink-800);--surface-input: var(--ink-750);--ground: var(--ink-900);--line: var(--ink-700);--line-strong: var(--ink-600);--text: var(--bone);--text-dim: var(--bone-dim);--text-faint: var(--bone-faint);--font-han: "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", "SimHei", sans-serif;--font-ui: ui-sans-serif, system-ui, "Segoe UI Variable Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-data: ui-monospace, "Cascadia Mono", "Consolas", "SF Mono", Menlo, monospace;--r-sm: 3px;--r-md: 6px;--r-lg: 10px;--rail-w: 15rem;--step: .35s cubic-bezier(.2, .7, .3, 1)}:root[data-theme=light]{--ink-900: #f3f0e8;--ink-850: #ece8de;--ink-800: #e5e0d4;--ink-750: #ddd7c9;--ink-700: #cec7b6;--ink-600: #b3aa96;--bone: #17212a;--bone-dim: #4e5b64;--bone-faint: #77838b;--cinnabar: #bf3a22;--cinnabar-deep: #962a15;--celadon: #35785f;--celadon-deep: #245743;--amber: #9a6b12}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--celadon);outline-offset:2px}.shell{display:grid;grid-template-columns:var(--rail-w) 1fr;height:100%}.shell.is-focused{grid-template-columns:0 1fr}.rail{border-right:1px solid var(--line);background:var(--surface);padding:1.25rem .9rem;overflow-y:auto;transition:opacity var(--step),transform var(--step)}.shell.is-focused .rail{opacity:0;transform:translate(-1rem);pointer-events:none}.brand{display:flex;align-items:baseline;gap:.55rem;margin-bottom:1.5rem;padding-left:.35rem}.brand-zh{font-family:var(--font-han);font-size:1.4rem;letter-spacing:.08em;color:var(--text)}.brand-en{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.rail-group{margin-bottom:1.4rem}.rail-label{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding:0 .35rem .45rem}.rail-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;text-align:left;background:none;border:0;border-radius:var(--r-md);padding:.4rem .55rem;color:var(--text-dim);cursor:pointer;transition:background var(--step),color var(--step)}.rail-link:hover{background:var(--surface-raised);color:var(--text)}.rail-link.is-active{background:var(--surface-raised);color:var(--text);box-shadow:inset 2px 0 0 var(--cinnabar)}.rail-link-zh{font-family:var(--font-han);font-size:.92rem}.main{overflow-y:auto;padding:2.25rem 2.5rem 5rem}.main-narrow{max-width:54rem;margin:0 auto}.page-head{margin-bottom:2rem}.eyebrow{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.5rem}.page-title{font-size:1.6rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .4rem}.page-title-zh{font-family:var(--font-han);letter-spacing:.06em}.lede{color:var(--text-dim);max-width:46rem;margin:0}.hanzi{font-family:var(--font-han);letter-spacing:.05em;line-height:1.5}.hanzi-stage{font-size:clamp(1.7rem,4.4vw,2.9rem);line-height:1.45;letter-spacing:.07em}.pinyin{font-family:var(--font-data);font-size:.9rem;color:var(--text-dim);letter-spacing:.01em}.english{color:var(--text-dim)}.data{font-family:var(--font-data);font-variant-numeric:tabular-nums}.muted{color:var(--text-faint)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.25rem 1.35rem}.card+.card{margin-top:.85rem}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.grid{display:grid;gap:.85rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.row-end{justify-content:flex-end}.stack{display:flex;flex-direction:column;gap:.85rem}.btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--surface-raised);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:.45rem .9rem;cursor:pointer;transition:background var(--step),border-color var(--step),color var(--step)}.btn:hover:not(:disabled){border-color:var(--celadon-deep)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.is-primary{background:var(--celadon-deep);border-color:var(--celadon-deep);color:#06110d;font-weight:600}:root[data-theme=light] .btn.is-primary{color:#f3f0e8}.btn.is-primary:hover:not(:disabled){background:var(--celadon);border-color:var(--celadon)}.btn.is-live{background:var(--cinnabar-deep);border-color:var(--cinnabar-deep);color:#fff3ef;font-weight:600}.btn.is-live:hover:not(:disabled){background:var(--cinnabar);border-color:var(--cinnabar)}.btn.is-quiet{background:none;border-color:transparent;color:var(--text-dim);padding-inline:.5rem}.btn.is-quiet:hover:not(:disabled){color:var(--text);background:var(--surface-raised)}.btn.is-danger:hover:not(:disabled){border-color:var(--cinnabar);color:var(--cinnabar)}.btn.is-small{padding:.25rem .6rem;font-size:.82rem}.field{display:block;margin-bottom:.9rem}.field-label{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.3rem}.input,.textarea,.select{width:100%;background:var(--surface-input);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:.5rem .7rem}.textarea{resize:vertical;min-height:3.2rem}.input.is-han,.textarea.is-han{font-family:var(--font-han);font-size:1.05rem;letter-spacing:.05em}.input.is-data,.textarea.is-data{font-family:var(--font-data)}.answer-input{width:100%;background:var(--surface-input);border:1px solid var(--line-strong);border-bottom:2px solid var(--line-strong);border-radius:var(--r-md);padding:.85rem 1rem;font-size:1.25rem;transition:border-color var(--step)}.answer-input.is-han{font-family:var(--font-han);letter-spacing:.06em}.answer-input.is-data{font-family:var(--font-data);letter-spacing:.02em}.answer-input:focus{outline:none;border-bottom-color:var(--celadon)}.shell.is-focused .answer-input:focus{border-bottom-color:var(--cinnabar)}.toggle-group{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r-md);overflow:hidden}.toggle-group .btn{border:0;border-radius:0;background:none;color:var(--text-dim)}.toggle-group .btn.is-on{background:var(--surface-raised);color:var(--text);box-shadow:inset 0 -2px 0 var(--celadon)}.checkline{display:flex;align-items:center;gap:.55rem;padding:.3rem 0;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-data);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:999px;padding:.1rem .55rem;color:var(--text-dim);white-space:nowrap}.badge.is-cold{color:var(--text-faint)}.badge.is-warming{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,transparent)}.badge.is-ready{color:var(--celadon);border-color:color-mix(in srgb,var(--celadon) 45%,transparent)}.badge.is-automatic{color:var(--celadon);border-color:var(--celadon-deep);background:color-mix(in srgb,var(--celadon) 12%,transparent)}.badge.is-due{color:var(--cinnabar);border-color:color-mix(in srgb,var(--cinnabar) 45%,transparent)}.ribbon{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.3rem;padding:.35rem 0}.ribbon-cell{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:1.6rem}.ribbon-mark{display:block;color:var(--text-faint);transition:color var(--step)}.ribbon-cell.is-correct .ribbon-mark{color:var(--celadon)}.ribbon-cell.is-tone .ribbon-mark{color:var(--amber)}.ribbon-cell.is-wrong .ribbon-mark,.ribbon-cell.is-missing .ribbon-mark,.ribbon-cell.is-extra .ribbon-mark{color:var(--cinnabar)}.ribbon-syl{font-family:var(--font-data);font-size:.68rem;color:var(--text-faint);letter-spacing:.01em}.ribbon-cell.is-correct .ribbon-syl{color:var(--celadon)}.ribbon-cell.is-tone .ribbon-syl{color:var(--amber)}.ribbon-cell.is-wrong .ribbon-syl,.ribbon-cell.is-missing .ribbon-syl,.ribbon-cell.is-extra .ribbon-syl{color:var(--cinnabar)}.ribbon-cell.is-missing .ribbon-syl{text-decoration:line-through}.tokens{display:flex;flex-wrap:wrap;gap:.15rem .1rem;font-family:var(--font-han);font-size:1.5rem;letter-spacing:.04em;line-height:1.7}.tokens.is-pinyin{font-family:var(--font-data);font-size:1rem;gap:.15rem .45rem}.tok{border-bottom:2px solid transparent;padding:0 .06em}.tok.is-correct{color:var(--text);border-bottom-color:color-mix(in srgb,var(--celadon) 55%,transparent)}.tok.is-tone{color:var(--amber);border-bottom-color:var(--amber)}.tok.is-wrong{color:var(--cinnabar);border-bottom-color:var(--cinnabar)}.tok.is-missing{color:var(--cinnabar);border-bottom-color:var(--cinnabar);opacity:.75}.tok.is-extra{color:var(--text-faint);text-decoration:line-through}.tok-sub{font-family:var(--font-data);font-size:.62em;color:var(--text-faint);vertical-align:super}.score{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:2.6rem;line-height:1;font-weight:600}.score.is-good{color:var(--celadon)}.score.is-mid{color:var(--amber)}.score.is-poor{color:var(--cinnabar)}.tally{display:flex;gap:1.1rem;flex-wrap:wrap;font-family:var(--font-data);font-size:.78rem;color:var(--text-faint)}.tally-n{color:var(--text)}.timer{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:1.1rem;letter-spacing:.04em;color:var(--text-dim)}.timer.is-urgent{color:var(--cinnabar)}.timer-track{height:2px;background:var(--line);border-radius:999px;overflow:hidden;margin-top:.4rem}.timer-fill{height:100%;background:var(--celadon-deep);transition:width .25s linear,background var(--step)}.timer-fill.is-urgent{background:var(--cinnabar)}.stage{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);padding:2rem 2rem 1.5rem;margin-bottom:1rem}.stage.is-live{border-color:color-mix(in srgb,var(--cinnabar) 45%,var(--line))}.stage-cue{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cinnabar);margin-bottom:.9rem}.blank{color:var(--text-faint);letter-spacing:.2em}.speaker{display:inline-block;font-family:var(--font-han);font-size:.85rem;color:var(--text-faint);border-left:2px solid var(--cinnabar);padding-left:.5rem;margin-bottom:.5rem}.beat-dots{display:flex;gap:.3rem;margin-bottom:1.2rem}.beat-dot{width:1.6rem;height:3px;border-radius:999px;background:var(--line)}.beat-dot.is-done{background:var(--celadon-deep)}.beat-dot.is-current{background:var(--cinnabar)}.bar{height:6px;background:var(--line);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--celadon-deep)}.bar-fill.is-low{background:var(--cinnabar)}.bar-fill.is-mid{background:var(--amber)}.stat-value{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:1.8rem;line-height:1.1}.stat-label{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.empty{border:1px dashed var(--line-strong);border-radius:var(--r-lg);padding:2rem;text-align:center;color:var(--text-dim)}.notice{border-left:2px solid var(--amber);background:var(--surface-raised);border-radius:var(--r-sm);padding:.6rem .85rem;color:var(--text-dim);font-size:.88rem}.notice.is-error{border-left-color:var(--cinnabar)}.divider{height:1px;background:var(--line);margin:1.4rem 0}.block-row{display:flex;gap:.9rem;padding:.7rem 0;border-top:1px solid var(--line)}.block-row:first-child{border-top:0}.block-index{font-family:var(--font-data);font-size:.72rem;color:var(--text-faint);padding-top:.35rem;min-width:1.5rem}.appear{animation:appear var(--step) both}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 860px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.shell.is-focused{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line);max-height:45vh}.shell.is-focused .rail{display:none}.main{padding:1.5rem 1.1rem 4rem}.stage{padding:1.4rem 1.1rem 1.1rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root[data-reduced-motion=true] *{animation-duration:.01ms!important;transition-duration:.01ms!important}.logo{display:inline-flex;align-items:center;gap:.6rem}.logo-words{display:flex;flex-direction:column;line-height:1.15}.logo-zh{font-family:var(--font-han);font-size:1.15rem;letter-spacing:.1em;color:var(--text)}.logo-en{font-size:.58rem;letter-spacing:.17em;text-transform:uppercase;color:var(--text-faint)}.user-row{display:flex;align-items:center;gap:.9rem;padding:.85rem 0;border-top:1px solid var(--line);flex-wrap:wrap}.user-row:first-of-type{border-top:0}.user-row.is-off{opacity:.55}.user-main{flex:1;min-width:12rem}.user-email{font-size:.98rem}.user-meta{font-family:var(--font-data);font-size:.72rem;color:var(--text-faint)}.reveal{border:1px solid var(--celadon-deep);background:color-mix(in srgb,var(--celadon) 10%,transparent);border-radius:var(--r-md);padding:.8rem .95rem;margin-top:.8rem}.reveal-value{font-family:var(--font-data);font-size:1.05rem;color:var(--text);word-break:break-all;-webkit-user-select:all;user-select:all}.signin{max-width:26rem;margin:2rem auto 0}.signin-head{margin-bottom:1.4rem}.signin-more{margin-top:.4rem;font-size:.86rem;color:var(--text-dim)}.signin-more summary{cursor:pointer;padding:.25rem 0}.rail-signin{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;text-align:left;border:1px solid var(--celadon-deep);background:color-mix(in srgb,var(--celadon) 12%,transparent);border-radius:var(--r-md);padding:.55rem .7rem;color:var(--text);cursor:pointer;transition:background var(--step),border-color var(--step)}.rail-signin:hover{background:color-mix(in srgb,var(--celadon) 22%,transparent);border-color:var(--celadon)}.rail-signin-label{font-weight:600}.rail-signin-note{display:block;font-size:.7rem;color:var(--text-dim);font-weight:400}.rail-account{padding:.4rem .55rem;border-radius:var(--r-md);background:var(--surface-raised)}.rail-account-email{display:block;font-size:.78rem;color:var(--text);overflow-wrap:anywhere}.rail-account{display:flex;align-items:stretch;gap:.3rem;padding:0;background:none}.rail-account-main{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:1;min-width:0;text-align:left;background:var(--surface-raised);border:0;border-radius:var(--r-md);padding:.4rem .55rem;color:var(--text-dim);cursor:pointer}.rail-account-main:hover{color:var(--text)}.rail-signout{background:none;border:1px solid var(--line);border-radius:var(--r-md);padding:0 .55rem;font-size:.72rem;color:var(--text-faint);cursor:pointer;white-space:nowrap;transition:color var(--step),border-color var(--step)}.rail-signout:hover{color:var(--cinnabar);border-color:color-mix(in srgb,var(--cinnabar) 45%,transparent)}.lang-switch{display:flex;flex-wrap:wrap;gap:.3rem;margin:-.7rem 0 1.3rem;padding-left:.35rem}.lang-chip{font-family:var(--font-han);font-size:.82rem;letter-spacing:.04em;background:none;border:1px solid var(--line);border-radius:999px;padding:.16rem .62rem;color:var(--text-faint);cursor:pointer;transition:color var(--step),border-color var(--step),background var(--step)}.lang-chip:hover{color:var(--text-dim);border-color:var(--line-strong)}.lang-chip.is-on{color:var(--text);border-color:var(--celadon-deep);background:color-mix(in srgb,var(--celadon) 16%,transparent)}.lang-grants{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.45rem}.grant-chip{font-family:var(--font-han);font-size:.72rem;background:none;border:1px dashed var(--line-strong);border-radius:999px;padding:.05rem .5rem;color:var(--text-faint);cursor:pointer;transition:color var(--step),border-color var(--step),background var(--step)}.grant-chip:hover:not(:disabled){color:var(--text-dim);border-color:var(--celadon-deep)}.grant-chip.is-on{border-style:solid;border-color:var(--celadon-deep);background:color-mix(in srgb,var(--celadon) 16%,transparent);color:var(--text)}.grant-chip:disabled{opacity:.5;cursor:not-allowed}