:root{--paper:#f7f5f1;--paper-raised:#fff;--paper-sunken:#f0ece4;--ink:#1b1a17;--ink-strong:#000;--ink-muted:#5f5850;--ink-faint:#6e675c;--rule:#e9e4db;--rule-strong:#d9d2c6;--seal:#9e4430;--seal-fill:#9e4430;--seal-soft:#fbeee9;--seal-ink:#fff;--jade:#35705a;--jade-soft:#e8f0ec;--gold:#7e5d27;--gold-soft:#f7efdd;--tone-1:#2f72d6;--tone-2:#2f8f52;--tone-3:#7a4fc4;--tone-4:#c8402f;--tone-5:#8a8279;--grid-line:#ddd3c4;--grid-guide:#ecd9d5;--shadow-sm:0 1px 2px #1b1a170d;--shadow-md:0 1px 2px #1b1a170d, 0 6px 18px #1b1a170d;--shadow-lg:0 2px 8px #1b1a1712, 0 14px 40px #1b1a1714;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-full:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-han:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", "Heiti SC", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--nav-h:58px;--header-h:52px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#15130f;--paper-raised:#1e1b16;--paper-sunken:#100e0b;--ink:#f1ebe0;--ink-strong:#fff;--ink-muted:#a89e8f;--ink-faint:#958c80;--rule:#2b2721;--rule-strong:#3b352d;--seal:#e08165;--seal-fill:#a8402a;--seal-soft:#32201a;--seal-ink:#fff5f0;--jade:#6cbb9c;--jade-soft:#152d26;--gold:#d6a960;--gold-soft:#2e2415;--tone-1:#6aa5f0;--tone-2:#5fc183;--tone-3:#a98ae4;--tone-4:#f0705c;--tone-5:#9c9488;--grid-line:#302b25;--grid-guide:#45302c;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 8px #00000073, 0 8px 24px #00000059;--shadow-lg:0 4px 16px #00000080, 0 16px 48px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#15130f;--paper-raised:#1e1b16;--paper-sunken:#100e0b;--ink:#f1ebe0;--ink-strong:#fff;--ink-muted:#a89e8f;--ink-faint:#958c80;--rule:#2b2721;--rule-strong:#3b352d;--seal:#e08165;--seal-fill:#a8402a;--seal-soft:#32201a;--seal-ink:#fff5f0;--jade:#6cbb9c;--jade-soft:#152d26;--gold:#d6a960;--gold-soft:#2e2415;--tone-1:#6aa5f0;--tone-2:#5fc183;--tone-3:#a98ae4;--tone-4:#f0705c;--tone-5:#9c9488;--grid-line:#302b25;--grid-guide:#45302c;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 8px #00000073, 0 8px 24px #00000059;--shadow-lg:0 4px 16px #00000080, 0 16px 48px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent;margin:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}h1,h2,h3,h4{letter-spacing:-.015em;font-weight:650;line-height:1.25}:focus-visible{outline:2px solid var(--seal);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{min-height:100%;flex-direction:column;min-height:100dvh;display:flex}.app__main{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + var(--sp-4));flex:1}.app__main--bare{padding-bottom:var(--safe-bottom)}.page{max-width:560px;padding:0 var(--sp-4);margin:0 auto}.header{z-index:20;padding-top:var(--safe-top);background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.header--scrolled{border-bottom-color:var(--rule)}.header__bar{max-width:560px;height:var(--header-h);padding:0 var(--sp-2);align-items:center;gap:var(--sp-1);margin:0 auto;display:flex}.header__title{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;min-width:0;font-size:17px;font-weight:650;overflow:hidden}.header__title--lead{text-align:left;padding-left:var(--sp-2);letter-spacing:-.02em;font-size:22px}.header__slot{align-items:center;gap:var(--sp-1);min-width:40px;display:flex}.header__slot--end{justify-content:flex-end}.icon-btn{border-radius:var(--r-full);width:40px;height:40px;color:var(--ink);place-items:center;transition:background .15s,transform .1s;display:grid}.icon-btn:active{background:var(--paper-sunken);transform:scale(.92)}.icon-btn[disabled]{opacity:.35;pointer-events:none}.icon-btn--accent{color:var(--seal)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:46px;padding:0 var(--sp-5);border-radius:var(--r-md);letter-spacing:-.01em;background:var(--paper-raised);color:var(--ink);border:1px solid var(--rule);transition:transform .12s var(--ease-out), background .15s, opacity .15s;font-size:15.5px;font-weight:650;display:inline-flex}.btn:active{transform:scale(.97)}.btn[disabled]{background:var(--paper-sunken);color:var(--ink-faint);opacity:.55;pointer-events:none;border-color:#0000}.btn--primary{background:var(--ink);color:var(--paper);border-color:#0000}.btn--seal{background:var(--seal-fill);color:var(--seal-ink);border-color:#0000}.btn--ghost{color:var(--ink-muted);background:0 0;border-color:#0000}.btn--quiet{background:var(--paper-sunken);border-color:#0000}.btn--block{width:100%}.btn--sm{min-height:34px;padding:0 var(--sp-3);font-size:14px;font-weight:600}.btn--lg{min-height:54px;font-size:17px}.card{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-lg)}.card--pad{padding:var(--sp-4)}.section-title{justify-content:space-between;align-items:baseline;gap:var(--sp-3);margin:var(--sp-6) 0 var(--sp-3);display:flex}.section-title h2{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);font-size:13px;font-weight:700;position:relative}.section-title a,.section-title button{color:var(--ink-muted);font-size:14px;font-weight:600}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.han{font-family:var(--font-han);font-weight:400}.pinyin{font-variant-ligatures:none;letter-spacing:.01em}.tone-1{color:var(--tone-1)}.tone-2{color:var(--tone-2)}.tone-3{color:var(--tone-3)}.tone-4{color:var(--tone-4)}.tone-5{color:var(--tone-5)}.row{align-items:center;gap:var(--sp-3);display:flex}.row--between{justify-content:space-between}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.grow{flex:1;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.chip{border-radius:var(--r-full);background:var(--paper-sunken);height:24px;color:var(--ink-muted);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.chip--seal{background:var(--seal-soft);color:var(--seal)}.chip--jade{background:var(--jade-soft);color:var(--jade)}.chip--gold{background:var(--gold-soft);color:var(--gold)}.empty{padding:var(--sp-10) var(--sp-5);text-align:center;color:var(--ink-muted)}.empty__glyph{font-family:var(--font-han);color:var(--ink-faint);opacity:.5;margin-bottom:var(--sp-3);font-size:44px;display:block}.empty__title{color:var(--ink);margin-bottom:var(--sp-1);font-size:16px;font-weight:650}.empty__body{max-width:30ch;margin:0 auto;font-size:14px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fade-in .25s var(--ease-out) both}.rise-in{animation:rise-in .3s var(--ease-out) both}.section-title h2:after{content:"";opacity:.85;pointer-events:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='5' fill='none'%3E%3Cpath d='M1 3.6C9 1.9 21 1.2 33 2.2c6 .5 12 1.3 18 2.2' stroke='%23c9a294' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 0/auto 100% no-repeat;height:5px;position:absolute;bottom:-6px;left:0;right:0}@media (prefers-reduced-motion:no-preference){.btn:active{transform:scale(.96)}}.tabbar{z-index:30;padding-bottom:var(--safe-bottom);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);border-top:1px solid var(--rule);position:fixed;bottom:0;left:0;right:0}.tabbar__inner{max-width:560px;height:var(--nav-h);grid-auto-columns:1fr;grid-auto-flow:column;margin:0 auto;display:grid}.tab{color:var(--ink-faint);flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:color .15s;display:flex}.tab--active{color:var(--ink)}.tab--active .tab__label:after{content:"";background:var(--seal);border-radius:50%;width:4px;height:4px;margin:3px auto 0;display:block}.tab__icon{transition:transform .2s var(--ease-spring);place-items:center;display:grid;position:relative}.tab--active .tab__icon{transform:translateY(-1px)}.tab__label{letter-spacing:.01em;font-size:10.5px;font-weight:650}.tab__badge{border-radius:var(--r-full);background:var(--seal-fill);min-width:17px;height:17px;color:var(--seal-ink);text-align:center;box-shadow:0 0 0 2px var(--paper);padding:0 4px;font-size:10px;font-weight:750;line-height:17px;position:absolute;top:-5px;left:60%}.spinner{border:2px solid var(--rule-strong);border-top-color:var(--seal);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spinner--lg{border-width:3px;width:30px;height:30px}@keyframes spin{to{transform:rotate(360deg)}}.route-loading{place-items:center;min-height:55vh;display:grid}.chargrid{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.chargrid__frame{fill:none;stroke:var(--grid-line);stroke-width:1px}.chargrid__guide line{stroke:var(--grid-guide);stroke-width:.7px;stroke-dasharray:3 3}.strokecanvas{width:100%;height:100%;display:block;position:relative}.strokecanvas__outline{fill:var(--rule-strong);opacity:.35}.strokecanvas__ink{fill:var(--ink)}.strokecanvas__ink--flagged{fill:var(--seal)}.strokecanvas__nib{fill:none;stroke:var(--seal);stroke-linecap:round;stroke-linejoin:round}.strokecanvas__start{fill:var(--seal);opacity:.55}.strokecanvas__numdot{fill:var(--paper-raised);stroke:var(--seal);stroke-width:8px;opacity:.95}.strokecanvas__num{fill:var(--seal);font-family:var(--font-ui);text-anchor:middle;font-size:74px;font-weight:700}.stroke-anim{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.stroke-anim__stage{aspect-ratio:1;background:var(--paper-sunken);border-radius:var(--r-md);width:min(260px,72vw);position:relative;overflow:hidden}.stroke-anim__fallback{color:var(--ink);place-items:center;font-size:min(44vw,150px);display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.stroke-anim__controls{align-items:center;gap:var(--sp-1);display:flex}.stroke-anim__play{border-radius:var(--r-full);background:var(--ink);width:50px;height:50px;color:var(--paper);transition:transform .12s var(--ease-out), opacity .15s;place-items:center;display:grid}.stroke-anim__play:active{transform:scale(.92)}.stroke-anim__play[disabled]{opacity:.35}.stroke-anim__count{letter-spacing:.02em;margin-top:-4px;font-size:12.5px;font-weight:600}.pad{align-items:center;gap:var(--sp-3);flex-direction:column;width:100%;display:flex}.pad__stage{aspect-ratio:1;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-lg);touch-action:none;width:min(320px,82vw);transition:border-color .25s;position:relative;overflow:hidden}.pad__stage--done{border-color:var(--jade)}.pad__host{place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.pad__host svg{display:block}.pad__loading{background:var(--paper-raised);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.pad__meter{flex-wrap:wrap;justify-content:center;gap:5px;max-width:min(320px,82vw);display:flex}.pad__pip{background:var(--rule);border-radius:2px;width:16px;height:4px;transition:background .2s,transform .2s}.pad__pip--ok{background:var(--jade)}.pad__pip--slip{background:var(--seal)}.pad__pip--next{background:var(--ink-faint);transform:scaleY(1.6)}.pad__tools{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.pad__note{font-size:12.5px}.ring{flex:none;position:relative}.ring__arc{transition:stroke-dashoffset .6s var(--ease-out)}.ring__center{place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.cgrid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(72px,1fr));display:grid}.cgrid--tight{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}.cgrid__count{text-align:center;margin-top:var(--sp-4);font-size:13px}.ctile{padding:var(--sp-2) 4px calc(var(--sp-2) + 3px);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-md);transition:transform .12s var(--ease-out), border-color .15s;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;overflow:hidden}.ctile:active{border-color:var(--rule-strong);transform:scale(.95)}.ctile__glyph{font-family:var(--font-han);font-size:30px;line-height:1.15}.ctile__pinyin{color:var(--ink-faint);max-width:100%;font-size:11px}.ctile__bar{background:var(--paper-sunken);height:3px;position:absolute;bottom:0;left:0;right:0}.ctile__fill{background:var(--seal);height:100%;transition:width .4s var(--ease-out);display:block}.ctile__fill--known{background:var(--jade)}.sheet{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet__scrim{background:#0000006b;animation:.2s ease-out both fade-in;position:absolute;top:0;bottom:0;left:0;right:0}.sheet__panel{background:var(--paper);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:560px;max-height:88vh;box-shadow:var(--shadow-lg);animation:sheet-up .3s var(--ease-out) both;flex-direction:column;display:flex;position:relative}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.sheet__grab{background:var(--rule-strong);border-radius:2px;flex:none;width:38px;height:4px;margin:10px auto 0}.sheet__head{padding:var(--sp-2) var(--sp-3) 0 var(--sp-4);justify-content:space-between;align-items:center;display:flex}.sheet__head h2{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);font-size:13px;font-weight:700}.sheet__body{padding:var(--sp-3) var(--sp-4) calc(var(--sp-6) + var(--safe-bottom));-webkit-overflow-scrolling:touch;overflow-y:auto}.ostrip{gap:var(--sp-2);padding-bottom:var(--sp-2);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.ostrip::-webkit-scrollbar{height:4px}.ostrip::-webkit-scrollbar-thumb{background:var(--rule-strong);border-radius:2px}.ostrip__item{background:var(--paper-sunken);border-radius:var(--r-sm);scroll-snap-align:start;flex:none;width:58px;height:58px;position:relative}.ostrip__svg{width:100%;height:100%;display:block}.ostrip__done{fill:var(--ink);opacity:.3}.ostrip__new{fill:var(--seal)}.ostrip__n{color:var(--ink-faint);font-size:10px;font-weight:700;position:absolute;top:2px;left:5px}.wordlist{overflow:hidden}.wordlist li+li{border-top:1px solid var(--rule)}.wordlist__row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);transition:background .15s;display:flex}.wordlist__row:active{background:var(--paper-sunken)}.wordlist__head{font-family:var(--font-han);flex:none;min-width:1.6em;font-size:24px}.wordlist__pinyin{font-size:13.5px;font-weight:600;display:block}.wordlist__gloss{color:var(--ink-muted);font-size:13.5px;display:block}.field{display:block}.field__label{margin-bottom:2px;font-size:14px;font-weight:650;display:block}.field__hint{margin-bottom:var(--sp-2);font-size:12.5px;line-height:1.4;display:block}.segmented{background:var(--paper-sunken);border-radius:var(--r-full);gap:3px;padding:3px;display:flex}.segmented__btn{border-radius:var(--r-full);min-height:34px;color:var(--ink-muted);flex:1;font-size:13.5px;font-weight:650;transition:background .18s,color .18s}.segmented__btn--on{background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-sm)}.select{width:100%;min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--rule);background:var(--paper-sunken);-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-muted) 50%), linear-gradient(135deg, var(--ink-muted) 50%, transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;font-size:15px;font-weight:550}.toggle{align-items:center;gap:var(--sp-3);cursor:pointer;display:flex}.toggle__label{font-size:14.5px;font-weight:600;display:block}.toggle__hint{margin-top:1px;font-size:12.5px;line-height:1.4;display:block}.toggle__input{opacity:0;width:0;height:0;position:absolute}.toggle__track{border-radius:var(--r-full);background:var(--rule-strong);flex:none;width:48px;height:29px;padding:2.5px;transition:background .2s}.toggle__thumb{width:24px;height:24px;box-shadow:var(--shadow-sm);transition:transform .22s var(--ease-spring);background:#fff;border-radius:50%;display:block}.toggle__input:checked+.toggle__track{background:var(--seal)}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(19px)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--seal);outline-offset:2px}.slider__head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.slider__value{color:var(--seal);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.slider__input{width:100%;margin-top:var(--sp-2);-webkit-appearance:none;appearance:none;background:var(--rule-strong);border-radius:2px;height:4px}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--seal);width:22px;height:22px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%}.slider__input::-moz-range-thumb{background:var(--seal);cursor:pointer;border:none;border-radius:50%;width:22px;height:22px}.search{align-items:center;gap:var(--sp-2);padding:0 var(--sp-2) 0 var(--sp-3);background:var(--paper-sunken);border-radius:var(--r-full);height:46px;margin-bottom:var(--sp-4);border:1px solid #0000;transition:border-color .15s,background .15s;display:flex}.search:focus-within{border-color:var(--rule-strong);background:var(--paper-raised)}.search__icon{color:var(--ink-faint);flex:none}.search__input{background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px}.search__input::-webkit-search-cancel-button{display:none}.filters{gap:var(--sp-2);padding:var(--sp-1) 0 var(--sp-4);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters__chip{border-radius:var(--r-full);background:var(--paper-sunken);height:32px;color:var(--ink-muted);flex:none;padding:0 14px;font-size:13.5px;font-weight:650;transition:background .15s,color .15s}.filters__chip--on{background:var(--ink);color:var(--paper)}.filters__select{height:32px;padding:0 var(--sp-3);border-radius:var(--r-full);background:var(--paper-sunken);color:var(--ink-muted);border:none;flex:none;font-size:13.5px;font-weight:650}.notice{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--gold-soft);color:var(--gold);border-radius:var(--r-md);margin:var(--sp-4) 0;font-size:13.5px;line-height:1.45;display:flex}.notice svg{flex:none;margin-top:1px}.lede{margin-bottom:var(--sp-4);font-size:14.5px;line-height:1.55}.lede .han{font-size:1.15em}.pad__hintname{text-align:center;max-width:min(320px,82vw);color:var(--ink-muted);font-size:13px;line-height:1.4;animation:.2s ease-out both fade-in}.pad__hintname .han{color:var(--seal);font-size:15px;font-weight:600}.toast{left:var(--sp-4);right:var(--sp-4);bottom:calc(var(--nav-h) + var(--safe-bottom) + var(--sp-3));z-index:50;align-items:center;gap:var(--sp-3);max-width:528px;padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);background:var(--ink);color:var(--paper);border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:rise-in .35s var(--ease-out) both;margin:0 auto;font-size:14px;font-weight:550;display:flex;position:fixed}.toast__btn{height:34px;padding:0 var(--sp-4);border-radius:var(--r-full);background:var(--seal-fill);color:var(--seal-ink);flex:none;font-size:13.5px;font-weight:700}.toast__close{width:30px;height:30px;color:inherit;opacity:.6;border-radius:50%;flex:none;place-items:center;display:grid}.freedraw{cursor:crosshair}.freedraw__ink{touch-action:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.freedraw__ink path{fill:none;stroke:var(--ink);stroke-width:5.5px;stroke-linecap:round;stroke-linejoin:round}.freedraw__model{opacity:.22;position:absolute;top:0;bottom:0;left:0;right:0}.freedraw__count{font-size:12.5px;font-weight:600}.pad__hintname--slip{color:var(--seal);font-weight:600}.today{margin-top:var(--sp-2)}.today__top{align-items:center;gap:var(--sp-4);display:flex}.today__greeting{letter-spacing:.02em;color:var(--ink-faint);font-size:13px;font-weight:650}.today__headline{font-family:var(--font-display);letter-spacing:-.015em;margin:4px 0;font-size:30px;font-weight:400;line-height:1.12}.today__sub{font-size:13.5px}.today__streak{color:var(--seal);align-items:center;gap:2px;font-size:15px;font-weight:750;display:flex}.today__pct{color:var(--ink-muted);font-size:15px;font-weight:750}.today__actions{gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.path{display:block}.path__title{font-size:16px}.path__sub{margin-top:1px;font-size:13px}.path__bar,.bandhead__bar{background:var(--paper-sunken);height:6px;margin-top:var(--sp-3);border-radius:3px;overflow:hidden}.path__fill,.bandhead__fill{background:linear-gradient(90deg, var(--seal), var(--gold));height:100%;transition:width .5s var(--ease-out);border-radius:3px;display:block}.upnext{gap:var(--sp-2);padding-bottom:var(--sp-2);scrollbar-width:none;display:flex;overflow-x:auto}.upnext::-webkit-scrollbar{display:none}.upnext__item{width:70px;padding:var(--sp-3) 4px;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-md);transition:transform .12s var(--ease-out);flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.upnext__item:nth-child(odd){transform:rotate(-1.1deg)}.upnext__item:nth-child(2n){transform:rotate(.9deg)}.upnext__item:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.upnext__item:nth-child(odd),.upnext__item:nth-child(2n){transform:none}}.upnext__glyph{font-family:var(--font-han);font-size:32px;line-height:1.1}.upnext__pinyin{color:var(--ink-faint);max-width:100%;font-size:11px}.tools{gap:var(--sp-2);flex-direction:column;display:flex}.tool{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);transition:transform .12s var(--ease-out);display:flex}.tool:active{transform:scale(.99)}.tool__icon,.source__icon{border-radius:var(--r-sm);background:var(--paper-sunken);width:36px;height:36px;color:var(--ink-muted);flex:none;place-items:center;display:grid}.tool__title,.source__title{font-size:15px;font-weight:650;display:block}.tool__sub,.source__sub{font-size:12.5px;display:block}.bands{gap:var(--sp-3);flex-direction:column;display:flex}.band{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);display:flex}.band__ring{flex:none;width:44px;height:44px;position:relative}.band__track{fill:none;stroke:var(--paper-sunken);stroke-width:4px}.band__arc{fill:none;stroke:var(--seal);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .5s var(--ease-out)}.band__pct{place-items:center;font-size:12px;font-weight:750;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.band__title{align-items:center;gap:var(--sp-2);font-size:15px;display:flex}.band__sub{margin-top:1px;font-size:12.5px}.band__meta{letter-spacing:.01em;margin-top:3px;font-size:11.5px}.bandhead__set{width:100%;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--rule);color:var(--ink-muted);text-align:center;font-size:13px;font-weight:650;display:block}.bandhead__is-current{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--rule);justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.bandhead{margin-bottom:var(--sp-4)}.bandhead__blurb{font-size:13.5px;line-height:1.5}.bandhead__stats{gap:var(--sp-4);margin-top:var(--sp-3);color:var(--ink-muted);font-size:12.5px;display:flex}.bandhead__stats strong{color:var(--ink);font-weight:700}.bandhead__actions{gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.detail{padding-bottom:var(--sp-8)}.detail__hero{align-items:center;gap:var(--sp-4);margin-top:var(--sp-2);flex-direction:column;display:flex}.detail__ident{text-align:center}.detail__pinyin,.worddetail__pinyin,.prompt__pinyin{color:var(--ink-muted);align-items:center;gap:6px;font-size:22px;font-weight:650;display:inline-flex}.detail__pinyin svg,.worddetail__pinyin svg,.prompt__pinyin svg{color:var(--ink-faint)}.detail__gloss{margin-top:var(--sp-1);max-width:34ch;font-size:15px;line-height:1.45}.detail__chips{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.detail__cta{align-items:center;gap:var(--sp-2);width:100%;display:flex}.detail__due{height:46px;padding:0 var(--sp-4);border-radius:var(--r-full);font-size:13px}.detail__strip{gap:var(--sp-4);flex-direction:column;display:flex}.strokelist{gap:var(--sp-2) var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(156px,1fr));font-size:12.5px;display:grid}.strokelist li{align-items:flex-start;gap:var(--sp-2);display:flex}.strokelist__name{font-size:13.5px;font-weight:650;line-height:1.3;display:block}.strokelist__name .han{font-size:15px}.strokelist__english{font-size:11.5px;line-height:1.35;display:block}.strokelist__n{background:var(--paper-sunken);width:19px;height:19px;color:var(--ink-muted);border-radius:50%;flex:none;place-items:center;font-size:10.5px;font-weight:700;display:grid}.breakdown{gap:var(--sp-2);flex-wrap:wrap;display:flex}.breakdown__layout{margin-bottom:var(--sp-3);font-size:13px}.breakdown__part{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--paper-sunken);border-radius:var(--r-md);min-width:132px;max-width:100%;transition:transform .12s var(--ease-out);flex:132px;display:flex}.breakdown__part:active{transform:scale(.97)}.breakdown__glyph{font-family:var(--font-han);font-size:28px;line-height:1}.breakdown__meta{min-width:0}.breakdown__pinyin{font-size:12.5px;font-weight:650;display:block}.breakdown__gloss{color:var(--ink-muted);font-size:12px;display:block}.etym--after{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--rule)}.etym__hint{margin-top:var(--sp-2);font-size:14.5px;line-height:1.5}.etym__parts{margin-top:var(--sp-2);font-size:13.5px}.etym__parts .han{vertical-align:-2px;font-size:19px}.etym__blurb{margin-top:var(--sp-2);font-size:12.5px;line-height:1.45}.handstats__row{gap:var(--sp-4);display:flex}.metric{text-align:center;flex:1}.metric__value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;display:block}.metric__label{letter-spacing:.03em;text-transform:uppercase;font-size:11.5px;font-weight:650}.handstats__note{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--rule);font-size:13px}.detail__footer{margin-top:var(--sp-8);gap:var(--sp-1);flex-direction:column;display:flex}.worddetail{text-align:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);flex-direction:column;display:flex}.worddetail__head{letter-spacing:.04em;font-size:clamp(38px,13vw,58px);line-height:1.2}.worddetail__trad{font-size:12.5px}.worddetail__trad .han{font-size:16px}.meanings{text-align:left;align-self:stretch;gap:var(--sp-2);margin:var(--sp-2) 0;flex-direction:column;display:flex}.meanings li{gap:var(--sp-2);font-size:14.5px;line-height:1.45;display:flex}.meanings__n{flex:none;padding-top:2px;font-size:12px;font-weight:700}.charbreak{align-items:center;gap:var(--sp-4);display:flex}.charbreak__anim{flex:none;width:88px}.charbreak__anim .stroke-anim__stage{width:88px}.charbreak__link{align-items:center;gap:4px;display:inline-flex}.charbreak__glyph{font-family:var(--font-han);font-size:30px;line-height:1.1}.charbreak__pinyin{font-size:14px;font-weight:650;display:block}.charbreak__alt{margin-top:1px;font-size:11.5px}.charbreak__gloss{margin-top:2px;font-size:13px;line-height:1.4}.charbreak__meta{margin-top:3px;font-size:11.5px}.writehead{align-items:center;gap:var(--sp-4);margin-top:var(--sp-2);display:flex}.writehead__glyph{border-radius:var(--r-md);background:var(--seal-soft);width:60px;height:60px;color:var(--seal);font-family:var(--font-han);flex:none;place-items:center;font-size:34px;display:grid}.writehead__title{font-size:17px}.writehead__sub{margin-top:2px;font-size:13px;line-height:1.45}.writehead__today{margin-top:var(--sp-2);font-size:12px}.sources{gap:var(--sp-2);flex-direction:column;display:flex}.source{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);transition:transform .12s var(--ease-out);display:flex}.source:active{transform:scale(.99)}.source--empty{opacity:.45;pointer-events:none}.source__count{border-radius:var(--r-full);background:var(--paper-sunken);min-width:30px;height:26px;color:var(--ink-faint);text-align:center;font-variant-numeric:tabular-nums;flex:none;padding:0 9px;font-size:13px;font-weight:750;line-height:26px}.source__count--on{background:var(--paper-sunken);color:var(--ink)}.recents{gap:var(--sp-2);padding-bottom:var(--sp-2);scrollbar-width:none;display:flex;overflow-x:auto}.recents::-webkit-scrollbar{display:none}.recent{width:64px;padding:var(--sp-2) 0;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-md);flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.recent__glyph{font-family:var(--font-han);font-size:28px;line-height:1.1}.recent__score{color:var(--ink-faint);font-size:11px;font-weight:700}.recent__score--clean{color:var(--jade)}.session{min-height:100dvh;padding:var(--safe-top) var(--sp-4) calc(var(--safe-bottom) + var(--sp-4));flex-direction:column;max-width:560px;margin:0 auto;display:flex}.session--empty{justify-content:center;align-items:center}.session__top{align-items:center;gap:var(--sp-3);height:var(--header-h);flex:none;display:flex}.session__progress{background:var(--paper-sunken);border-radius:3px;flex:1;height:5px;overflow:hidden}.session__fill{background:var(--seal);height:100%;transition:width .4s var(--ease-out);border-radius:3px;display:block}.session__count{font-variant-numeric:tabular-nums;text-align:right;min-width:42px;font-size:12.5px;font-weight:650}.session__body{justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;flex-direction:column;flex:1;display:flex}.prompt{text-align:center;min-height:62px}.prompt__pinyin{font-size:26px}.prompt__gloss{max-width:32ch;margin-top:2px;font-size:14px;line-height:1.4}.prompt__char{font-family:var(--font-han);font-size:52px;line-height:1.15}.reveal{align-items:center;gap:var(--sp-5);flex-direction:column;width:100%;display:flex}.verdict{padding-top:var(--sp-3);animation:rise-in .28s var(--ease-out) both;position:sticky;bottom:0}.verdict__inner{padding:var(--sp-4);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.verdict__score{border-radius:var(--r-md);background:var(--seal-soft);width:58px;height:58px;color:var(--seal);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:17px;font-weight:750;display:grid}.verdict__score--clean{background:var(--jade-soft);color:var(--jade)}.verdict__title{font-size:16px;font-weight:650}.verdict__sub{margin-top:1px;font-size:12.5px}.verdict__actions{gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.summary{text-align:center;justify-content:flex-start;align-items:center;gap:var(--sp-3);padding-top:calc(var(--safe-top) + var(--sp-10))}.summary__seal{border-radius:var(--r-sm);background:var(--seal-fill);width:72px;height:72px;color:var(--seal-ink);font-family:var(--font-han);animation:pop-in .4s var(--ease-spring) both;place-items:center;font-size:40px;display:grid;transform:rotate(-3.5deg)}@media (prefers-reduced-motion:reduce){.summary__seal{transform:none}}.summary__title{font-family:var(--font-display);letter-spacing:-.015em;margin-top:var(--sp-4);font-size:30px;font-weight:400}.summary__sub{font-size:14px}.summary__stats{width:100%;margin-top:var(--sp-5);display:flex}.summary__stat{flex-direction:column;flex:1;gap:2px;font-size:12px;display:flex}.summary__value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.summary__list{width:100%;margin-top:var(--sp-4);text-align:left;overflow:hidden}.summary__list li+li{border-top:1px solid var(--rule)}.summary__row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);font-size:13px;display:flex}.summary__glyph{font-family:var(--font-han);min-width:1.4em;font-size:26px}.summary__pct{font-variant-numeric:tabular-nums;color:var(--ink-muted);font-weight:750}.summary__pct--clean{color:var(--jade)}.summary__actions{width:100%;margin-top:var(--sp-6);gap:var(--sp-2);flex-direction:column;display:flex}.reviewhead{text-align:center;margin-top:var(--sp-2)}.reviewhead__count{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:58px;font-weight:400;line-height:1}.reviewhead__label{margin-top:var(--sp-1);font-size:14px}.reviewhead__split{justify-content:center;gap:var(--sp-4);margin:var(--sp-3) 0 var(--sp-5);font-size:12.5px;display:flex}.reviewhead__today{text-align:center;margin-top:var(--sp-8);font-size:12.5px}.forecast{align-items:flex-end;gap:var(--sp-2);height:118px;display:flex}.forecast__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;height:100%;display:flex}.forecast__bar{background:var(--seal);opacity:.85;width:100%;max-width:26px;min-height:3px;transition:height .4s var(--ease-out);border-radius:4px 4px 2px 2px}.forecast__n{order:-1;font-size:10.5px;font-weight:700}.forecast__day{letter-spacing:.01em;font-size:10px}.newbtn{margin-top:var(--sp-4)}.weakgrid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(64px,1fr));display:grid}.weak{padding:var(--sp-2) 4px;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-md);flex-direction:column;align-items:center;gap:4px;display:flex}.weak__glyph{font-family:var(--font-han);font-size:26px;line-height:1.1}.weak__bar{background:var(--paper-sunken);border-radius:2px;width:80%;height:3px}.weak__fill{background:var(--seal);border-radius:2px;height:100%;display:block}.weak__lapses{font-size:10px;font-weight:700}.card-face{justify-content:center;align-items:center;gap:var(--sp-5);padding:var(--sp-5) 0;flex-direction:column;flex:1;animation:.2s ease-out both fade-in;display:flex;overflow-y:auto}.card-face__prompt{text-align:center;position:relative}.card-face__ask{letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--sp-3);font-size:12.5px;font-weight:650}.card-face__glyph{font-family:var(--font-han);font-size:clamp(76px,26vw,128px);line-height:1.1}.card-face__say{background:var(--paper-sunken);width:38px;height:38px;color:var(--ink-muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:-46px;transform:translateY(-50%)}.card-face__pinyin{font-size:22px;font-weight:650}.card-face__pinyin--big{font-size:38px}.card-face__gloss{margin-top:var(--sp-3);max-width:30ch;font-size:16px}.card-face__back{align-items:center;gap:var(--sp-4);text-align:center;flex-direction:column;width:100%;display:flex}.card-face__meaning{max-width:34ch;color:var(--ink-muted);font-size:15px;line-height:1.45}.card-face__wordmeta{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.card-face__examples{gap:var(--sp-2);text-align:left;width:100%;padding-top:var(--sp-3);border-top:1px solid var(--rule);flex-direction:column;display:flex}.card-face__examples li{align-items:baseline;gap:var(--sp-2);font-size:13px;display:flex}.card-face__examples .han{flex:none;font-size:18px}.card-face__expinyin{flex:none;font-size:12.5px;font-weight:650}.grader{padding-top:var(--sp-3);flex:none}.grader__row{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.grader__btn{padding:var(--sp-3) 2px;border-radius:var(--r-md);background:var(--paper-sunken);transition:transform .1s var(--ease-out), filter .15s;flex-direction:column;align-items:center;gap:1px;display:flex}.grader__btn:active{transform:scale(.95)}.grader__label{font-size:13.5px;font-weight:700}.grader__when{opacity:.7;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600}.grader__btn--again{background:var(--seal-soft);color:var(--seal)}.grader__btn--hard{background:var(--gold-soft);color:var(--gold)}.grader__btn--good{background:var(--jade-soft);color:var(--jade)}.grader__btn--easy{background:var(--ink);color:var(--paper)}.radgrid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.rad{padding:var(--sp-3) var(--sp-2);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-md);transition:transform .12s var(--ease-out);flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.rad:active{transform:scale(.96)}.rad__glyph{font-family:var(--font-han);font-size:30px;line-height:1.1}.rad__gloss{color:var(--ink-muted);max-width:100%;font-size:11.5px}.rad__count{font-size:10px;font-weight:700;position:absolute;top:5px;right:7px}.radsheet__top{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.radsheet__anim{flex:none;width:92px}.radsheet__anim .stroke-anim__stage{width:92px}.radsheet__glyph{font-family:var(--font-han);font-size:34px;line-height:1.15}.tonecards{gap:var(--sp-2);flex-direction:column;display:flex}.tonecard{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);display:flex}.tonecard__svg{flex:none;width:52px;height:40px}.tonecard__axis{stroke:var(--rule);stroke-width:1px;stroke-dasharray:3 3}.tonecard__line,.tonepicker__line{fill:none;stroke:currentColor;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.tonecard__name{font-size:14.5px;font-weight:700}.tonecard__example{margin-top:1px;font-size:12.5px}.tonestart{margin-top:var(--sp-6)}.tonedrill{justify-content:center;align-items:center;gap:var(--sp-4);text-align:center;flex-direction:column;flex:1;display:flex}.tonedrill__ask{letter-spacing:.04em;text-transform:uppercase;font-size:12.5px;font-weight:650}.tonedrill__glyph{font-family:var(--font-han);font-size:clamp(80px,28vw,140px);line-height:1.1}.tonedrill__hint{color:var(--ink-muted);letter-spacing:.04em;font-size:24px;font-weight:650}.tonedrill__verdict{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);background:var(--seal-soft);flex-direction:column;gap:2px;display:flex}.tonedrill__verdict--ok{background:var(--jade-soft)}.tonedrill__answer{font-size:20px;font-weight:700}.tonedrill__score{font-size:12.5px;font-weight:650}.tonepicker{gap:var(--sp-2);width:100%;margin-top:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.tonepicker__btn{padding:var(--sp-3) var(--sp-1) var(--sp-2);border-radius:var(--r-md);background:var(--paper-sunken);transition:transform .1s var(--ease-out), border-color .2s, opacity .2s;border:2px solid #0000;flex-direction:column;align-items:center;display:flex;position:relative}.tonepicker__btn:active{transform:scale(.95)}.tonepicker__btn svg{width:100%;height:34px}.tonepicker__n{color:var(--ink-faint);font-size:12px;font-weight:700}.tonepicker__btn--right{border-color:var(--jade);background:var(--jade-soft)}.tonepicker__btn--wrong{border-color:var(--seal);background:var(--seal-soft)}.tonepicker__btn--dim{opacity:.35}.statgrid{gap:var(--sp-2);margin-top:var(--sp-2);grid-template-columns:repeat(2,1fr);display:grid}.stat{padding:var(--sp-4);flex-direction:column;gap:2px;display:flex}.stat__icon{color:var(--ink-faint);margin-bottom:var(--sp-1)}.stat--accent .stat__icon{color:var(--seal)}.stat__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:28px;font-weight:400;line-height:1.1}.stat__label{font-size:11.5px;font-weight:600}.heatmap-wrap{scrollbar-width:none;overflow-x:auto}.heatmap-wrap::-webkit-scrollbar{display:none}.heatmap{gap:5px;display:flex}.heatmap__labels{color:var(--ink-faint);flex:none;grid-template-rows:repeat(7,1fr);align-items:center;gap:3px;font-size:9px;font-weight:650;display:grid}.heatmap__grid{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;display:grid}.heatmap__cell{background:var(--paper-sunken);border-radius:3px;width:12px;height:12px}.heatmap__cell--1{background:color-mix(in srgb, var(--seal) 25%, var(--paper-sunken))}.heatmap__cell--2{background:color-mix(in srgb, var(--seal) 50%, var(--paper-sunken))}.heatmap__cell--3{background:color-mix(in srgb, var(--seal) 75%, var(--paper-sunken))}.heatmap__cell--4{background:var(--seal)}.heatmap__cell--today{box-shadow:0 0 0 1.5px var(--ink-faint)}.heatmap__key{margin-top:var(--sp-3);justify-content:flex-end;align-items:center;gap:4px;font-size:10.5px;display:flex}.statbar__head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);margin-bottom:6px;display:flex}.statbar__label{font-size:13.5px;font-weight:600}.statbar__detail{font-variant-numeric:tabular-nums;font-size:12px}.statbar__track{background:var(--paper-sunken);border-radius:4px;height:7px;overflow:hidden}.statbar__fill{height:100%;transition:width .5s var(--ease-out);border-radius:4px;display:block}.settings{padding-bottom:var(--sp-10)}.group{margin-top:var(--sp-6)}.group__title{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--sp-3);padding-left:var(--sp-1);font-size:13px;font-weight:700}.settings__note{font-size:13px;line-height:1.5}.settings__buttons{gap:var(--sp-2);display:flex}.settings__message{color:var(--jade);font-size:13px;font-weight:600}.settings__source{font-size:12px}.settings__source a{text-underline-offset:2px;text-decoration:underline}.about{gap:var(--sp-2);flex-direction:column;font-size:13.5px;display:flex}.about li{justify-content:space-between;gap:var(--sp-3);font-variant-numeric:tabular-nums;display:flex}.danger{padding:var(--sp-3);border-radius:var(--r-md);background:var(--seal-soft);color:var(--seal);font-size:13px;line-height:1.5}.danger .settings__buttons{margin-top:var(--sp-3)}.bandtabs{margin:var(--sp-2) 0 var(--sp-4)}.wordrow{align-items:center;display:flex}.wordrow__main{align-items:center;gap:var(--sp-3);min-width:0;padding:var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-4);flex:1;transition:background .15s;display:flex}.wordrow__main:active{background:var(--paper-sunken)}.wordrow__add{width:44px;height:44px;color:var(--ink-faint);transition:color .15s, background .15s, transform .12s var(--ease-out);border-radius:50%;flex:none;place-items:center;margin-right:6px;display:grid}.wordrow__add:active{background:var(--paper-sunken);transform:scale(.88)}.wordrow__add--on{color:var(--jade)}.wordrow__ring{background:conic-gradient(var(--jade) var(--fill), var(--paper-sunken) 0);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.wordrow__ring svg{background:var(--paper-raised);border-radius:50%;width:22px;height:22px;padding:2px}.loadmore{margin-top:var(--sp-4)}.readings{padding:var(--sp-3);background:var(--paper-sunken);border-radius:var(--r-md);text-align:left;margin-bottom:var(--sp-1);align-self:stretch}.readings__label{letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--sp-2);font-size:11px;font-weight:700}.readings__row{align-items:baseline;gap:var(--sp-2);text-align:left;width:100%;padding:3px 0;display:flex}.readings__pinyin{flex:none;font-size:14px;font-weight:700}.readings__gloss{color:var(--ink-muted);font-size:12.5px}.examples{overflow:hidden}.examples li+li{border-top:1px solid var(--rule)}.examples__row{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-4);display:flex}.examples__zh{letter-spacing:.02em;font-size:19px;line-height:1.5}.examples__hit{background:var(--seal-soft);color:var(--seal);border-radius:4px;padding:0 2px}.examples__en{margin-top:3px;font-size:13.5px;line-height:1.4}.examples__credit{margin-top:var(--sp-2);padding-left:var(--sp-1);font-size:11.5px}.examples__credit a{text-underline-offset:2px;text-decoration:underline}.card-face__write{margin-top:var(--sp-5)}.card-face__pad{margin-top:var(--sp-5);align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.card-face__wrote{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);background:var(--seal-soft);color:var(--seal);font-size:13px;font-weight:650}.card-face__wrote--clean{background:var(--jade-soft);color:var(--jade)}.grader__btn--suggested{box-shadow:inset 0 0 0 2px}.intro__steps{gap:var(--sp-2);padding:var(--sp-2) 0 0;flex:none;justify-content:center;display:flex}.intro__step{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);border-radius:var(--r-full);background:var(--paper-sunken);padding:4px 10px;font-size:11px;font-weight:700;transition:background .25s,color .25s}.intro__step--on{background:var(--seal-soft);color:var(--seal)}.intro__body{justify-content:flex-start;overflow-y:auto}.intro__panel{align-items:center;gap:var(--sp-3);text-align:center;flex-direction:column;width:100%;display:flex}.intro__panel--wide{gap:var(--sp-3);text-align:left;align-items:stretch}.intro__pinyin{align-items:center;gap:var(--sp-2);color:var(--ink-muted);font-size:30px;font-weight:700;display:inline-flex}.intro__gloss{max-width:32ch;font-size:16px;line-height:1.45}.intro__ask{letter-spacing:.04em;text-transform:uppercase;text-align:center;font-size:12.5px;font-weight:650}.intro__strip{gap:var(--sp-3);flex-direction:column;display:flex}.intro__strokenames{font-size:12.5px;line-height:1.6}.intro__strokenames .han{color:var(--ink-muted);font-size:14px}.intro__foot{padding-top:var(--sp-3);flex:none}.summary__chars{margin-top:var(--sp-5);justify-content:center;width:100%}.find__radicals{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;display:grid}.find__rad{aspect-ratio:1;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-sm);font-family:var(--font-han);transition:background .15s, border-color .15s, transform .12s var(--ease-out);place-items:center;font-size:22px;display:grid;position:relative}.find__rad:active{transform:scale(.92)}.find__rad--on{background:var(--seal-fill);border-color:var(--seal);color:var(--seal-ink)}.find__radn{font-family:var(--font-ui);color:var(--ink-faint);font-size:9px;font-weight:700;position:absolute;top:2px;right:4px}.find__rad--on .find__radn{color:var(--seal-ink);opacity:.8}.find__more{margin:var(--sp-3) auto 0;display:flex}.find__buckets{padding-bottom:var(--sp-2)}.find__hint{margin-top:var(--sp-5);text-align:center}.session__extras{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.session__advance{gap:var(--sp-2);padding-top:var(--sp-3);flex:none;display:flex}.drawlookup .pad{margin-bottom:var(--sp-5)}.drawlookup__hint{margin-top:var(--sp-3);padding:0 var(--sp-1);font-size:12px;line-height:1.45}.crash{max-width:420px;padding:calc(var(--safe-top) + var(--sp-12)) var(--sp-5) var(--sp-10);text-align:center;margin:0 auto}.crash__glyph{color:var(--seal);opacity:.8;margin-bottom:var(--sp-4);font-size:56px;display:block}.crash__title{margin-bottom:var(--sp-3);font-size:24px}.crash__body{font-size:14.5px;line-height:1.55}.crash__detail{margin:var(--sp-5) 0;padding:var(--sp-3);background:var(--paper-sunken);border-radius:var(--r-md);font-family:var(--font-mono);color:var(--ink-muted);text-align:left;white-space:pre-wrap;word-break:break-word;max-height:30vh;font-size:11.5px;line-height:1.5;overflow:auto}.crash__actions{gap:var(--sp-2);flex-direction:column;display:flex}.welcome{max-width:460px;min-height:100dvh;padding:var(--safe-top) var(--sp-5) calc(var(--safe-bottom) + var(--sp-5));flex-direction:column;margin:0 auto;display:flex}.welcome__top{height:var(--header-h);flex:none;justify-content:space-between;align-items:center;display:flex}.welcome__dots{gap:6px;display:flex}.welcome__dot{background:var(--paper-sunken);border-radius:2px;width:22px;height:4px;transition:background .3s}.welcome__dot--on{background:var(--seal)}.welcome__skip{color:var(--ink-faint);padding:var(--sp-2);font-size:14px;font-weight:600}.welcome__body{padding:var(--sp-4) 0;flex:1;align-items:center;display:flex}.welcome__panel{width:100%}.welcome__art{margin-bottom:var(--sp-5);justify-content:center;display:flex}.welcome__art .stroke-anim__stage{background:0 0;width:min(200px,56vw)}.welcome__title{letter-spacing:-.025em;margin-bottom:var(--sp-3);font-size:30px}.welcome__lede{color:var(--ink-muted);margin-bottom:var(--sp-6);font-size:15.5px;line-height:1.55}.welcome__points{gap:var(--sp-3);flex-direction:column;display:flex}.welcome__points li{align-items:center;gap:var(--sp-3);font-size:14.5px;font-weight:550;display:flex}.welcome__points svg{color:var(--seal);flex:none}.welcome__choices{gap:var(--sp-2);flex-direction:column;display:flex}.welcome__choices--pair{gap:var(--sp-3);flex-direction:row}.welcome__choice{padding:var(--sp-4);text-align:left;background:var(--paper-raised);border:2px solid var(--rule);border-radius:var(--r-lg);transition:border-color .18s, background .18s, transform .12s var(--ease-out);flex-direction:column;gap:3px;display:flex;position:relative}.welcome__choice:active{transform:scale(.98)}.welcome__choice--on{border-color:var(--seal);background:var(--seal-soft)}.welcome__choice--big{text-align:center;align-items:center;gap:var(--sp-1);flex:1}.welcome__glyph{margin-bottom:var(--sp-1);font-size:54px;line-height:1.1}.welcome__choicename{font-size:15.5px;font-weight:650}.welcome__choicesub{font-size:12.5px;line-height:1.4}.welcome__choice .chip{top:var(--sp-3);right:var(--sp-3);position:absolute}.welcome__choice--big .chip{position:static}.welcome__foot{margin-top:var(--sp-4);text-align:center;font-size:12.5px;line-height:1.5}.welcome__foot-actions{gap:var(--sp-1);flex-direction:column;flex:none;display:flex}.confuse{gap:var(--sp-3);align-items:flex-start;display:flex}.confuse__subject{align-items:center;gap:var(--sp-2);width:92px;padding:var(--sp-4) var(--sp-2);background:var(--seal-soft);border-radius:var(--r-lg);flex-direction:column;flex:none;display:flex}.confuse__subject .confuse__glyph{color:var(--seal)}.confuse__tag{height:20px;padding:0 8px;font-size:10px}.confuse__others{gap:var(--sp-2);flex-direction:column;flex:1;min-width:0;display:flex}.confuse__other{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-md);transition:transform .12s var(--ease-out);display:flex}.confuse__other:active{transform:scale(.98)}.confuse__glyph{font-family:var(--font-han);font-size:38px;line-height:1.1}.confuse__other .confuse__glyph{flex:none;font-size:30px}.confuse__pinyin{font-size:13px;font-weight:650;display:block}.confuse__gloss{color:var(--ink-muted);font-size:12px;display:block}.confuse-drill{justify-content:flex-start;gap:var(--sp-5)}.confuse-drill__prompt{text-align:center}.confuse-drill__gloss{margin-top:var(--sp-2);max-width:30ch;font-size:17px;line-height:1.45}.confuse-drill__options{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%;display:grid}.confuse-drill__option{align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-2);background:var(--paper-raised);border:2px solid var(--rule);border-radius:var(--r-lg);transition:border-color .2s, background .2s, opacity .2s, transform .1s var(--ease-out);flex-direction:column;display:flex}.confuse-drill__option:active{transform:scale(.96)}.confuse-drill__glyph{font-size:52px;line-height:1.05}.confuse-drill__reveal{max-width:100%;font-size:11.5px}.confuse-drill__option--right{border-color:var(--jade);background:var(--jade-soft)}.confuse-drill__option--wrong{border-color:var(--seal);background:var(--seal-soft)}.confuse-drill__option--dim{opacity:.4}.confuse-drill__after{align-items:center;gap:var(--sp-3);text-align:center;flex-direction:column;display:flex}.confuse-drill__compare{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.confuse-drill__compare .stroke-anim__stage{width:min(150px,42vw)}.confuse-drill__compare p{max-width:30ch;font-size:12.5px}.sandhi{padding:var(--sp-3) var(--sp-4);background:var(--gold-soft);border-radius:var(--r-md);text-align:left;align-self:stretch}.sandhi__line{align-items:center;gap:var(--sp-2);display:flex}.sandhi__label{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:700}.sandhi__spoken{flex:1;min-width:0;font-size:19px;font-weight:700}.sandhi__note{color:var(--ink-muted);margin-top:2px;font-size:12.5px;line-height:1.45}.note{text-align:left;width:100%;padding:var(--sp-4);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-lg);transition:border-color .15s;display:block}.note--empty{align-items:center;gap:var(--sp-2);color:var(--ink-faint);border-style:dashed;font-size:14px;font-weight:550;display:flex}.note--empty:active{border-color:var(--rule-strong)}.note__text{white-space:pre-wrap;font-size:14.5px;line-height:1.5}.note__edit{margin-top:var(--sp-2);align-items:center;gap:4px;font-size:12px;font-weight:650;display:inline-flex}.note--editing{border-color:var(--seal)}.note__input{resize:vertical;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14.5px;line-height:1.5}.note__foot{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);font-size:12px;display:flex}.card-face__note{max-width:34ch;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);background:var(--gold-soft);color:var(--gold);white-space:pre-wrap;font-size:13.5px;line-height:1.45}.leech{width:100%;max-width:34ch;padding:var(--sp-3);border-radius:var(--r-md);background:var(--seal-soft);text-align:left;gap:var(--sp-2);flex-direction:column;display:flex}.leech__title{color:var(--seal);align-items:center;gap:6px;font-size:13.5px;font-weight:650;display:flex}.leech__body{font-size:12.5px;line-height:1.45}.weak__lapses--leech{color:var(--seal);font-weight:750}.confuse-drill__option{position:relative}.confuse-drill__key{font-size:11px;font-weight:700;position:absolute;top:6px;left:9px}@media (pointer:coarse){.confuse-drill__key{display:none}}.pchart{gap:var(--sp-3);flex-direction:column;display:flex}.pchart__readout{align-items:baseline;gap:var(--sp-2);min-height:26px;font-size:12.5px;display:flex}.pchart__value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:750;line-height:1}.pchart__svg{touch-action:pan-y;cursor:crosshair;width:100%;height:96px;display:block;overflow:visible}.pchart__axis{stroke:var(--rule);stroke-width:1px}.pchart__area{fill:var(--seal);opacity:.12}.pchart__line{fill:none;stroke:var(--seal);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pchart__crosshair{stroke:var(--ink-faint);stroke-width:1px}.pchart__dot{fill:var(--seal);stroke:var(--paper-raised);stroke-width:2px}.pchart__scale{justify-content:space-between;font-size:11px;font-weight:600;display:flex}.reviewhead__write{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-3);border-radius:var(--r-md);background:var(--paper-sunken);color:var(--ink-muted);text-align:left;font-size:12.5px;line-height:1.4;display:flex}.reviewhead__write svg{color:var(--seal);flex:none}.reading{justify-content:flex-start;gap:var(--sp-4)}.reading__sentence{letter-spacing:.03em;text-align:center;max-width:18ch;font-size:clamp(26px,8vw,36px);line-height:1.75}.reading__char{font:inherit;color:inherit;border-radius:4px;padding:0 1px;transition:background .15s,color .15s}.reading__char--tapped{color:var(--ink-muted);background:var(--paper-sunken)}.reading__char--open{background:var(--seal-fill);color:var(--seal-ink)}.reading__gloss{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-md);text-align:left;display:flex}.reading__glossglyph{flex:none;font-size:30px;line-height:1.1}.reading__glosspinyin{font-size:13.5px;font-weight:650;display:block}.reading__glossmeaning{color:var(--ink-muted);font-size:12.5px;display:block}.reading__tools{gap:var(--sp-2);display:flex}.reading__english{text-align:center;max-width:34ch;padding:var(--sp-3) var(--sp-4);background:var(--jade-soft);color:var(--jade);border-radius:var(--r-md);font-size:16px;line-height:1.5}.statbar__aside{padding-top:var(--sp-1);font-size:12.5px;line-height:1.45}.prompt__word{letter-spacing:.04em;font-size:clamp(30px,10vw,44px);line-height:1.25}.prompt__word--rest{color:var(--ink-faint)}.prompt__word--now{color:var(--ink);box-shadow:inset 0 -.16em 0 var(--seal-soft);border-radius:5px;padding:0 2px}.prompt__wordpinyin{margin-top:2px;font-size:15px;font-weight:650;display:block}.reviewhead__backlog{margin:calc(var(--sp-3) * -1) 0 var(--sp-4);padding:var(--sp-3);border-radius:var(--r-md);background:var(--gold-soft);color:var(--gold);font-size:12.5px;line-height:1.45}.importlink{margin-bottom:var(--sp-4)}.mine__input{width:100%;padding:var(--sp-4);margin-bottom:var(--sp-3);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-lg);font-family:var(--font-han);resize:vertical;outline:none;font-size:18px;line-height:1.7;transition:border-color .15s}.mine__input:focus{border-color:var(--seal)}.mine__summary{margin:var(--sp-4) 0;gap:var(--sp-2);flex-direction:column;font-size:13.5px;line-height:1.5;display:flex}.coverage{gap:var(--sp-3);flex-direction:column;display:flex}.coverage__figure{letter-spacing:-.03em;color:var(--seal);font-variant-numeric:tabular-nums;font-size:42px;font-weight:750;line-height:1}.coverage__body{margin-top:calc(var(--sp-2) * -1);font-size:14px;line-height:1.5}.coverage__note{font-size:12px;line-height:1.45}.coverage__next{align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);background:var(--seal-soft);color:var(--seal);transition:transform .12s var(--ease-out);font-size:13px;line-height:1.45;display:flex}.coverage__next:active{transform:scale(.99)}.coverage__next .faint{color:inherit;opacity:.75}.useful{margin-bottom:var(--sp-3);display:block}.useful__row{gap:var(--sp-2);margin-top:var(--sp-3);scrollbar-width:none;display:flex;overflow-x:auto}.useful__row::-webkit-scrollbar{display:none}.useful__char{width:54px;padding:var(--sp-2) 2px;background:var(--paper-sunken);border-radius:var(--r-sm);flex-direction:column;flex:none;align-items:center;gap:1px;display:flex}.useful__glyph{font-size:26px;line-height:1.1}.useful__pinyin{color:var(--ink-faint);max-width:100%;font-size:10.5px}.readable{align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--seal-soft);border-radius:var(--r-lg);color:var(--seal);transition:transform .12s var(--ease-out);font-size:13px;line-height:1.4;display:flex}.readable:active{transform:scale(.99)}.readable__figure{font-variant-numeric:tabular-nums;letter-spacing:-.02em;flex:none;font-size:24px;font-weight:750}.readable .faint{color:inherit;opacity:.75}.scan__choices{gap:var(--sp-2);margin:var(--sp-4) 0;flex-direction:column;display:flex}.scan__note{margin-bottom:var(--sp-2)}.scan__note p{font-size:13px;line-height:1.5}.tips{gap:var(--sp-2);padding:var(--sp-4);color:var(--ink-muted);flex-direction:column;font-size:13.5px;line-height:1.5;display:flex}.tips li{padding-left:18px;position:relative}.tips li:before{content:"";background:var(--seal);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:2px}.viewfinder{margin-top:var(--sp-2);aspect-ratio:3/4;border-radius:var(--r-lg);background:#000;width:100%;max-height:58vh;position:relative;overflow:hidden}.viewfinder__video{object-fit:cover;width:100%;height:100%;display:block}.viewfinder__guide{border:2px solid var(--seal-ink);border-radius:var(--r-sm);pointer-events:none;position:absolute;box-shadow:0 0 0 9999px #00000073}.viewfinder__hint{left:0;right:0;bottom:var(--sp-4);text-align:center;color:#fff;text-shadow:0 1px 4px #000c;pointer-events:none;font-size:13px;font-weight:600;position:absolute}.scan__busy{align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4);text-align:center;flex-direction:column;display:flex}.scan__stage{font-size:15px;font-weight:650}.scan__bar{width:100%;max-width:260px;margin-top:0}.scan__chars{margin-top:var(--sp-2);word-break:break-all;font-size:26px;line-height:1.5}.scanlines{margin-bottom:var(--sp-2);flex-direction:column;display:flex}.scanlines li+li{border-top:1px solid var(--rule)}.scanlines__row{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;display:flex}.scanlines__row--off{opacity:.45}.scanlines__row--off .scanlines__text{text-decoration:line-through}.scanlines__text{word-break:break-all;font-size:19px;line-height:1.4}.chip--warn{background:var(--gold-soft);color:var(--gold)}.settings__message--warn{color:var(--seal)}.icon-btn--accent{background:var(--seal-soft);color:var(--seal)}.saydrill{justify-content:center;align-items:center;gap:var(--sp-4);text-align:center;padding:var(--sp-4) 0;flex-direction:column;flex:1;display:flex}.saydrill__glyph{font-size:clamp(76px,26vw,132px);line-height:1.1}.saydrill__glyph--long{font-size:clamp(44px,15vw,76px)}.saydrill__answer{justify-content:center;align-items:center;gap:var(--sp-1);flex-direction:column;min-height:62px;display:flex}.saydrill__pinyin{font-size:26px;font-weight:650}.saydrill__gloss{max-width:30ch;font-size:14px}.saydrill__caption{font-size:22px;font-family:var(--font-han);min-height:30px}.saydrill__controls{gap:var(--sp-2);padding:var(--sp-4);padding-bottom:max(var(--sp-4), env(safe-area-inset-bottom));flex-direction:column;display:flex}.mic-pulse{background:var(--seal);border-radius:50%;width:12px;height:12px;animation:1.1s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.mic-pulse{animation:none}}.verdict{width:100%;max-width:420px;padding:var(--sp-4);border-radius:var(--r-md);background:var(--paper-sunken);text-align:left}.verdict--right{background:var(--jade-soft);color:var(--jade)}.verdict--tone,.verdict--near{background:var(--gold-soft);color:var(--gold)}.verdict--wrong,.verdict--nothing{background:var(--seal-soft);color:var(--seal)}.verdict__head{align-items:center;gap:var(--sp-2);font-size:15px;font-weight:700;display:flex}.verdict__heard{margin-left:auto;font-size:24px;line-height:1}.verdict__note{margin-top:var(--sp-2);color:var(--ink-muted);font-size:13.5px;line-height:1.5}.verdict__tones{margin-top:var(--sp-3);align-items:center;gap:var(--sp-3);display:flex}.verdict__contour{flex:none;width:72px;height:72px}.verdict__said{fill:none;stroke:var(--ink-faint);stroke-width:5px;stroke-linecap:round;stroke-dasharray:7 7}.verdict__legend{font-size:12.5px;line-height:1.45}.tips--flush{padding:var(--sp-3) 0 0;background:0 0}.notice--warn{background:var(--seal-soft);color:var(--seal)}.flip{width:100%;padding:var(--sp-4);perspective:1400px;cursor:pointer;background:0 0;border:0;flex:1;display:flex}.flip__inner{min-height:320px;transform-style:preserve-3d;transition:transform .34s var(--ease-spring);flex:1;display:block;position:relative}.flip--over .flip__inner{transform:rotateY(180deg)}.flip__face{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-6);text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.flip__face--back{transform:rotateY(180deg)}.flip__glyph{font-size:clamp(88px,30vw,150px);line-height:1.05}.flip__glyph--long{font-size:clamp(46px,16vw,84px);line-height:1.25}.flip__prompt{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.flip__pinyin{font-size:30px;font-weight:650}.flip__gloss{color:var(--ink-muted);max-width:26ch;font-size:16px;line-height:1.45}.flip__words{margin-top:var(--sp-2);font-size:20px}.flip__hint{bottom:var(--sp-4);letter-spacing:.04em;text-transform:uppercase;font-size:12px;position:absolute}.flip__controls{gap:var(--sp-3);padding:var(--sp-4);padding-bottom:max(var(--sp-4), env(safe-area-inset-bottom));flex-direction:column;display:flex}.flip__meta{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.tool--off{opacity:.55}@media (prefers-reduced-motion:reduce){.flip__inner{transition:none}}.kept{margin-bottom:var(--sp-2);flex-direction:column;display:flex}.kept__item{align-items:center;display:flex}.kept__item+.kept__item{border-top:1px solid var(--rule)}.kept__open{align-items:center;gap:var(--sp-3);min-width:0;padding:var(--sp-3) var(--sp-4);text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;display:flex}.kept__title{font-size:16px;line-height:1.3;display:block}.kept__meta{margin-top:1px;font-size:12.5px;display:block}.kept__remove{margin-right:var(--sp-2);flex:none}.sayit{align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);flex-direction:column;display:flex}.verdict--compact{margin-bottom:var(--sp-3);padding:var(--sp-3)}.verdict--compact .verdict__note{font-size:13px}.verdict--compact .verdict__contour{width:56px;height:56px}.hear{justify-content:center;align-items:center;gap:var(--sp-3);text-align:center;padding:var(--sp-4);flex-direction:column;flex:1;display:flex}.hear__play{background:var(--seal-soft);width:128px;height:128px;color:var(--seal);cursor:pointer;transition:transform .15s var(--ease-out);border:0;border-radius:50%;place-items:center;display:grid}.hear__play:active{transform:scale(.94)}.hear__reveal{min-height:74px;padding:0 var(--sp-2);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.hear__word{font-size:34px;line-height:1.2}.hear__pinyin{font-size:17px;font-weight:650}.hear__options{justify-content:center;gap:var(--sp-2);padding:0 var(--sp-4);flex-direction:column;flex:1;display:flex}.hear__opt{align-items:center;gap:var(--sp-3);width:100%;min-height:56px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1.5px solid var(--rule);background:var(--paper-raised);color:var(--ink);text-align:left;cursor:pointer;font-size:15px;font-weight:600;line-height:1.35;display:flex}.hear__opt:disabled{cursor:default}.hear__opt--right{border-color:var(--jade);background:var(--jade-soft);color:var(--jade)}.hear__opt--wrong{border-color:var(--seal);background:var(--seal-soft);color:var(--seal)}.hear__opt-word{opacity:.85;flex:none;align-items:baseline;gap:6px;font-size:17px;font-weight:500;display:flex}.hear__foot{padding:var(--sp-4);padding-bottom:max(var(--sp-4), env(safe-area-inset-bottom));align-items:center;min-height:84px;display:flex}.hear__hint{text-align:center;width:100%;font-size:13px}.btn--on{background:var(--seal-soft);color:var(--seal)}.advice{align-items:flex-start;gap:var(--sp-3);margin:var(--sp-3) 0;display:flex}.advice__icon{border-radius:var(--r-md);background:var(--paper-sunken);width:42px;height:42px;color:var(--ink-muted);flex:none;place-items:center;display:grid}.advice--weak .advice__icon{background:var(--gold-soft);color:var(--gold)}.advice--streak .advice__icon{background:var(--seal-soft);color:var(--seal)}.advice__title{font-size:15.5px;font-weight:700;display:block}.advice__why{color:var(--ink-muted);margin-top:2px;font-size:13px;line-height:1.45;display:block}.advice__go{flex:none;margin-top:12px}.hear__sentence{word-break:break-word;font-size:26px;line-height:1.6}.hear__gap{border-bottom:2px solid var(--seal);min-width:2.2em;color:var(--seal);text-align:center;margin:0 2px;padding:0 4px;display:inline-block}.hear__gap--filled{border-bottom-color:var(--jade);color:var(--jade)}.hear__english{margin-top:var(--sp-2);max-width:34ch;font-size:14px;line-height:1.45}.hear__opt-han{font-size:19px}.hear__opt-pinyin{opacity:.8;font-size:14px;font-weight:500}.more{margin-top:var(--sp-2)}.more>summary{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink-muted);cursor:pointer;font-size:14.5px;font-weight:650;list-style:none;display:flex}.more>summary::-webkit-details-marker{display:none}.more>summary:after{content:"";border-right:1.6px solid var(--ink-faint);border-bottom:1.6px solid var(--ink-faint);width:7px;height:7px;transition:transform .18s var(--ease-out);margin-left:auto;transform:rotate(45deg)translate(-2px,-2px)}.more[open]>summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.more[open]>summary{margin-bottom:var(--sp-2)}.more__list{gap:var(--sp-2);flex-direction:column;display:flex}.sheet-page{padding-bottom:var(--sp-10)}.sheet-controls{margin-bottom:var(--sp-6)}.sheetlink{margin-top:var(--sp-4)}.sheet-doc{color:#000;padding:var(--sp-5) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--rule);background:#fff;overflow-x:auto}.sheet-doc__title{font-family:var(--font-han);margin-bottom:var(--sp-5);color:#000;font-size:22px}.sheet-doc__sub{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#777;margin-left:var(--sp-2);font-size:11px;font-weight:600}.sheetblock{margin-bottom:var(--sp-5);break-inside:avoid}.sheetblock__head{align-items:baseline;gap:var(--sp-3);border-bottom:1px solid #ddd;margin-bottom:6px;padding-bottom:4px;display:flex}.sheetblock__glyph{color:#000;font-size:20px}.sheetblock__meta{align-items:baseline;gap:var(--sp-2);flex:1;min-width:0;display:flex}.sheetblock__pinyin{color:#000;font-size:13px;font-weight:700}.sheetblock__gloss{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sheetblock__strokes{color:#666;white-space:nowrap;font-size:11px}.sheetrow{grid-template-columns:repeat(10,1fr);min-width:440px;display:grid}.sheetcell{aspect-ratio:1;margin:0 -.5px -.5px 0;position:relative}.sheetcell .chargrid__frame{stroke:#999}.sheetcell .chargrid__guide line{stroke:#ddd}.sheetcell .strokecanvas__ink{fill:#000}.sheetcell__ghost .strokecanvas__ink{fill:#c9c9c9}@media print{.sheet-chrome,.tabbar,.header,.toast{display:none!important}@page{size:A4 portrait;margin:12mm}html,body,#root,.app,.app__main{background:#fff!important;min-height:0!important;padding:0!important}.page{max-width:none;padding:0}.sheet-doc{border:0;border-radius:0;padding:0;overflow:visible}.sheetrow{min-width:0}.sheetblock{margin-bottom:8mm}.sheetcell .chargrid__frame{stroke:#666;stroke-width:1.2px}.sheetcell .chargrid__guide line{stroke:#c4c4c4}.sheetcell__ghost .strokecanvas__ink{fill:#bbb}}@media (min-width:900px){:root{--rail-w:232px}.app__main{padding-bottom:var(--sp-8);padding-left:var(--rail-w)}.app__main--bare{padding-left:0}.tabbar{width:var(--rail-w);height:100dvh;padding:var(--sp-6) var(--sp-3) var(--sp-4);border-top:0;border-right:1px solid var(--rule);background:var(--paper);-webkit-backdrop-filter:none;top:0;right:auto}.tabbar:before{content:"Bihua";padding:0 var(--sp-3) var(--sp-6);letter-spacing:-.02em;color:var(--ink);font-size:21px;font-weight:700;display:block}.tabbar__inner{grid-auto-columns:auto;grid-auto-flow:row;gap:2px;height:auto}.tab{justify-content:flex-start;gap:var(--sp-3);padding:0 var(--sp-3);border-radius:var(--r-md);flex-direction:row;height:44px;transition:background .15s,color .15s}.tab:hover{background:var(--paper-sunken)}.tab--active{background:var(--seal-soft)}.tab--active .tab__icon{transform:none}.tab__label{font-size:14.5px}.tab__badge{box-shadow:none;margin-left:auto;position:static}.header{padding-left:var(--rail-w)}.app__main--bare .header{padding-left:0}.page,.header__bar{max-width:620px}.header__title--lead{display:none}.card,.ctile,.rad,.upnext__item,.recent,.find__rad{transition:border-color .15s, box-shadow .15s, transform .12s var(--ease-out)}.ctile:hover,.rad:hover,.upnext__item:hover,.recent:hover,.find__rad:hover{border-color:var(--rule-strong)}.tool:hover,.source:hover,.band:hover,.path:hover{border-color:var(--rule-strong);box-shadow:var(--shadow-md)}.wordlist__row:hover,.wordrow__main:hover,.summary__row:hover{background:var(--paper-sunken)}.sheet-page .sheet-doc{max-width:none}}@media (min-width:1300px){.app{max-width:1300px;margin:0 auto;position:relative}.tabbar{left:max(0px,50vw - 650px)}.header{left:0;right:0}}