:root{--canvas:#f6f8fc;--bg:var(--canvas);--surface:#fff;--surface-2:#fff;--line:#e4e9f2;--border:var(--line);--rule:#eef1f7;--text:#101c3a;--text-2:#4a5573;--muted:#667089;--accent:#0a7c2b;--accent-fill:#12d14a;--accent-fill-hover:#0fb840;--accent-ink:#101c3a;--accent-tint:#e8fcee;--accent-line:#a9f3c1;--green-100:#e8fcee;--green-500:#12d14a;--green-700:#0a7c2b;--green-ink:#101c3a;--lilac-100:#eeebfd;--lilac-500:#6c5ce0;--lilac-700:#4b3bc0;--lilac-ink:#fff;--coral-100:#ffe9e5;--coral-500:#ff6b5a;--coral-700:#c0392a;--coral-ink:#101c3a;--sun-100:#fff4da;--sun-500:#ffc64d;--sun-700:#8a5a00;--sun-ink:#101c3a;--sky-100:#e3f4fe;--sky-500:#2fb6f5;--sky-700:#0b6e9e;--sky-ink:#101c3a;--ok:var(--green-700);--ok-fill:var(--green-500);--ok-tint:var(--green-100);--ok-line:#a9f3c1;--ok-ink:var(--green-ink);--warn:var(--coral-700);--warn-fill:var(--coral-500);--warn-tint:var(--coral-100);--warn-line:var(--coral-500);--warn-ink:var(--coral-ink);--tone:var(--sun-700);--tone-fill:var(--sun-500);--tone-tint:var(--sun-100);--tone-line:var(--sun-500);--tone-ink:var(--sun-ink);--section-100:var(--rule);--section-500:var(--muted);--section-700:var(--text-2);--section-ink:#fff;--focus:#0fb840;--scrim:#101c3a59;--radius-sm:8px;--radius-md:14px;--radius:20px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-sm:0 2px 6px -2px #101c3a1a;--shadow-md:0 8px 20px -12px #101c3a24;--shadow-lg:0 12px 32px -18px #101c3a47;--ease:cubic-bezier(.2, .7, .3, 1);--dur:.18s;--font-cjk:"PingFang TC", "Noto Sans TC", "Heiti TC", "Microsoft JhengHei", sans-serif;--font-head:"Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-ui:"Public Sans", Helvetica, "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--step--2:.75rem;--step--1:.875rem;--step-0:1rem;--step-1:1.1875rem;--step-2:1.5rem;--step-3:2.125rem;--hanzi:clamp(2.1rem, 9vw, 3.4rem);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--canvas:#1a1c21;--surface:#22252b;--surface-2:#2a2e35;--line:#ffffff14;--rule:#ffffff0d;--text:#e9ecf2;--text-2:#b9c0cd;--muted:#8a93a6;--accent:#5fd98a;--accent-fill:#23b24e;--accent-fill-hover:#2dc55a;--accent-ink:#0f1a12;--accent-tint:#12d14a1f;--accent-line:#12d14a4d;--green-100:#12d14a1f;--green-500:#23b24e;--green-700:#5fd98a;--green-ink:#0f1a12;--lilac-100:#6c5ce029;--lilac-500:#5b4dc7;--lilac-700:#a99cf2;--lilac-ink:#fff;--coral-100:#ff6b5a24;--coral-500:#d9584a;--coral-700:#ff9a8c;--coral-ink:#1a0f0d;--sun-100:#ffc64d24;--sun-500:#d6a23c;--sun-700:#f5c766;--sun-ink:#1a1408;--sky-100:#2fb6f524;--sky-500:#2494c9;--sky-700:#6fcbf7;--sky-ink:#fff;--ok-line:#12d14a4d;--warn-line:#ff6b5a66;--tone-line:#ffc64d66;--focus:#5fd98a;--scrim:#0000008c;--shadow-sm:0 2px 6px -2px #00000059;--shadow-md:0 8px 20px -12px #00000073;--shadow-lg:0 12px 32px -18px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--canvas:#1a1c21;--surface:#22252b;--surface-2:#2a2e35;--line:#ffffff14;--rule:#ffffff0d;--text:#e9ecf2;--text-2:#b9c0cd;--muted:#8a93a6;--accent:#5fd98a;--accent-fill:#23b24e;--accent-fill-hover:#2dc55a;--accent-ink:#0f1a12;--accent-tint:#12d14a1f;--accent-line:#12d14a4d;--green-100:#12d14a1f;--green-500:#23b24e;--green-700:#5fd98a;--green-ink:#0f1a12;--lilac-100:#6c5ce029;--lilac-500:#5b4dc7;--lilac-700:#a99cf2;--lilac-ink:#fff;--coral-100:#ff6b5a24;--coral-500:#d9584a;--coral-700:#ff9a8c;--coral-ink:#1a0f0d;--sun-100:#ffc64d24;--sun-500:#d6a23c;--sun-700:#f5c766;--sun-ink:#1a1408;--sky-100:#2fb6f524;--sky-500:#2494c9;--sky-700:#6fcbf7;--sky-ink:#fff;--ok-line:#12d14a4d;--warn-line:#ff6b5a66;--tone-line:#ffc64d66;--focus:#5fd98a;--scrim:#0000008c;--shadow-sm:0 2px 6px -2px #00000059;--shadow-md:0 8px 20px -12px #00000073;--shadow-lg:0 12px 32px -18px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body[data-section=green]{--section-100:var(--green-100);--section-500:var(--green-500);--section-700:var(--green-700);--section-ink:var(--green-ink)}body[data-section=lilac]{--section-100:var(--lilac-100);--section-500:var(--lilac-500);--section-700:var(--lilac-700);--section-ink:var(--lilac-ink)}body[data-section=coral]{--section-100:var(--coral-100);--section-500:var(--coral-500);--section-700:var(--coral-700);--section-ink:var(--coral-ink)}body[data-section=sun]{--section-100:var(--sun-100);--section-500:var(--sun-500);--section-700:var(--sun-700);--section-ink:var(--sun-ink)}body[data-section=sky]{--section-100:var(--sky-100);--section-500:var(--sky-500);--section-700:var(--sky-700);--section-ink:var(--sky-ink)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text-2);font-family:var(--font-ui);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.65}body{min-height:100dvh;margin:0}h1,h2,h3,h4{font-family:var(--font-head);color:var(--text);letter-spacing:-.025em;margin:0 0 var(--sp-4);font-weight:700;line-height:1.2}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3,h4{font-size:var(--step-1);font-weight:600}p{margin:0 0 var(--sp-4);max-width:66ch}b,strong{color:var(--text);font-weight:700}a{color:var(--text)}p a,li a,.credits a,dd a{color:var(--accent);text-decoration:none}p a:hover,li a:hover,.credits a:hover,dd a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.hanzi{font-family:var(--font-cjk);color:var(--text)}.muted{color:var(--muted)}.small{font-size:var(--step--2)}.eyebrow{margin:0 0 var(--sp-2);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.16em;text-transform:uppercase;color:var(--section-700);font-weight:500;display:block}.container{max-width:760px;padding:var(--sp-5) var(--sp-4) var(--sp-7);margin:0 auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-5)}@media (width<=359.98px){.card{padding:var(--sp-4)}}.card-link{transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease)}.card-link:hover{box-shadow:var(--shadow-md);border-color:var(--section-500);transform:translateY(-3px)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-5);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:var(--font-head);font-size:var(--step-0);cursor:pointer;text-align:center;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-tint);border-color:var(--accent-line)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:default;opacity:.6}.btn-primary{background:var(--accent-fill);color:var(--accent-ink);border-color:var(--accent-fill);padding:0 var(--sp-6);box-shadow:var(--shadow-sm);font-weight:700}.btn-primary:hover{background:var(--accent-fill-hover);border-color:var(--accent-fill-hover);box-shadow:var(--shadow-md)}.btn-ok{background:var(--ok-tint);border-color:var(--ok-line);color:var(--ok)}.btn-warn{background:var(--warn-tint);border-color:var(--warn-line);color:var(--warn)}.btn-ok:hover{background:var(--ok-tint);border-color:var(--ok)}.btn-warn:hover{background:var(--warn-tint);border-color:var(--warn)}.icon-btn{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--text);cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--accent-tint);border-color:var(--accent-line)}.icon-btn svg{width:24px;height:24px}.grade{gap:var(--sp-3);margin-top:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}@media (width>=480px){.grade{grid-template-columns:repeat(4,1fr)}}.grade .btn{width:100%;padding:var(--sp-2) var(--sp-3);flex-direction:column;gap:2px;min-height:56px;line-height:1.2}.grade .grade-label{font-weight:700}.grade .grade-when{font-family:var(--font-mono);font-size:var(--step--2);font-variant-numeric:tabular-nums lining-nums;font-weight:400}.grade .grade-hard{background:var(--tone-tint);border-color:var(--tone-line);color:var(--tone)}.grade .grade-easy{background:var(--sky-100);border-color:var(--sky-500);color:var(--sky-700)}.grade .grade-hard:hover{background:var(--tone-tint);border-color:var(--tone)}.grade .grade-easy:hover{background:var(--sky-100);border-color:var(--sky-700)}.grade .btn-warn.suggested{background:var(--warn-fill);border-color:var(--warn-fill);color:var(--warn-ink)}.grade .btn-ok.suggested{background:var(--ok-fill);border-color:var(--ok-fill);color:var(--ok-ink)}.grade .grade-hard.suggested{background:var(--tone-fill);border-color:var(--tone-fill);color:var(--tone-ink)}.grade .grade-easy.suggested{background:var(--sky-500);border-color:var(--sky-500);color:var(--sky-ink)}.grade .btn.suggested{font-weight:700}.grade .btn.suggested .grade-when{color:inherit;opacity:.85}header.site{align-items:center;gap:var(--sp-3);height:60px;padding:0 var(--sp-4);border-bottom:1px solid var(--line);background:var(--surface);z-index:30;display:flex;position:sticky;top:0}.brand{min-width:0;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{width:32.1896px;height:34px;fill:var(--accent);flex:none}.brand-text{flex-direction:column;min-width:0;line-height:1;display:flex}.brand-name{font-family:var(--font-head);font-weight:800;font-size:var(--step-2);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand-tag{font-family:var(--font-ui);font-size:var(--step--2);color:var(--muted);white-space:nowrap;margin-top:4px}.brand:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:8px}header.site .wordmark{flex:auto}@media (width<=479.98px){header.site .brand-tag{display:none}header.site .brand-mark{width:28.4026px;height:30px}}@media (width<=359.98px){header.site{padding-inline:var(--sp-3)}}.scrim{z-index:40;background:var(--scrim);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease), visibility var(--dur) var(--ease);position:fixed;inset:0}.scrim[data-open]{opacity:1;visibility:visible}.drawer{z-index:50;gap:var(--sp-1);width:min(288px,100vw - 56px);padding:var(--sp-3) var(--sp-3) var(--sp-4);background:var(--surface-2);border-radius:0 var(--radius) var(--radius) 0;box-shadow:var(--shadow-lg);overscroll-behavior:contain;transition:transform var(--dur) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.drawer[data-open]{transform:translate(0)}.drawer-head{align-items:center;gap:var(--sp-2);min-height:48px;margin-bottom:var(--sp-2);display:flex}.drawer-brand{padding-left:var(--sp-2);flex:auto}.drawer-brand .brand-mark{width:26.5091px;height:28px}.drawer-brand .brand-name{font-size:var(--step-1)}.drawer .eyebrow{padding:0 var(--sp-3);margin:var(--sp-2) 0 var(--sp-1)}.drawer-links{flex-direction:column;gap:2px;display:flex}.drawer-link{align-items:center;gap:var(--sp-3);min-height:48px;padding:0 var(--sp-3);border-radius:var(--radius-pill);color:var(--text-2);font-family:var(--font-head);font-size:var(--step-0);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);font-weight:600;text-decoration:none;display:flex}.drawer-link svg{width:20px;height:20px;color:var(--muted);flex:none}.drawer-link:hover{background:var(--rule);color:var(--text)}.drawer-link:hover svg{color:var(--text-2)}.drawer-link[aria-current=page]{background:var(--section-100);color:var(--section-700)}.drawer-link[aria-current=page] svg{color:var(--section-700)}.drawer-spacer{min-height:var(--sp-5);flex:auto}.drawer-foot{padding-top:var(--sp-2);border-top:1px solid var(--line);flex-direction:column;gap:2px;display:flex}.drawer-foot .who{padding:var(--sp-2) var(--sp-3) 0;overflow-wrap:anywhere}.drawer-signout{justify-content:flex-start;gap:var(--sp-3);min-height:48px;padding:0 var(--sp-3);color:var(--text-2);background:0 0;border-color:#0000;font-weight:600}.drawer-signout:hover{background:var(--rule);color:var(--text);border-color:#0000}.drawer-signout svg{width:20px;height:20px;color:var(--muted)}body.drawer-open,body.modal-open{overflow:hidden}.theme-toggle .theme-icon{display:none}.theme-toggle .theme-icon-sun{display:inline-flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .theme-icon-sun{display:none}:root:not([data-theme=light]) .theme-toggle .theme-icon-moon{display:inline-flex}}:root[data-theme=dark] .theme-toggle .theme-icon-sun{display:none}:root[data-theme=dark] .theme-toggle .theme-icon-moon,:root[data-theme=light] .theme-toggle .theme-icon-sun{display:inline-flex}:root[data-theme=light] .theme-toggle .theme-icon-moon{display:none}.stats{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0 0 var(--sp-5);grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.stats .stat{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.stats .stat:first-child,.stats .stat:nth-child(2){border-top:0}.stats .stat:nth-child(odd){border-left:0}.stats .n{font-family:var(--font-mono);color:var(--text);font-size:var(--step-3);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;font-weight:500;line-height:1.1}.stats .stat .muted{font-size:var(--step--1)}@media (width>=640px){.stats{grid-template-columns:repeat(4,1fr)}.stats .stat{border-top:0;border-left:1px solid var(--rule)}.stats .stat:first-child{border-left:0}}.lede{font-size:var(--step-1);color:var(--text-2);max-width:46ch}.trainer{padding:var(--sp-5) var(--sp-4) var(--sp-6)}@media (width>=640px){.trainer{padding:var(--sp-6)}}.trainer .counter{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);font-size:var(--step--2);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--sp-4)}.trainer .chip{padding:2px var(--sp-3);border-radius:var(--radius-pill);background:var(--section-100);color:var(--section-700);font-size:var(--step--2);margin-bottom:var(--sp-3);display:inline-block}.trainer .frame{font-size:var(--step--1);margin-bottom:var(--sp-2)}.trainer .say{margin:0 0 var(--sp-1);color:var(--muted);font-size:var(--step--1)}.trainer .english{font-family:var(--font-head);color:var(--text);font-size:var(--step-2);letter-spacing:-.025em;margin:0 auto var(--sp-5);max-width:24ch;font-weight:700;line-height:1.25}.trainer .prompt{flex-direction:column;align-items:center;display:flex}.trainer .from-intro{margin:0 0 var(--sp-3);color:var(--text-2);font-size:var(--step--1)}.trainer .speak{gap:var(--sp-3);flex-direction:column;align-items:stretch;display:flex}.trainer .speak .btn{width:100%}@media (width>=640px){.trainer .speak{flex-flow:wrap;align-items:center}.trainer .speak .btn{width:auto}}.trainer .mic.listening{animation:1.1s ease-in-out infinite pulse}.trainer .heard{padding:var(--sp-3) 0;border-top:1px solid var(--rule);font-size:var(--step--1);flex-basis:100%;order:3;max-width:none;margin:0}.trainer .heard .hanzi{font-size:var(--step-0)}.trainer .score{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.trainer .reveal{margin-top:var(--sp-5)}.trainer .charfield{gap:var(--sp-2) var(--sp-1);font-size:var(--hanzi);margin:0 0 var(--sp-4);flex-wrap:wrap;font-weight:500;line-height:1.35;display:flex}.trainer .charfield>span{border-bottom:2px solid var(--line);padding:0 .06em .1em}.trainer .charfield>span.missed{background:var(--warn-tint);border-bottom-color:var(--warn-fill);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.trainer .pinyin{font-size:var(--step-1);color:var(--text);margin-bottom:var(--sp-1)}.trainer .zhuyin{font-size:var(--step-0);color:var(--muted);margin-bottom:var(--sp-1)}.trainer .gloss{color:var(--muted);font-size:var(--step-0);margin-bottom:var(--sp-4)}.summary .totals{gap:var(--sp-5) var(--sp-6);margin:0 0 var(--sp-5);flex-wrap:wrap;display:flex}.summary .totals dt{font-size:var(--step--1);color:var(--muted);margin-bottom:var(--sp-1)}.summary .totals dd{font-family:var(--font-mono);color:var(--text);font-size:var(--step-2);font-variant-numeric:tabular-nums;margin:0;font-weight:500}.meta{gap:var(--sp-1) var(--sp-4);margin:0 0 var(--sp-5);font-size:var(--step--1);flex-wrap:wrap;display:flex}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:78dvh;overflow:auto}table.corpus{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--step--1)}table.corpus th{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);color:var(--muted);font-weight:600;font-size:var(--step--2);text-align:left;padding:var(--sp-3) var(--sp-3);white-space:nowrap;position:sticky;top:0}table.corpus td{padding:var(--sp-3);border-bottom:1px solid var(--rule);vertical-align:top}table.corpus tbody tr:nth-child(2n){background:var(--rule)}table.corpus tbody tr:hover{background:var(--section-100)}table.corpus tbody tr:last-child td{border-bottom:0}table.corpus .pos{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted)}table.corpus .zh{font-size:var(--step-0);min-width:12ch}table.corpus .zh .rd{color:var(--muted);font-size:var(--step--1)}table.corpus .en{min-width:14ch}table.corpus .plays{gap:var(--sp-2);display:flex}.btn-play{min-width:40px;min-height:40px;padding:0 var(--sp-3);border-radius:var(--radius-pill);font-size:var(--step--1)}.form{max-width:30rem}.form label{margin:0 0 var(--sp-5);font-family:var(--font-head);font-weight:600;font-size:var(--step--1);color:var(--text-2);display:block}.form select,.form input{width:100%;margin-top:var(--sp-2);min-height:48px;font:inherit;font-size:var(--step-0);color:var(--text);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);display:block}.form select:hover,.form input:hover{border-color:var(--accent)}.form .actions{align-items:center;gap:var(--sp-4);margin-top:var(--sp-6);display:flex}.form .saved{color:var(--ok);font-size:var(--step--1);font-weight:700}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.btn:active,.card-link:hover,.radical-tile>a:hover{transform:none}}.trainer .notice{justify-content:space-between;align-items:center;gap:var(--sp-3);margin:var(--sp-3) 0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-left:4px solid var(--warn-fill);border-radius:var(--radius);background:var(--surface);font-size:var(--step-0);display:flex}.trainer .chip-retry{color:var(--warn);border:1px solid var(--warn-line);background:var(--warn-tint);margin-left:var(--sp-2)}.trainer .practise{align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.btn-small{min-height:40px;padding:0 var(--sp-4);font-size:var(--step--1)}.form .form-section{font-size:var(--step-1);margin:var(--sp-6) 0 var(--sp-4);padding-top:var(--sp-5);border-top:1px solid var(--rule)}.progress{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.progress-track{border-radius:var(--radius-pill);background:var(--accent-tint);flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--accent-fill);border-radius:var(--radius-pill);height:100%;transition:width var(--dur) var(--ease)}.progress-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;color:var(--muted);font-size:var(--step--2);white-space:nowrap}.modes{gap:var(--sp-3);flex-wrap:wrap;display:flex}.modes .btn{flex:12rem}.mode-hint{margin-top:var(--sp-3)}.listener{padding:var(--sp-5) var(--sp-4) var(--sp-6)}@media (width>=640px){.listener{padding:var(--sp-6)}}.listen-stage{cursor:pointer;min-height:11rem;margin-bottom:var(--sp-5)}.listen-stage .english{margin-bottom:var(--sp-4)}.listen-text .charfield{margin-bottom:var(--sp-3)}.listen-veil{padding:var(--sp-4) 0}.listen-transport{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.listen-controls{gap:var(--sp-3);margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--rule);grid-template-columns:1fr;display:grid}@media (width>=560px){.listen-controls{grid-template-columns:1fr 1fr}}.listen-controls label{gap:var(--sp-1);font-size:var(--step--2);color:var(--muted);flex-direction:column;display:flex}.listen-controls select{min-height:44px;font:inherit;font-size:var(--step--1);color:var(--text);padding:var(--sp-1) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.auth-error{color:var(--warn);background:var(--warn-tint);border:1px solid var(--warn-line);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);margin:0 0 var(--sp-5);max-width:46ch}.form .actions .auth-error{background:0 0;border:0;margin:0;padding:0}.auth-sent{max-width:30rem}.auth-alt{max-width:30rem;margin-top:var(--sp-7);padding-top:var(--sp-6);border-top:1px solid var(--rule)}.auth-alt h2{font-size:var(--step-1);margin:0 0 var(--sp-2)}.auth-alt .card{margin-top:var(--sp-4)}.form .actions+.auth-error{margin:var(--sp-4) 0 0}.account .account-field{gap:var(--sp-1);margin:0 0 var(--sp-4);flex-direction:column;display:flex}.admin-password{align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap;max-width:30rem;display:flex}.admin-password label{gap:var(--sp-2);font-size:var(--step--1);color:var(--muted);flex-direction:column;flex:14rem;display:flex}.admin-password input{min-height:44px;font:inherit;font-size:var(--step-0);color:var(--text);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.auth-sent h2{margin-top:0}.account{margin-top:var(--sp-6)}.account .account-email{gap:var(--sp-1);margin:0 0 var(--sp-4);flex-direction:column;display:flex}.account .who-full{overflow-wrap:anywhere;font-weight:600}.nowrap{white-space:nowrap}table.data{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--step--1)}table.data th{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);color:var(--muted);font-weight:600;font-size:var(--step--2);text-align:left;padding:var(--sp-3);white-space:nowrap;position:sticky;top:0}table.data td{padding:var(--sp-3);border-bottom:1px solid var(--rule);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:0}table.data .num{font-variant-numeric:tabular-nums;text-align:right}table.data .row-actions{gap:var(--sp-2);display:flex}.warn-text{color:var(--warn)}.ok-text{color:var(--ok)}.chip{padding:2px var(--sp-3);border-radius:var(--radius-pill);background:var(--section-100);color:var(--section-700);font-size:var(--step--2);font-family:var(--font-head);font-weight:600;display:inline-block}.chips{align-items:flex-start;gap:var(--sp-2);margin:0 0 var(--sp-4);flex-wrap:wrap;display:flex}.chips .chip{margin-bottom:0}.chip-scene{border:1px solid var(--line)}.chip-tw{padding:var(--sp-1) var(--sp-3);border:1px solid var(--section-500);color:var(--text);border-radius:var(--radius-sm);text-align:left;flex-direction:column;gap:1px;line-height:1.3;display:inline-flex}.chip-tw .chip-sub{color:var(--muted);font-size:var(--step--2)}.note{margin:0 auto var(--sp-4);max-width:46ch;color:var(--muted);font-size:var(--step--1);line-height:1.45}.reveal-actions{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.eye{color:var(--muted)}table.corpus .zh .chip-tw{margin:var(--sp-2) 0 0}table.corpus .sents{margin:var(--sp-2) 0 0;gap:var(--sp-2);padding:0;list-style:none;display:grid}table.corpus .sents li{align-items:flex-start;gap:var(--sp-2);display:flex}table.corpus .sents .s-body{padding-top:var(--sp-1);flex-direction:column;gap:2px;display:flex}table.corpus .sents .s-en{font-family:var(--font-ui)}table.corpus .sents .chip{font-family:var(--font-ui);align-self:flex-start}table.corpus .note{margin:var(--sp-2) 0 0;font-family:var(--font-ui)}.unit-strip{align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-4);flex-wrap:wrap;display:flex}.story{padding:var(--sp-5) var(--sp-4) var(--sp-6)}@media (width>=640px){.story{padding:var(--sp-6)}}.story-title{margin:0 0 var(--sp-1);font-size:var(--step-2)}.story-subtitle{margin:0 0 var(--sp-5)}.story-body{gap:var(--sp-5);margin-bottom:var(--sp-5);display:grid}.story-line{padding-bottom:var(--sp-4);border-bottom:1px solid var(--rule);position:relative}.story-line:last-child{border-bottom:0}.story-line-veiled{min-height:3.5rem}.story-hanzi{font-size:var(--step-3);margin:0 0 var(--sp-2);flex-wrap:wrap;align-items:baseline;line-height:1.6;display:flex}.tok{font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;border-bottom:2px solid #0000;margin:0;padding:0 1px}.tok:hover{background:var(--section-100)}.tok-repeat{border-bottom-color:var(--border)}.tok-open{background:var(--section-100);border-bottom-color:var(--section-500)}.tok-plain{padding:0 1px}.story-phon{margin:0 0 var(--sp-1)}.story-en{font-size:var(--step--1);margin:0}.story-veil{padding:var(--sp-4) 0;margin:0}.gloss-pop{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--section-500);border-radius:var(--radius);background:var(--section-100);gap:var(--sp-2);justify-items:start;display:grid}.gloss-head{align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}.gloss-word{font-size:var(--step-2)}.gloss-en{font-size:var(--step-0)}.story-transport{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.story-question{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--rule)}.story-question h2{font-size:var(--step-1);margin-bottom:var(--sp-2)}.story-q{font-size:var(--step-1);font-weight:500}.story-options{gap:var(--sp-3);margin-bottom:var(--sp-4);display:grid}.story-option{width:100%}.story-verdict{gap:var(--sp-3);justify-items:start;display:grid}.story-verdict p{margin:0}.story-list{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.story-row{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4);flex-wrap:wrap;display:flex}.story-row-main{gap:2px;text-decoration:none;display:grid}.story-row-title{font-size:var(--step-1)}.story-row-en{font-size:var(--step--1)}.story-row-state{gap:var(--sp-1);text-align:right;justify-items:end;display:grid}.road-header{align-items:center;gap:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--sp-4);margin:0 0 var(--sp-5);z-index:10;grid-template-columns:1fr auto;display:grid;position:sticky;top:60px}@media (width<=639px){.road-header{position:static}}@media (width<=559.98px){.road-header{grid-template-columns:1fr}}.road-stats{gap:var(--sp-5);grid-area:1/1;display:flex}.road-stats .stat{min-width:4.5rem}.road-stats .n{font-family:var(--font-mono);color:var(--text);font-size:var(--step-2);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;font-weight:500;line-height:1.1}.road-stats .muted{font-size:var(--step--2)}.road-practice{grid-area:1/2;justify-self:end}@media (width<=559.98px){.road-practice{grid-area:3/1;justify-self:stretch}}.due-chips{gap:var(--sp-2);grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=419.98px){.due-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}.due-chip{justify-content:space-between;align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-3);border-radius:var(--radius-pill);font-size:var(--step--1);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);line-height:1.2;text-decoration:none;display:flex}.due-chip-mode{font-family:var(--font-head);font-weight:600}.due-chip-n{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;font-weight:500}.due-chip-work{background:var(--accent-tint);border:1px solid var(--accent-line);color:var(--accent)}.due-chip-work:hover{border-color:var(--accent)}.due-chip-clear{border:1px dashed var(--line);color:var(--muted);background:0 0}.due-chip-clear:hover{border-color:var(--muted)}.due-chip-clear-mark{display:inline-flex}.due-chip-clear-mark svg{width:16px;height:16px}.road{gap:var(--sp-6);margin:0;padding:0;list-style:none;display:grid}.strip{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--sp-5) var(--sp-4);gap:var(--sp-4);margin:0;display:grid}.strip-done{border-color:var(--accent-line)}.strip-locked{opacity:.72}.strip-top{column-gap:var(--sp-4);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.strip-top .unit-mark{grid-column:1}.strip-top .unit-head{grid-column:2}.unit-mark{justify-items:center;gap:0;line-height:1;display:grid}.unit-mark-hanzi{color:var(--text);letter-spacing:0;font-size:3.25rem;line-height:1}.unit-mark-pinyin{font-size:var(--step--1);color:var(--muted);margin-top:6px}.unit-head{gap:2px var(--sp-3);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;padding-top:4px;display:grid}.unit-id{font-family:var(--font-mono);font-size:var(--step--2);color:var(--section-700);font-variant-numeric:tabular-nums;grid-column:1}.unit-count{grid-area:1/2}.unit-name{font-family:var(--font-head);font-size:var(--step-2);letter-spacing:-.02em;grid-column:1/-1;margin:0;font-weight:700;line-height:1.15}@media (width>=640px){.strip-top{column-gap:var(--sp-5)}.unit-mark-hanzi{font-size:4.5rem}}.strip-words{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.strip-word{min-width:3.1rem;padding:var(--sp-2) var(--sp-2) 6px;border-radius:var(--radius-md);background:var(--section-100);color:var(--text);justify-items:center;gap:1px;display:grid}.strip-word .hanzi{font-size:var(--step-1);line-height:1.1}.strip-py{font-size:var(--step--2);color:var(--section-700)}.strip-locked .strip-word{background:var(--rule);color:var(--muted)}.strip-locked .strip-py{color:var(--muted)}.strip-steps{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);grid-template-columns:repeat(4,1fr);gap:4px;margin:0;padding:4px;list-style:none;display:grid}.strip-step>*{border-radius:var(--radius-pill);width:100%;min-height:40px;font:600 var(--step--1)/1.4 var(--font-head);color:var(--text-2);padding:0 var(--sp-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.strip-step svg{flex:none;width:16px;height:16px}.strip-label{text-overflow:ellipsis;white-space:nowrap;padding-bottom:1px;line-height:1.4;overflow:hidden}.strip-due{font-weight:500;font-size:var(--step--2);color:var(--muted);white-space:nowrap;flex:none}.strip-due:before{content:"·";margin-right:4px}.strip-step-done>*{color:var(--accent)}.strip-step-current>*{background:var(--accent-fill);color:var(--accent-ink)}.strip-step-current .strip-due{color:inherit;opacity:.8}.strip-step-locked>*{color:var(--muted);cursor:default}.strip-step-available>:hover{background:var(--surface);box-shadow:var(--shadow-sm)}.strip-step>:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-radius:var(--radius-pill)}@media (width<=479px){.strip-label,.strip-due{display:none}.strip-step-current .strip-label{display:inline}}.unlocks{align-items:center;gap:var(--sp-2) var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--rule);font-size:var(--step--1);color:var(--muted);flex-wrap:wrap;display:flex}.unlocks-lead{align-items:center;gap:6px;display:inline-flex}.unlocks-lead svg{width:16px;height:16px}.unlocks-open .unlocks-lead{color:var(--accent)}.unlocks-list{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.unlocks-list li a,.unlocks-list li span{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--text-2);background:var(--surface);padding:4px 10px;font-weight:600;text-decoration:none;display:inline-block}.unlocks-open .unlocks-list li a{border-color:var(--accent-line);background:var(--accent-tint);color:var(--accent)}.unlocks-open .unlocks-list li a:hover{background:var(--accent-fill);color:var(--accent-ink);border-color:var(--accent-fill)}.unlocks-list li span{color:var(--muted);border-style:dashed}.settings-links{gap:var(--sp-3);margin:0 0 var(--sp-5);flex-wrap:wrap;display:flex}.page-eyebrow{margin:0 0 var(--sp-3)}.trainer .intro{gap:var(--sp-3);flex-direction:column;display:flex}.trainer .intro .btn-primary{margin-top:var(--sp-2);align-self:flex-start}.trainer .chip-new{color:var(--section-700);border:1px solid var(--section-500);align-self:flex-start}.trainer{text-align:center}.trainer .prompt,.trainer .intro,.trainer .reveal,.trainer .intro{align-items:center}.trainer .intro .btn-primary,.trainer .chip-new{align-self:center}.trainer .chips,.trainer .speak,.trainer .grade,.trainer .practise,.trainer .reveal-actions,.trainer .charfield,.trainer .notice{justify-content:center}.trainer .chip,.trainer .note,.trainer .gloss,.trainer .sent-en,.trainer .from-intro,.trainer .intro .small,.trainer .say{margin-left:auto;margin-right:auto}.trainer .reveal-actions{justify-content:center}.trainer .reveal-actions .btn{min-height:44px}.writer{padding:var(--sp-5) var(--sp-4) var(--sp-6);text-align:center}@media (width>=640px){.writer{padding:var(--sp-6)}}.writer .write-prompt{align-items:center;gap:var(--sp-1);flex-direction:column;display:flex}.writer .chip-new{color:var(--section-700);border:1px solid var(--section-500);margin-bottom:var(--sp-2)}.writer .write-word-row{justify-content:center;align-items:center;gap:var(--sp-3);display:flex}.writer .write-word{font-size:var(--hanzi);letter-spacing:.04em;margin:0;line-height:1.15}.writer .write-word .ghost{color:var(--section-500);opacity:.5;transition:color .35s,opacity .35s}.writer .write-word .ghost.revealed{color:inherit;opacity:1}@media (prefers-reduced-motion:reduce){.writer .write-word .ghost{transition:none}}.writer .write-pinyin{font-size:var(--step-1);margin:0 auto}.writer .write-zhuyin{font-size:var(--step-0);color:var(--muted);margin:0 auto}.writer .write-en{margin:var(--sp-1) auto 0;font-size:var(--step-0)}.writer .pad-frame{min-height:200px;margin:var(--sp-5) 0 var(--sp-3);justify-content:center;align-items:center;display:flex}.writer .pad-grid{border:1px solid var(--section-500);border-radius:var(--radius-sm);background-color:var(--surface);background-image:linear-gradient(to right, transparent calc(50% - .5px), var(--rule) calc(50% - .5px), var(--rule) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), var(--rule) calc(50% - .5px), var(--rule) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom right, transparent calc(50% - .5px), var(--rule) calc(50% - .5px), var(--rule) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom left, transparent calc(50% - .5px), var(--rule) calc(50% - .5px), var(--rule) calc(50% + .5px), transparent calc(50% + .5px));touch-action:none;-webkit-user-select:none;user-select:none;flex:none;position:relative}.writer .pad-grid svg{display:block}.writer .pad-writer{width:100%;height:100%}.writer .pad-guides{pointer-events:none;position:absolute;inset:0;overflow:visible}.writer .guide-badge{fill:var(--section-500)}.writer .guide-number{fill:var(--section-ink);font-variant-numeric:lining-nums;font-weight:700}.writer .guide-shaft{stroke:var(--section-500)}.writer .guide-head{fill:var(--section-500)}.writer .guide-next .guide-shaft{stroke-width:3px}.writer .guide-later{opacity:.5}.writer .guide-later .guide-shaft{stroke-width:2px}.writer .write-count{font-family:var(--font-mono);font-size:var(--step--1);font-variant-numeric:tabular-nums lining-nums;margin:0 auto}.writer .write-slips{color:var(--warn)}.writer .write-actions{justify-content:center;gap:var(--sp-3);margin-top:var(--sp-4);display:flex}.writer .write-fail{align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0;flex-direction:column;display:flex}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.writer .pad-frame.shake{animation:.32s ease-in-out shake}.writer .pad-frame.shake .pad-grid{border-color:var(--warn-fill)}.credits{margin-top:var(--sp-6)}.credits p{margin:0}.pinyin{padding:var(--sp-5) var(--sp-4) var(--sp-6);text-align:center}@media (width>=640px){.pinyin{padding:var(--sp-6)}}.pinyin .pinyin-mode{margin-bottom:var(--sp-2);justify-content:flex-end;display:flex}.switch{align-items:center;gap:var(--sp-2);min-height:36px;padding:0 var(--sp-2);color:var(--muted);font:inherit;font-size:var(--step--1);cursor:pointer;background:0 0;border:0;display:inline-flex}.switch-label{transition:color .12s}.switch-label.current{color:var(--section-700);font-weight:700}.switch-track{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--rule);width:44px;height:24px;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);flex:none;position:relative}.switch.on .switch-track{background:var(--section-100);border-color:var(--section-500)}.switch-knob{background:var(--muted);width:16px;height:16px;transition:transform var(--dur) var(--ease), background-color var(--dur) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch.on .switch-knob{background:var(--section-500);transform:translate(20px)}@media (prefers-reduced-motion:reduce){.switch-knob,.switch-track,.switch-label{transition:none}}.pinyin .pinyin-hint{margin:0 auto var(--sp-4);text-align:center;max-width:34ch}.pinyin .pinyin-prompt{align-items:center;gap:var(--sp-1);flex-direction:column;display:flex}.pinyin .chip-new{color:var(--section-700);border:1px solid var(--section-500);margin-bottom:var(--sp-2)}.pinyin .pinyin-word-row{justify-content:center;align-items:center;gap:var(--sp-3);display:flex}.pinyin .pinyin-word{font-size:var(--hanzi);letter-spacing:.04em;margin:0;line-height:1.15}.pinyin .pinyin-slots{gap:var(--sp-3);margin:var(--sp-5) auto var(--sp-4);grid-auto-columns:minmax(0,6.5rem);grid-auto-flow:column;justify-content:center;max-width:28rem;display:grid}.pinyin .slot{min-height:2rem;padding:0 2px var(--sp-1);border-bottom:2px solid var(--line);font-size:var(--step-1);white-space:nowrap;text-overflow:ellipsis;line-height:1.6;transition:border-color .12s,color .12s;overflow:hidden}.pinyin .slot-typed{color:var(--text);border-bottom-color:var(--section-500)}.pinyin .slot-ok{color:var(--ok);border-bottom-color:var(--ok-fill)}.pinyin .slot-tone{color:var(--tone);border-bottom-color:var(--tone-fill)}.pinyin .slot-wrong{color:var(--warn);border-bottom-color:var(--warn-fill)}.pinyin .slot-extra{border-bottom-style:dashed}@media (prefers-reduced-motion:reduce){.pinyin .slot{transition:none}}.pinyin .pinyin-input{width:100%;max-width:20rem;min-height:48px;padding:0 var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:var(--step-1);text-align:center;margin:0 auto;display:block}.pinyin .pinyin-input:hover{border-color:var(--accent)}.pinyin .pinyin-input:disabled{opacity:.6}.pinyin .tone-bar{gap:var(--sp-1);max-width:26rem;margin:var(--sp-3) auto 0;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));display:grid}.pinyin .btn-tone{min-height:40px;font-size:var(--step-1);font-family:var(--font-ui);border-radius:var(--radius-sm);padding:0}.pinyin .btn-tone-alt{background:var(--rule)}.pinyin .btn-tone-alt:hover{background:var(--section-100)}.pinyin .pinyin-actions{justify-content:center;gap:var(--sp-3);margin-top:var(--sp-5);display:flex}.pinyin .pinyin-result{margin:var(--sp-5) auto 0;font-family:var(--font-head);font-size:var(--step-0);font-weight:700}.pinyin .result-correct{color:var(--ok)}.pinyin .result-tones{color:var(--tone)}.pinyin .result-wrong{color:var(--warn)}.pinyin .pinyin-reveal{margin-top:var(--sp-3)}.pinyin .pinyin-answer{font-size:var(--step-2);margin:0 auto;font-weight:600}.pinyin .pinyin-en{margin:var(--sp-1) auto 0;font-size:var(--step-0)}.remember{padding:var(--sp-5) var(--sp-4) var(--sp-6);text-align:center}@media (width>=640px){.remember{padding:var(--sp-6)}}.remember .remember-prompt{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.remember .chip-new{color:var(--section-700);border:1px solid var(--section-500);margin-bottom:var(--sp-2)}.remember .remember-ask{margin:0 auto}.remember .remember-en{margin:0 auto var(--sp-2);font-size:var(--step-1);font-weight:600}.hook-story{max-width:26ch;font-size:var(--step-2);letter-spacing:-.01em;margin:0 auto;line-height:1.35}.hook-key{color:var(--section-700);font-weight:700}.remember .chip-tone{margin:var(--sp-3) auto 0;color:var(--tone);background:var(--tone-tint);border:1px solid var(--tone-line)}.remember .remember-actions{justify-content:center;gap:var(--sp-3);margin-top:var(--sp-6);display:flex}.remember .remember-reveal{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--rule)}.remember .remember-word-row{justify-content:center;align-items:center;gap:var(--sp-3);display:flex}.remember .remember-word{font-size:var(--hanzi);letter-spacing:.04em;margin:0;line-height:1.15}.remember .remember-pinyin{margin:var(--sp-1) auto 0;font-size:var(--step-1)}.remember-start h1{margin-bottom:var(--sp-2)}.remember-counts{gap:var(--sp-5);margin:var(--sp-4) 0 var(--sp-5);flex-wrap:wrap;display:flex}.remember-count b{font-family:var(--font-mono);font-size:var(--step-2);font-variant-numeric:tabular-nums lining-nums;font-weight:500}.remember-count{color:var(--muted);font-size:var(--step--1);align-items:baseline;gap:var(--sp-2);display:flex}.hooks{margin-top:var(--sp-7)}.hooks-title{font-size:var(--step-1);margin-bottom:var(--sp-1)}.hooks-unit{margin-top:var(--sp-3);padding:0}.hooks-unit summary{align-items:baseline;gap:var(--sp-2) var(--sp-3);padding:var(--sp-4);cursor:pointer;border-radius:var(--radius);flex-wrap:wrap;display:flex}.hooks-unit summary::-webkit-details-marker{display:none}.hooks-unit summary::marker{content:""}.hooks-unit summary:hover{background:var(--rule)}.hooks-unit-id{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--step--2);color:var(--section-700);text-transform:uppercase;letter-spacing:.16em}.hooks-unit-name{font-weight:600}.hooks-unit-count{margin-left:auto}.hooks-list{padding:0 var(--sp-4) var(--sp-4);gap:var(--sp-1);margin:0;list-style:none;display:grid}.hooks-row{align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) 0;border-top:1px solid var(--rule);grid-template-columns:minmax(3.4rem,auto) 1rem minmax(0,1fr) auto;display:grid}.hooks-word{align-content:start;gap:2px;display:grid}.hooks-hanzi{font-size:var(--step-1);line-height:1.15}.hooks-pinyin{font-size:var(--step--2);white-space:nowrap;line-height:1.2}.hooks-arrow{color:var(--muted)}.hooks-keys{color:var(--section-700);font-weight:700}.hooks-en{grid-column:3}.hooks-edit{grid-area:1/-2/auto/-1;place-self:center end}.hooks-editor{grid-column:1/-1}@media (width>=560px){.hooks-row{grid-template-columns:minmax(4.5rem,auto) 1rem 12rem minmax(0,1fr) auto}.hooks-en{grid-column:4}}.btn-icon{border-radius:var(--radius-pill);min-width:36px;min-height:36px;color:var(--muted);background:0 0;padding:0}.btn-icon:hover{color:var(--section-700);background:var(--section-100);border-color:var(--section-500)}.icon-pencil{display:block}.remember .remember-edit{margin-top:var(--sp-2)}.chip-edited{margin-left:var(--sp-2);padding:0 var(--sp-2);border:1px solid var(--line);color:var(--muted);font-weight:600;font-size:var(--step--2);vertical-align:middle;background:0 0}.hook-editor{margin:var(--sp-4) 0 0;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);text-align:left}.remember .hook-editor{margin-top:var(--sp-5)}.hook-editor-title{margin:0 0 var(--sp-1);font-family:var(--font-head);font-weight:700}.hook-editor-hint{margin:0 0 var(--sp-4)}.hook-label{margin:0 0 var(--sp-2);font-family:var(--font-head);font-size:var(--step--1);color:var(--text-2);padding:0;font-weight:600;display:block}.hook-keys{gap:var(--sp-2);margin:0 0 var(--sp-4);border:0;flex-wrap:wrap;padding:0;display:flex}.hook-keys .hook-label{flex-basis:100%}.hook-key-input{min-width:6rem;min-height:48px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:var(--step-0);letter-spacing:.04em;text-transform:uppercase;flex:0 10rem;font-weight:700}.hook-story-input{width:100%;min-height:5.5rem;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:var(--step-0);resize:vertical;line-height:1.5;display:block}.hook-key-input:hover,.hook-story-input:hover{border-color:var(--accent)}.hook-key-input:disabled,.hook-story-input:disabled{opacity:.6}.hook-count{margin:var(--sp-2) 0 0;font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}.hook-count-over{color:var(--warn);font-weight:700}.hook-errors{margin:var(--sp-3) 0 0;padding:var(--sp-3) var(--sp-4);border-left:4px solid var(--warn-fill);border-radius:var(--radius-sm);background:var(--warn-tint);color:var(--warn);font-size:var(--step--1);list-style:none}.hook-errors li+li{margin-top:var(--sp-1)}.hook-actions{gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.hook-reset{color:var(--muted);margin-left:auto}.hook-reset-confirm{color:var(--warn);border-color:var(--warn-line);background:var(--warn-tint);font-weight:700}.radical-progress{font-size:var(--step-0);margin-bottom:var(--sp-5)}.radical-progress b{font-family:var(--font-mono);font-size:var(--step-2);font-variant-numeric:tabular-nums lining-nums;font-weight:500}.radical-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:0;padding:0;list-style:none;display:grid}.radical-tile>a,.radical-tile>div{gap:var(--sp-1);height:100%;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text-2);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);text-decoration:none;display:grid}.radical-tile>a:hover{border-color:var(--section-500);box-shadow:var(--shadow-md);transform:translateY(-3px)}.radical-tile-locked>div{background:var(--bg);color:var(--muted);border-style:dashed}.radical-form{font-size:var(--step-3);color:var(--text);line-height:1.1}.radical-variants{color:var(--muted);font-size:var(--step-0);min-height:1.5em}.radical-en{font-family:var(--font-head);color:var(--text);font-weight:700}.radical-hint{line-height:1.35}.radical-counts{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}.radical-unlock{margin-top:var(--sp-2)}@media (prefers-reduced-motion:reduce){.radical-tile>a{transition:none}}.radical-head{align-items:flex-start;gap:var(--sp-5);margin-bottom:var(--sp-6);display:flex}.radical-head-form{font-size:var(--hanzi);margin:0;line-height:1}.radical-head-text{min-width:0}.radical-head-text h1{margin-bottom:var(--sp-1);font-size:var(--step-2)}.radical-head-text p{margin:0 0 var(--sp-2)}.radical-head-hint{font-size:var(--step-0)}.radical-section{font-size:var(--step-1)}.radical-chars{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.radical-char{align-items:flex-start;gap:var(--sp-4);display:flex}.radical-char-unmet{border-style:dashed}.radical-char-unmet .radical-char-form,.radical-char-unmet .radical-char-how{color:var(--muted)}.radical-char-form{font-size:var(--step-3);line-height:1.1}.radical-char-text{flex:1;min-width:0}.radical-char-how{margin:0 0 var(--sp-2)}.radical-char-parts{margin:0 0 var(--sp-2);align-items:baseline;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.radical-decomp{font-size:var(--step-0)}.radical-char-gloss{gap:var(--sp-1) var(--sp-3);padding-left:var(--sp-3);border-left:1px solid var(--rule);flex-wrap:wrap;display:flex}.radical-decomp+.radical-char-gloss{margin-left:0}.radical-char-parts>.radical-char-gloss:first-child{border-left:0;padding-left:0}.radical-char-tags{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;margin:0;display:flex}.radical-char-tags .chip{margin:0}.chip-type{border:1px solid var(--line);color:var(--text-2)}.guess-entry{margin:0 0 var(--sp-6);border-color:var(--section-500);background:var(--section-100)}.guess-entry h2{font-size:var(--step-1);margin-bottom:var(--sp-2)}.guess-entry p{margin:0 0 var(--sp-4)}.guess-entry-wait{margin:0}.guess{padding:var(--sp-5) var(--sp-4) var(--sp-6);text-align:center}@media (width>=640px){.guess{padding:var(--sp-6)}}.guess .guess-char{margin:var(--sp-5) 0 var(--sp-4);font-size:var(--hanzi);color:var(--text);line-height:1.1}.guess-parts{margin:0 0 var(--sp-5)}.guess-parts .eyebrow{margin-bottom:var(--sp-3)}.guess-part-list{justify-content:center;gap:var(--sp-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.guess-part{align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--section-500);border-radius:var(--radius-pill);background:var(--section-100);display:inline-flex}.guess-part-form{font-size:var(--step-2);color:var(--text);line-height:1.2}.guess-part-gloss{font-family:var(--font-head);font-weight:600;font-size:var(--step-0);color:var(--section-700)}.guess .guess-question{font-size:var(--step-1);margin-bottom:var(--sp-4)}.guess-options{gap:var(--sp-3);margin-bottom:var(--sp-4);display:grid}.guess-option{width:100%;min-height:52px;padding:var(--sp-3) var(--sp-4);height:auto;line-height:1.35}.guess-option-spent{opacity:.55}.guess-choose{margin:0}.guess-reveal{gap:var(--sp-3);animation:guess-reveal .24s var(--ease) both;justify-items:center;display:grid}.guess-reveal p{margin:0}.guess-sound{justify-content:center;align-items:center;gap:var(--sp-3);display:flex}.guess-pinyin{font-size:var(--step-1);color:var(--text)}.guess-how{max-width:40ch;font-size:var(--step-0);line-height:1.45}.guess-answer{color:var(--text);font-weight:600}.guess-next{margin-top:var(--sp-2)}@keyframes guess-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.guess-reveal{animation:none}}.guess-summary .guess-score{font-family:var(--font-mono);font-size:var(--step-2);color:var(--section-700);font-variant-numeric:tabular-nums lining-nums;margin:0 0 var(--sp-3);font-weight:500}.writer .write-how{margin:var(--sp-4) auto 0;max-width:40ch;font-size:var(--step--1);line-height:1.4}.writer .write-meaning{margin:var(--sp-5) auto 0;max-width:40ch}.writer .write-meaning-q{margin:0 0 var(--sp-3);font-family:var(--font-head);font-weight:600;font-size:var(--step-0);color:var(--text)}.writer .write-meaning-parts{justify-content:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.writer .write-part{min-width:64px;padding:0 var(--sp-4);font-size:var(--step-1)}.writer .write-part .hanzi{line-height:1.2}.writer .write-part-spent{opacity:.55}.writer .write-meaning-reveal{animation:guess-reveal .24s var(--ease) both}.writer .write-meaning-reveal>p:first-child{margin:var(--sp-4) 0 0;font-size:var(--step--1)}.writer .write-meaning-reveal .write-how{margin-top:var(--sp-2)}@media (prefers-reduced-motion:reduce){.writer .write-meaning-reveal{animation:none}}.progress-card{margin:0 0 var(--sp-5)}.progress-card h2{font-size:var(--step-1);margin-bottom:var(--sp-2)}.progress-hint{margin:0 0 var(--sp-4)}.progress-empty{margin:var(--sp-4) 0 0}.coverage{gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}.coverage-row{gap:var(--sp-2) var(--sp-4);grid-template-columns:1fr auto;align-items:baseline;display:grid}.coverage-label{font-family:var(--font-head);color:var(--text);font-weight:600}.coverage-count{font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums lining-nums}.coverage-count b{color:var(--text);font-weight:500}.bar-track{border-radius:var(--radius-pill);background:var(--rule);grid-column:1/-1;height:8px;overflow:hidden}.bar-fill{height:100%;width:var(--fill);border-radius:var(--radius-pill);background:var(--section-500);transform-origin:0;min-width:0;animation:bar-grow .6s var(--ease) both;display:block}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.coverage-bands{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--rule)}.coverage-bands-hint{margin:var(--sp-3) 0 0}.recall{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recall-window{padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-md)}.recall-when{margin-bottom:var(--sp-1)}.recall-figure{font-family:var(--font-mono);font-size:var(--step-3);color:var(--section-700);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.03em;font-weight:500;line-height:1.05}.recall-early{font-family:var(--font-head);font-size:var(--step-1);color:var(--muted);line-height:1.3}.recall-reviews{margin-top:var(--sp-1);font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}.heatmap-scroll{overflow-x:auto}.heatmap{gap:3px;min-width:15rem;max-width:32rem;display:flex}.heatmap-week{flex:1 1 0;grid-template-rows:repeat(7,1fr);gap:3px;display:grid}.heat{aspect-ratio:1;background:var(--rule);border-radius:3px;display:block}.heat-1{background:color-mix(in srgb, var(--section-500) 20%, var(--section-100))}.heat-2{background:color-mix(in srgb, var(--section-500) 40%, var(--section-100))}.heat-3{background:color-mix(in srgb, var(--section-500) 60%, var(--section-100))}.heat-4{background:color-mix(in srgb, var(--section-500) 80%, var(--section-100))}.heat-5{background:var(--section-500)}.heat-legend{align-items:center;gap:var(--sp-1);margin:var(--sp-4) 0 0;max-width:32rem;display:flex}.heat-legend .heat{aspect-ratio:auto;width:12px;height:12px}.heat-legend span:first-child{margin-right:var(--sp-1)}.heat-legend span:last-child{margin-left:var(--sp-1)}.forecast-wrap{gap:var(--sp-4);grid-template-columns:1fr auto;align-items:end;display:grid}.forecast{gap:var(--sp-1);grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;margin:0;padding:0;list-style:none;display:grid}.forecast-later{padding-left:var(--sp-4);border-left:1px solid var(--line);gap:var(--sp-1);text-align:center;justify-items:center;margin:0;display:grid}.forecast-later-n{font-family:var(--font-mono);font-size:var(--step-2);color:var(--section-700);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;font-weight:500;line-height:1.1}.forecast-col{gap:var(--sp-1);grid-template-rows:auto 96px auto;justify-items:center;display:grid}.forecast-n{font-family:var(--font-mono);font-size:var(--step--2);color:var(--text-2);font-variant-numeric:tabular-nums lining-nums}.forecast-bar{width:100%;max-width:28px;height:var(--height);border-radius:var(--radius-sm) var(--radius-sm) 2px 2px;background:var(--section-500);transform-origin:bottom;min-height:2px;animation:bar-rise .6s var(--ease) both;align-self:end}.forecast-day{font-size:var(--step--2);text-align:center;white-space:nowrap}@keyframes bar-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.study-time{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.time-figure{font-family:var(--font-mono);font-size:var(--step-2);color:var(--text);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;font-weight:500;line-height:1.1}@media (prefers-reduced-motion:reduce){.bar-fill,.forecast-bar{animation:none}}.sleep-lede{margin:calc(var(--sp-2) * -1) 0 0;max-width:62ch}.sleep-rows{gap:var(--sp-1);margin:0;padding:0;list-style:none;display:grid}.sleep-row{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:44px;padding:var(--sp-1) 0;border-bottom:1px solid var(--rule);display:flex}.sleep-row:last-child{border-bottom:0}.sleep-mode{font-family:var(--font-head);color:var(--text);font-weight:600}.sleep-row .switch{padding-right:0}.due-chip-asleep{color:var(--muted);border:1px dashed var(--line);background-color:var(--surface);background-image:repeating-linear-gradient(45deg, var(--line) 0 1px, transparent 1px 7px);position:relative}.due-chip-asleep:hover{border-color:var(--muted)}.due-chip-asleep .due-chip-mode{font-weight:600}.zzz{top:-9px;right:var(--sp-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);height:18px;color:var(--muted);font-family:var(--font-head);font-size:var(--step--2);letter-spacing:.02em;align-items:center;padding:0 6px;font-weight:700;line-height:1;display:inline-flex;position:absolute}.unlocks-list li.unlock-asleep a,.unlocks-list li.unlock-asleep span{color:var(--muted);border-color:var(--line);background-color:var(--surface);background-image:repeating-linear-gradient(45deg, var(--line) 0 1px, transparent 1px 7px);border-style:dashed;position:relative}.unlocks-open .unlocks-list li.unlock-asleep a:hover{background-color:var(--surface);color:var(--text-2);border-color:var(--muted)}.unlock-asleep .zzz{height:16px;padding:0 5px;top:-9px;right:-6px}.asleep-banner{justify-content:space-between;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-4);padding:var(--sp-4);border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:var(--radius-md);background-color:var(--surface);background-image:repeating-linear-gradient(45deg, var(--line) 0 1px, transparent 1px 9px);flex-wrap:wrap;display:flex}.asleep-said{gap:2px;min-width:0;display:grid}.asleep-title{font-family:var(--font-head);color:var(--text);margin:0;font-weight:700}.asleep-body{max-width:52ch;margin:0}.asleep-banner .btn{flex:none}.catchup{margin:0 0 var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--accent-line);border-radius:var(--radius-md);background:var(--accent-tint);color:var(--accent);font-size:var(--step--1);text-align:left}.progress-asleep{align-items:center;gap:var(--sp-2);margin:var(--sp-4) 0 0;flex-wrap:wrap;display:flex}.progress-asleep .zzz{position:static}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.revise-card{margin:0 0 var(--sp-4)}.revise-card h2{margin:0 0 var(--sp-1);font-size:var(--step-1)}.revise-hint{margin:0 0 var(--sp-4)}.revise-modes{gap:var(--sp-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.revise-mode{position:relative}.revise-mode input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.revise-mode span{min-height:44px;padding:0 var(--sp-5);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-2);font-family:var(--font-head);font-size:var(--step--1);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.revise-mode input:hover+span{border-color:var(--accent-line);background:var(--accent-tint)}.revise-mode input:checked+span{background:var(--accent-tint);border-color:var(--accent);color:var(--accent)}.revise-mode input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.revise-bulk{align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-4);flex-wrap:wrap;display:flex}.revise-range{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.revise-range-field{align-items:center;gap:var(--sp-2);font-family:var(--font-head);font-size:var(--step--2);color:var(--muted);font-weight:600;display:inline-flex}.revise-range-field input{width:4.5rem;min-height:40px;padding:0 var(--sp-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:var(--step--1);text-align:center}.revise-range-field input:hover{border-color:var(--accent)}.revise-filters{gap:var(--sp-3);margin:0 0 var(--sp-5);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--rule);display:grid}.revise-filters legend{padding:0 var(--sp-2);margin-left:calc(var(--sp-2) * -1)}.revise-filter{align-items:flex-start;gap:var(--sp-3);cursor:pointer;display:flex}.revise-filter input{width:20px;height:20px;accent-color:var(--accent-fill);flex:none;margin:2px 0 0}.revise-filter>span{font-family:var(--font-head);font-size:var(--step--1);color:var(--text);gap:2px;font-weight:600;display:grid}.revise-filter>span .small{font-weight:400}.revise-units{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.revise-unit label{align-items:center;column-gap:var(--sp-3);min-height:52px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);grid-template-columns:auto 1fr;row-gap:0;display:grid}.revise-unit label:hover{border-color:var(--accent-line);background:var(--accent-tint)}.revise-unit input{width:20px;height:20px;accent-color:var(--accent-fill);grid-row:1/span 2;margin:0}.revise-unit-name{font-family:var(--font-head);font-size:var(--step--1);color:var(--text);font-weight:700}.revise-unit-note{font-variant-numeric:tabular-nums}.revise-unit label:has(input:checked){border-color:var(--accent);background:var(--accent-tint)}.revise-unit label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.revise-unit-off label{cursor:default;background-color:var(--surface);background-image:repeating-linear-gradient(45deg, var(--line) 0 1px, transparent 1px 7px);border-style:dashed}.revise-unit-off label:hover{border-color:var(--line);background-color:var(--surface)}.revise-unit-off .revise-unit-name{color:var(--muted);font-weight:600}.revise-empty{gap:var(--sp-3);justify-items:start;display:grid}.revise-empty[hidden],.revise-units[hidden]{display:none}.revise-empty p{margin:0}.revise-go[hidden]{display:none}.revise-go{z-index:1;justify-content:space-between;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0 0;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.revise-count{font-family:var(--font-head);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.revise-go .btn{flex:none}.revising{align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px dashed var(--line);border-radius:var(--radius-md);background:var(--rule);color:var(--text-2);font-size:var(--step--1);text-align:left;display:flex}.revising:before{content:"";background:var(--section-500);border-radius:50%;flex:none;width:8px;height:8px}.progress-free{margin:var(--sp-3) 0 0}.g-bar{align-items:center;gap:var(--sp-3) var(--sp-4);margin:0 0 var(--sp-5);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);z-index:10;grid-template-columns:auto minmax(0,1fr);display:grid;position:sticky;top:60px}@media (width<=639px){.g-bar{grid-template-columns:minmax(0,1fr);position:static}}.g-count{font-family:var(--font-mono);font-size:var(--step--1);font-variant-numeric:tabular-nums lining-nums;color:var(--section-700);white-space:nowrap;margin:0;font-weight:500}.g-search{display:block}.g-search input{width:100%;min-height:40px;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--canvas);color:var(--text);font:inherit;font-size:var(--step--1)}.g-toggles{gap:var(--sp-2) var(--sp-5);flex-wrap:wrap;grid-column:1/-1;display:flex}.g-toggle{align-items:center;gap:var(--sp-2);font-size:var(--step--1);color:var(--text-2);display:flex}.g-matches{grid-column:1/-1;margin:0}.g-matches[hidden]{display:none}.g-empty{gap:var(--sp-3);margin-bottom:var(--sp-5);justify-items:start;display:grid}.g-empty p{margin:0}.g-unit[hidden]{display:none}.g-unit{scroll-margin-top:128px}.g-unit-card{margin-top:var(--sp-3);padding:0}.g-unit-head{align-items:baseline;gap:var(--sp-2) var(--sp-3);padding:var(--sp-4);cursor:pointer;border-radius:var(--radius);flex-wrap:wrap;display:flex}.g-unit-head::-webkit-details-marker{display:none}.g-unit-head::marker{content:""}.g-unit-head:hover{background:var(--rule)}.g-unit-id{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--step--2);color:var(--section-700);text-transform:uppercase;letter-spacing:.16em}.g-unit-name{font-weight:600}.g-unit-count{margin-left:auto}.g-list{padding:0 var(--sp-4) var(--sp-4);margin:0;list-style:none;display:grid}.g-row{border-top:1px solid var(--rule)}.g-row[hidden]{display:none}.g-item>summary{align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-3) 0;cursor:pointer;border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto minmax(6rem,14rem) 8px;display:grid}.g-item>summary::-webkit-details-marker{display:none}.g-item>summary::marker{content:""}.g-item>summary:hover .g-hanzi{color:var(--section-700)}.g-word{gap:2px;min-width:0;display:grid}.g-hanzi{font-size:var(--step-2);line-height:1.2}.g-pinyin{font-size:var(--step--2);line-height:1.3}.g-hide-pinyin .g-pinyin{display:none}.g-en{text-align:right;font-size:var(--step--1);color:var(--text-2);grid-column:3;justify-self:end}@media (width<=559.98px){.g-item>summary{grid-template-columns:minmax(0,1fr) auto 8px}.g-en{text-align:left;grid-area:2/1/auto/-1;justify-self:start}}.g-play{flex:none}.g-due{background:var(--section-500);border-radius:50%;grid-area:1/4;align-self:center;width:8px;height:8px}.g-sents{margin:0 0 var(--sp-3);padding:0 0 0 var(--sp-3);gap:var(--sp-3);border-left:2px solid var(--section-100);list-style:none;display:grid}.g-sent,.g-pattern-example{align-items:start;gap:var(--sp-3);display:flex}.g-sent-body{gap:2px;min-width:0;display:grid}.g-sent-hanzi{font-size:var(--step-1);line-height:1.35}.g-sent-en{font-size:var(--step--1);color:var(--text-2)}.g-row-masked{align-items:center;min-height:0;padding:7px 0;display:flex}.g-skel{gap:var(--sp-2);display:flex}.g-skel-bar{background:var(--rule);border-radius:5px;width:1.15rem;height:1.15rem;display:block}.g-unit[data-learned="0"] .g-unit-name,.g-unit[data-learned="0"] .g-unit-id{color:var(--muted)}.g-grammar{margin-top:var(--sp-7)}.g-grammar[hidden]{display:none}.g-grammar h2{margin-bottom:var(--sp-1);font-size:var(--step-1)}.g-patterns{margin:var(--sp-4) 0 0;gap:var(--sp-3);padding:0;list-style:none;display:grid}.g-pattern{gap:var(--sp-2);justify-items:start;display:grid}.g-pattern-frame{font-size:var(--step-1);line-height:1.3}.g-pattern-en{font-weight:600}.g-pattern-note{font-size:var(--step--1);color:var(--text-2);margin:0}.g-pattern-examples{padding:var(--sp-3) 0 0;align-self:stretch;gap:var(--sp-3);border-top:1px solid var(--rule);width:100%;margin:0;list-style:none;display:grid}.g-grammar-more{margin-top:var(--sp-4)}.reader{gap:var(--sp-5);display:grid}.r-controls{gap:var(--sp-4);display:grid}.r-field{font-family:var(--font-head);font-weight:600;font-size:var(--step--1);color:var(--text-2);display:block}.r-field>span{margin-bottom:var(--sp-2);display:block}.r-field input,.r-field select,.r-field textarea{width:100%;min-height:48px;font:inherit;font-family:var(--font-ui);font-weight:400;font-size:var(--step-0);color:var(--text);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);display:block}.r-field textarea{resize:vertical;min-height:6rem;line-height:1.5}.r-field input:disabled,.r-field select:disabled,.r-field textarea:disabled{opacity:.55;cursor:not-allowed}.r-or{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}.r-row{gap:var(--sp-4);display:grid}@media (width>=560px){.r-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=720px){.r-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=560px){.r-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.r-hint{max-width:60ch;margin:0}.r-hint-warn{color:var(--warn)}.r-field-rate input[type=range]{width:100%;accent-color:var(--section-500);padding:0}.r-field-rate>span.r-rate-scale{justify-content:space-between;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--step--2);color:var(--muted);margin:2px 0 0;font-weight:400;display:flex}.r-rate-scale b{color:var(--text-2);font-variant-numeric:tabular-nums}.r-actions{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.r-check{align-items:center;gap:var(--sp-2);font-family:var(--font-head);font-weight:600;font-size:var(--step--1);color:var(--text-2);display:inline-flex}.r-check input{width:20px;height:20px;accent-color:var(--accent-fill)}.r-notice{padding:var(--sp-3) var(--sp-4);border:1px solid var(--section-500);border-radius:var(--radius-md);background:var(--section-100);color:var(--text);font-size:var(--step--1);margin:0}.r-notice-warn{border-color:var(--warn-line);background:var(--warn-tint)}.r-balance{align-items:baseline;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--step--1);font-variant-numeric:tabular-nums lining-nums;color:var(--text-2);flex-wrap:wrap;margin:0;display:flex}.r-balance b{color:var(--text);font-weight:500}.r-gate{gap:var(--sp-2);display:grid}.r-gate h2{font-size:var(--step-1);margin:0}.r-gate p{max-width:60ch;color:var(--text-2);margin:0}.r-article{gap:var(--sp-4);display:grid}.r-article-head{gap:var(--sp-2);display:grid}.r-article-head h2{font-size:var(--step-2);font-family:var(--font-cjk);margin:0;line-height:1.3}.r-source{font-size:var(--step--1);color:var(--text-2);margin:0}.r-source a{color:inherit}.r-badges{gap:var(--sp-2);flex-wrap:wrap;margin:0;display:flex}.r-chip{padding:2px var(--sp-3);border-radius:var(--radius-pill);background:var(--section-100);color:var(--section-700);font-family:var(--font-head);font-size:var(--step--2);margin:0;font-weight:600;display:inline-block}.r-chip-ok{background:var(--ok-tint);color:var(--ok)}.r-chip-warn{background:var(--warn-tint);color:var(--warn)}.r-chip-out-of-band{background:var(--tone-tint);color:var(--tone)}.r-chip-mainland{background:var(--warn-tint);color:var(--warn)}.r-chip-proper,.r-chip-in-band{background:var(--section-100);color:var(--section-700)}.r-sentence{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) 0;border-bottom:1px solid var(--rule);display:flex}.r-sentence.is-playing{background:var(--section-100);box-shadow:inset 3px 0 0 var(--section-500);border-radius:var(--radius-sm)}.r-read-aloud{margin:0}.r-sentence-body{flex:auto;min-width:0}.r-zh{font-family:var(--font-cjk);font-size:var(--step-2);ruby-position:over;margin:0;line-height:2.1}.r-zh rt{font-family:var(--font-ui);color:var(--muted);font-size:.42em;font-weight:400}.r-punct{font-family:var(--font-cjk)}.r-w{color:inherit;font:inherit;cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:4px;margin:0;padding:0 1px;text-decoration:none}.r-w:hover{background:var(--section-100)}.r-out-of-band{box-shadow:inset 0 -2px 0 var(--tone-fill)}.r-mainland{box-shadow:inset 0 -2px 0 var(--warn-fill)}.r-en{margin:var(--sp-1) 0 0;font-size:var(--step--1);color:var(--text-2);max-width:62ch}.r-play{font-size:var(--step--1);flex:none}.r-glossary h3{margin:0 0 var(--sp-3);font-size:var(--step-1)}.r-glossary ul{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.r-glossary li{align-items:baseline;gap:var(--sp-2);font-size:var(--step--1);flex-wrap:wrap;display:flex}.r-glossary li b{font-family:var(--font-cjk);font-size:var(--step-1);font-weight:500}.r-gloss-pron{color:var(--muted);font-family:var(--font-mono);font-size:var(--step--2)}.r-exports{gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.r-credit{max-width:62ch;margin:0}.r-drawer{gap:var(--sp-3);z-index:20;left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);max-width:640px;max-height:60vh;box-shadow:var(--shadow-lg);margin-inline:auto;display:grid;position:fixed;overflow-y:auto}.r-drawer-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.r-drawer .r-chip{justify-self:start}.r-drawer-word{font-family:var(--font-cjk);font-size:var(--step-3);margin:0;line-height:1.2}.r-drawer-pron{margin:var(--sp-1) 0 0;font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-2)}.r-defs{gap:var(--sp-1);font-size:var(--step--1);margin:0;padding-left:1.2em;display:grid}.r-drawer-ctx{padding-top:var(--sp-3);border-top:1px solid var(--rule);font-family:var(--font-cjk);font-size:var(--step-0);color:var(--text-2);margin:0}.r-saved h2{margin:0 0 var(--sp-3);font-size:var(--step-1)}.r-saved-list{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.r-saved-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);display:flex}.r-saved-thumb{object-fit:contain;border-radius:var(--radius-md);background:var(--rule);flex:none;width:104px;height:auto;max-height:72px}@media (width<=559px){.r-saved-thumb{width:80px;max-height:56px}}.r-saved-item.is-current{border-color:var(--section-500);background:var(--section-100)}.r-saved-open{text-align:left;min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:auto;gap:2px;padding:0;display:grid}.r-saved-zh{font-family:var(--font-cjk);font-size:var(--step-1)}.r-saved-en{font-size:var(--step--1);color:var(--text-2)}.r-summary{max-width:62ch;font-size:var(--step-0);color:var(--text-2);margin:0;line-height:1.55}.r-summary b{color:var(--text);font-family:var(--font-head)}.r-summary b:after{content:": "}.r-src{align-items:center;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--rule);margin:0;display:flex}.r-src-img{object-fit:contain;border-radius:var(--radius-sm);background:var(--rule);flex:none;width:96px;height:auto;max-height:72px}.r-src-meta{align-items:baseline;gap:var(--sp-1) var(--sp-2);min-width:0;font-size:var(--step--1);color:var(--muted);flex-wrap:wrap;display:flex}.r-src-name{color:var(--text);font-family:var(--font-head);font-weight:600}.r-src-link{color:var(--section-700)}@media (width>=560px){.r-src-img{width:128px;max-height:96px}}.r-dialog{background:var(--bg);width:100%;max-width:none;height:100%;max-height:none;color:var(--text);overscroll-behavior:contain;border:0;border-radius:0;flex-direction:column;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.r-dialog-body{flex:auto;min-height:0;overflow-y:auto}.r-dialog::backdrop{background:var(--scrim)}.r-dialog-body{box-sizing:border-box;width:100%;max-width:820px;padding:var(--sp-3) var(--sp-4) var(--sp-7);gap:var(--sp-5);flex-direction:column;margin-inline:auto;display:flex;position:relative}.r-dialog-close{top:var(--sp-2);right:var(--sp-2);z-index:3;background:var(--surface);border:1px solid var(--line);border-radius:50%;position:absolute}@media (width>=720px){.r-dialog{width:min(880px, calc(100vw - 2 * var(--sp-6)));height:min(90vh, calc(100vh - 2 * var(--sp-6)));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:auto}.r-dialog-body{padding-inline:var(--sp-6)}}.r-saved-summary{font-size:var(--step--1);color:var(--muted);max-width:62ch;line-height:1.45}.r-saved-delete{flex:none}.r-saved-delete.is-armed{width:auto;padding-inline:var(--sp-3);color:var(--warn);border:1px solid var(--warn-line);background:var(--warn-tint);font-family:var(--font-head);font-size:var(--step--2);font-weight:700}.r-dialog>.r-drawer{margin:0 var(--sp-3) var(--sp-3);border-top:1px solid var(--line);flex:none;max-height:45vh;position:static}@media (width>=720px){.r-dialog>.r-drawer{margin-inline:var(--sp-6)}}.spinner{vertical-align:-.125em;border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;margin-right:.5em;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.r-working{gap:var(--sp-3);display:grid}.r-working-text{margin:0}.r-working-elapsed{float:right;margin-left:var(--sp-3);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted)}.r-working-bar{border-radius:var(--radius-pill);background:var(--tone-line);height:4px;overflow:hidden}.r-working-bar span{border-radius:inherit;background:var(--tone);width:40%;height:100%;animation:slide 1.5s var(--ease) infinite;display:block}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(360%)}}@media (prefers-reduced-motion:reduce){.spinner{opacity:.4;border-right-color:currentColor;animation:none}.r-working-bar span{opacity:.4;width:100%;animation:none}}.strip-steps-one{grid-template-columns:1fr}.strip-steps-one .strip-label{display:inline}.strip-note{margin:0}.primer-link{margin:0 0 var(--sp-3)}.primer-link a{color:var(--section-700)}.primer{gap:var(--sp-3);display:grid}.primer h2{margin:0 0 var(--sp-2);font-family:var(--font-head);font-size:var(--step-2);letter-spacing:-.02em;line-height:1.15}.primer h3{margin:var(--sp-4) 0 var(--sp-2);font-family:var(--font-head);font-size:var(--step-1)}.primer .lede{margin:0 0 var(--sp-4);color:var(--text-2)}.primer-p{margin:0 0 var(--sp-3);color:var(--text-2)}.primer-of{margin:0}.primer-banner{padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-left:4px solid var(--accent-fill);border-radius:var(--radius-md);background:var(--accent-tint);font-size:var(--step--1);margin:0}.primer-steps{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);grid-template-columns:repeat(6,1fr);gap:4px;margin:0;padding:4px;list-style:none;display:grid}.primer-steps button{border-radius:var(--radius-pill);width:100%;min-height:40px;color:var(--text-2);font:600 var(--step--2)/1.2 var(--font-head);cursor:pointer;background:0 0;border:0;padding:0 4px}.primer-steps button:hover{background:var(--surface);box-shadow:var(--shadow-sm)}.primer-steps button[aria-current=step]{background:var(--accent-fill);color:var(--accent-ink);box-shadow:none}.primer-steps button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.primer-step-n{font-family:var(--font-mono);opacity:.75}@media (width<=560px){.primer-steps{border-radius:var(--radius);grid-template-columns:repeat(3,1fr)}}.primer-actions{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--rule);flex-wrap:wrap;display:flex}.primer-play{align-items:center;gap:var(--sp-2);display:inline-flex}.primer-slow{font-size:var(--step--2)}.primer-note{margin:var(--sp-4) 0 0;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--section-100)}.primer-note p{font-size:var(--step--1);color:var(--text);margin:0}.primer-list{margin:0 0 var(--sp-4);color:var(--text-2);padding-left:1.2em}.primer-list li+li{margin-top:var(--sp-2)}.primer-count{margin:0 0 var(--sp-2);text-align:center}.primer-ask{margin:0 0 var(--sp-2);text-align:center;font-family:var(--font-head);font-weight:600}.primer-end{justify-items:center;gap:var(--sp-3);padding:var(--sp-4) 0;text-align:center;display:grid}.primer-end h3,.primer-end p{margin:0}.primer-score{font-family:var(--font-head);font-size:var(--step-1);font-weight:700}.primer-pass h3{color:var(--ok);font-size:var(--step-2)}.tone-grid{margin:0 0 var(--sp-4);gap:var(--sp-2);grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none;display:grid}.tone-card{align-content:start;justify-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);text-align:center;display:grid}.tone-word{justify-items:center;line-height:1.1;display:grid}.tone-hanzi{font-size:2.4rem}.tone-py{font-size:var(--step-1);color:var(--section-700);font-weight:600}.tone-text{gap:2px;display:grid}.tone-name{font-family:var(--font-head);font-weight:700;font-size:var(--step--1)}.contour{color:var(--section-700);overflow:visible}.contour-rule{stroke:var(--line);stroke-width:1px}.contour-line{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round}.contour-dot{fill:currentColor}@media (width<=700px){.tone-grid{grid-template-columns:1fr}.tone-card{text-align:left;place-items:center start;column-gap:var(--sp-3);row-gap:var(--sp-2);grid-template-columns:64px auto minmax(0,1fr)}.tone-card .primer-play{grid-column:2/-1}.tone-hanzi{font-size:2rem}}.primer-q{justify-items:center;gap:var(--sp-2);text-align:center;display:grid}.primer-q-row{justify-content:center;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.primer-q-hanzi{font-size:var(--hanzi);letter-spacing:.04em;margin:0;line-height:1.15}.primer-target{color:var(--text)}.primer-dim{color:var(--muted)}.primer-q-py{min-height:1.5em;font-size:var(--step-1);color:var(--section-700);margin:0;font-weight:600}.primer-choices{gap:var(--sp-2);width:100%;max-width:30rem;margin:var(--sp-2) 0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.primer-options{gap:var(--sp-2);width:100%;max-width:30rem;margin:var(--sp-2) 0;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}.primer-choice{min-height:56px;padding:0 4px}.primer-choices .primer-choice{flex-direction:column;gap:0}.primer-choice-n{font-size:var(--step--1)}.primer-choice-mark{font-size:var(--step-1);line-height:1.1}.primer-choice:disabled{opacity:1}.primer-choice:disabled:not(.btn-ok):not(.btn-warn){opacity:.55}.primer-result{min-height:1.5em;font-family:var(--font-head);margin:0;font-weight:700}.sound-list{border:1px solid var(--line);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;overflow:hidden}.sound-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--surface);grid-template-columns:5rem 6rem minmax(0,1fr) auto;display:grid}.sound-row+.sound-row{border-top:1px solid var(--rule)}.sound-spelling{font-family:var(--font-mono);font-weight:600;font-size:var(--step-1);color:var(--section-700)}.sound-word .hanzi{font-size:var(--step-1)}.sound-hint{font-size:var(--step--1);color:var(--text-2)}@media (width<=560px){.sound-row{grid-template-columns:4.5rem minmax(0,1fr) auto}.sound-hint{grid-area:2/1/auto/-1}}.sandhi-rule{margin:0 0 var(--sp-4)}.sandhi-scroll{overflow-x:auto}.sandhi-table{border-collapse:collapse;width:100%;font-size:var(--step-0)}.sandhi-table th,.sandhi-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--rule);text-align:left;vertical-align:middle;white-space:nowrap}@media (width<=560px){.sandhi-table th,.sandhi-table td{padding:var(--sp-2)}}.sandhi-table thead th{font:600 var(--step--2)/1.4 var(--font-head);color:var(--muted)}.sandhi-table tbody th .hanzi{font-size:var(--step-1);font-weight:400}.sandhi-alone{font-weight:400;display:block}.sandhi-changed{color:var(--section-700);font-weight:700}.sandhi-table td:last-child{text-align:right}.primer .pinyin.primer-type{padding:0}