*{box-sizing:border-box}[hidden]{display:none!important}.tooltip{z-index:100001;pointer-events:none;opacity:0;color:#fff;-webkit-backdrop-filter:blur(8px);background:#1c1c1ef0;border:1px solid #ffffff14;border-radius:8px;max-width:280px;padding:6px 10px;font-size:.78rem;line-height:1.45;transition:opacity .12s;position:fixed;box-shadow:0 6px 24px #00000038}.tooltip--show{opacity:1}.tooltip .tt-title{color:#fff;margin-bottom:2px;font-weight:700;display:block}.tooltip .tt-dim{color:#ffffffa6;margin-top:1px;font-size:.74rem;display:block}.storage-failure-warning{z-index:10050;left:50%;bottom:max(18px, env(safe-area-inset-bottom));color:#7f1d1d;background:#fff4f2;border:1px solid #f0b7b2;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;width:min(92vw,620px);padding:12px 14px;font-size:.9rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 32px #48141433}.storage-failure-warning button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;flex:none;padding:5px 9px}.tooltip .tt-definition{display:block}.tooltip .tt-pronunciation{color:#d6e5ffe6;letter-spacing:.01em;margin-bottom:2px;font-size:.76rem;font-weight:600;display:block}.tooltip--font-preview{max-width:min(620px,100vw - 16px);padding:12px 14px}.tooltip--font-preview .tt-title{margin-bottom:8px;font-size:.9rem}.font-preview-list{gap:12px;width:min(560px,100vw - 48px);padding-top:6px;display:grid}.font-preview-row{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;display:grid}.font-preview-label{color:#ffffffad;font-size:.82rem;font-weight:700}.font-preview-sample{color:#fff;overflow-wrap:anywhere;font-size:clamp(3.8rem,7vw,5.8rem);line-height:.98;display:block}.font-preview-sample--system{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK TC,PingFang HK,Microsoft JhengHei,sans-serif}.font-preview-sample--ming{font-family:Songti TC,PMingLiU,MingLiU,Noto Serif CJK TC,serif}.font-preview-sample--song{font-family:SimSun,Noto Serif CJK SC,serif}.font-preview-sample--kai{font-family:Kaiti TC,KaiTi,DFKai-SB,cursive}.font-preview-sample--hei{font-family:PingFang HK,Microsoft JhengHei,Microsoft YaHei,Noto Sans CJK TC,sans-serif}.tt-attempts{gap:4px;margin-top:8px;display:flex}.tt-attempt{flex-direction:column;align-items:center;gap:3px;display:flex}.tt-chip{color:#fff;letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.62rem;font-weight:700;display:inline-flex;box-shadow:inset 0 -1px #0000002e}.tt-mark{font-size:.78rem;font-weight:700;line-height:1}.tt-mark--ok{color:#7cb342}.tt-mark--bad{color:#e74c3c}.tt-chip--h{background:#c62828}.tt-chip--m{background:#e74c3c}.tt-chip--a{background:#f39c12}.tt-chip--g{background:#7cb342}.tt-chip--e{background:#43a047}@media (hover:none){.tooltip,.tooltip--show{display:none!important}}html,body{color:#1c1c1e;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%;overscroll-behavior-x:none;background:linear-gradient(#ead7c2 0%,#f5f5f7 100%) fixed;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans CJK TC,PingFang TC,sans-serif}@media (width<=640px),(hover:none),(pointer:coarse){input,select,textarea{font-size:16px}}#app{max-width:640px;padding:12px;padding-bottom:env(safe-area-inset-bottom,12px);z-index:1;margin:0 auto;position:relative}.lang-flair{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;opacity:0;width:360px;height:360px;position:fixed;top:-16px;left:-16px;transform:rotate(-6deg)scale(.94)}html[data-mode=cantonese] .lang-flair--cantonese{animation:.7s 50ms both lang-flair-fade-in-canto}html[data-mode=mandarin] .lang-flair--mandarin{animation:.7s 50ms both lang-flair-fade-in-mand}@keyframes lang-flair-fade-in-canto{0%{opacity:0;transform:rotate(-6deg)scale(.94)}to{opacity:.35;transform:rotate(0)scale(1)}}@keyframes lang-flair-fade-in-mand{0%{opacity:0;transform:rotate(-6deg)scale(.94)}to{opacity:.25;transform:rotate(0)scale(1)}}.lang-flair--cantonese,.lang-flair--mandarin{object-fit:contain;object-position:center}@media (width<=640px){.lang-flair{width:220px;height:220px;top:-10px;left:-10px}}@media (prefers-reduced-motion:reduce){.lang-flair{animation:none}html[data-mode=cantonese] .lang-flair--cantonese{opacity:.35;transform:none}html[data-mode=mandarin] .lang-flair--mandarin{opacity:.25;transform:none}}header{text-align:center;margin-bottom:12px;position:relative}.header-actions{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:0}.header-actions--left{left:0}.header-actions--right{flex-direction:column;align-items:flex-end;gap:6px;right:0}.settings-btn,.help-btn,.stats-history-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #d0d0d4;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;line-height:1;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:static;box-shadow:0 1px 3px #0000000d}.settings-btn:hover,.help-btn:hover,.stats-history-btn:hover{color:#fff;background:#1c1c1e;border-color:#1c1c1e;box-shadow:0 2px 8px #00000026}.help-btn:active,.stats-history-btn:active{transform:scale(.96)}.settings-btn svg{transform-origin:50%}.settings-btn:hover svg{animation:4s linear infinite settings-cog-spin}@keyframes settings-cog-spin{to{transform:rotate(360deg)}}.settings-btn:active{transform:scale(.96)}.settings-list{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.modal.settings-modal{width:min(500px,100%);max-width:500px;max-height:calc(100dvh - 24px);overflow-y:auto}.settings-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.95rem;display:flex}.settings-row input[type=checkbox]{cursor:pointer;width:18px;height:18px}.settings-row--num{align-items:flex-start;gap:12px}.settings-row--group{cursor:default;align-items:flex-start;gap:12px}.settings-checkbox-group{flex-direction:column;flex:none;gap:6px;display:flex}.settings-subrow{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;display:flex}.settings-subrow input[type=checkbox]{cursor:pointer;width:18px;height:18px}.settings-num-label{flex-direction:column;flex:1;gap:2px;display:flex}.settings-num-label small{color:#777;font-size:.78rem;font-weight:400;line-height:1.3}.settings-row--num input[type=number]{text-align:center;font-variant-numeric:tabular-nums;border:1px solid #d0d0d4;border-radius:6px;width:64px;padding:6px 8px;font-size:.95rem}.settings-row--select{cursor:default;align-items:flex-start;gap:12px}.settings-row--select select{cursor:pointer;background:#fff;border:1px solid #d0d0d4;border-radius:6px;padding:6px 8px;font-size:.95rem}.settings-row--voice{cursor:default;grid-template-columns:minmax(0,1fr);align-items:start;gap:7px;display:grid}.settings-voice-controls{grid-template-columns:minmax(0,1fr) auto;gap:7px;min-width:0;display:grid}.settings-voice-controls select{cursor:pointer;background:#fff;border:1px solid #d0d0d4;border-radius:7px;width:100%;min-width:0;padding:7px 8px;font-size:.9rem}.settings-voice-preview{color:#1769aa;cursor:pointer;background:#eef4fc;border:1px solid #c9d8ec;border-radius:7px;min-height:36px;padding:6px 11px;font-weight:700}.settings-voice-preview:hover,.settings-voice-preview:focus-visible{background:#e3effc;border-color:#77a6db;outline:none}.settings-voice-preview:disabled,.settings-voice-controls select:disabled{cursor:not-allowed;opacity:.62}.settings-voice-status{color:#777;grid-column:1/-1;font-size:.74rem;line-height:1.3}h1{letter-spacing:.02em;margin:6px 0 10px;font-size:1.15rem}.brand{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:4px 0 10px;display:flex}.brand-logo-wrap{--hand-u:.6;--hand-v:.3;--hand-scale:.6;flex-shrink:0;width:56px;height:56px;position:relative}.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #00000014);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;transform-origin:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.22,1,.36,1) both brand-logo-arc}.brand-hand{width:calc(100% * var(--hand-scale,.5));height:calc(100% * var(--hand-scale,.5));left:calc(50% + var(--hand-u,0) * 100%);top:calc(50% + var(--hand-v,0) * 100%);object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 3px #00000026);animation:.95s cubic-bezier(.22,1,.36,1) .55s both brand-hand-in;position:absolute;transform:translate(-50%,-50%)}@keyframes brand-logo-arc{0%{opacity:0;transform:scale(.78)}33%{opacity:1;transform:scale(1)}56%{opacity:1;transform:scale(1)translate(0)}63%{transform:scale(1.06,.94)translate(-7px)}75%{transform:scale(.98,1.02)translate(2px)}to{opacity:1;transform:scale(1)translate(0)}}@keyframes brand-hand-in{0%{opacity:0;transform:translate(-50%,-50%)translate(72px)}25%{opacity:1}42%{opacity:1;transform:translate(-50%,-50%)translate(-5px)}60%{opacity:1;transform:translate(-50%,-50%)translate(1px)}to{opacity:1;transform:translate(-50%,-50%)translate(0)}}@font-face{font-family:Dongle;src:url(/fonts/dongle-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.brand-name{letter-spacing:.01em;margin:0;padding-top:4px;font-family:Dongle,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.4rem;font-weight:700;line-height:.9}.brand-name-bao,.brand-name-boop{display:inline-block}.brand-name-bao{color:#551f0b;animation:.55s cubic-bezier(.22,1,.36,1) .18s both brand-text-rise}.brand-name-boop{color:#ed5249;animation:.55s cubic-bezier(.22,1,.36,1) .3s both brand-text-rise}.brand-name-bao,.brand-name-boop{visibility:hidden;animation-play-state:paused}html.fonts-ready .brand-name-bao,html.fonts-ready .brand-name-boop{visibility:visible;animation-play-state:running}@keyframes brand-text-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.brand-logo,.brand-hand,.brand-name-bao,.brand-name-boop{animation:none}}@media (width<=480px){.brand-logo-wrap{width:44px;height:44px}.brand-name{font-size:1.85rem}}.controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.topx-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:inline-flex}.topx-progress-hint{color:#6b6b70;text-align:left;max-width:280px;font-size:.78rem;line-height:1.3}.topx-progress-hint:empty{display:none}.topx-stepper{background:#fff;border:1px solid #e5e5ea;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 1px 3px #0000000f}.topx-label{color:#555;letter-spacing:.02em;padding:0 8px 0 10px;font-size:.85rem;font-weight:600}#topX-num,#rotation-tail-size{text-align:center;font-variant-numeric:tabular-nums;color:#1c1c1e;appearance:textfield;background:#f5f5f7;border:1px solid #0000;border-radius:8px;width:64px;padding:7px 4px;font-size:1rem;font-weight:600}#topX-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#topX-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#rotation-tail-size::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#rotation-tail-size::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#topX-num:focus,#rotation-tail-size:focus{background:#fff;border-color:#007aff;outline:none}.topx-step,.tailsize-step{color:#fff;cursor:pointer;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#1c1c1e;border:none;border-radius:999px;min-width:48px;height:36px;padding:0 12px;font-size:.9rem;font-weight:700;transition:background .12s,transform 60ms}.topx-step:hover,.tailsize-step:hover{background:#2c2c2e}.topx-step:active,.tailsize-step:active{background:#007aff;transform:scale(.94)}.tail-mode-wrap{align-items:center;gap:8px;display:inline-flex}.tail-mode-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.tail-mode-toggle input[type=checkbox]{cursor:pointer;accent-color:#007aff;width:16px;height:16px;margin:0}.tail-mode-label{font-size:.85rem;font-weight:600}.toggle-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.mode-toggle{background:#fff;border-radius:999px;gap:2px;padding:3px;display:inline-flex;box-shadow:0 1px 3px #0000000f}.mode-btn{cursor:pointer;color:#666;white-space:nowrap;background:0 0;border:none;border-radius:999px;min-height:34px;padding:7px 12px;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.mode-btn:hover:not(.mode-btn--active){color:#1c1c1e;background:#ebebef}.mode-btn:active{transform:scale(.97)}.mode-btn--active{color:#fff;text-underline-offset:3px;background:#1c1c1e;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.practice-toggle{background:#fff;border-radius:999px;gap:2px;padding:3px;display:inline-flex;box-shadow:0 1px 3px #0000000f}.practice-btn{cursor:pointer;color:#666;white-space:nowrap;background:0 0;border:none;border-radius:999px;min-height:34px;padding:7px 12px;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.practice-btn:hover:not(:disabled):not(.practice-btn--active){color:#1565c0;background:#e3f0fb}.practice-btn:disabled{opacity:.4;cursor:not-allowed}.practice-btn:active:not(:disabled){transform:scale(.97)}.practice-btn--active{color:#fff;background:#1e88e5;font-weight:700}.tone-replay{cursor:pointer;color:#1c1c1e;--play-progress:0;background:#fff;border:1px solid #d0d0d4;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.tone-replay:before{content:"";transform:scaleX(var(--play-progress,0));transform-origin:0;pointer-events:none;z-index:0;background:#1e88e538;position:absolute;inset:0}.tone-replay>*{z-index:1;position:relative}.tone-replay:active{background:#f5f5f7;transform:scale(.97)}.tone-replay[disabled]{opacity:.4;cursor:not-allowed}.tone-cheatsheet{background:#fafafa;border:1px solid #ececec;border-radius:14px;margin-top:6px;padding:14px 12px 8px}.tone-cheatsheet-title{text-transform:uppercase;letter-spacing:.08em;color:#8a8a8e;text-align:center;margin-bottom:10px;font-size:.78rem}.tone-cheatsheet-grid{grid-template-columns:repeat(var(--tone-cols,6), minmax(0, 1fr));gap:8px;display:grid}.tone-cheat-cell{border:1px solid #ececec;border-top:3px solid var(--tone-color,#ddd);cursor:pointer;font:inherit;color:inherit;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;transition:transform 80ms,box-shadow .15s;display:flex}.tone-cheat-cell:hover{box-shadow:0 4px 12px color-mix(in srgb, var(--tone-color,#1c1c1e) 22%, transparent)}.tone-cheat-cell:active{transform:translateY(1px)scale(.98)}.tone-cheat-head{align-items:baseline;gap:6px;display:flex}.tone-cheat-num{color:var(--tone-color,#1c1c1e);font-size:.85rem;font-weight:700}.tone-cheat-pitch{color:#8a8a8e;font-variant-numeric:tabular-nums;font-size:.7rem}.tone-cheat-svg{width:100%;height:36px;display:block}.tone-cheat-foot{flex-direction:column;align-items:center;line-height:1.1;display:flex}.tone-cheat-word{font-size:1.25rem;font-weight:500}.tone-cheat-jp{color:var(--tone-color,#555);letter-spacing:.02em;font-size:.72rem;font-weight:600}.tone-cheat-desc{color:#999;text-align:center;margin-top:2px;font-size:.65rem}@media (width<=540px){.tone-cheat-word{font-size:1.1rem}}.tone-drill{gap:14px;display:grid}.tone-drill-picker{background:#fafafa;border:1px solid #ececec;border-radius:14px;overflow:hidden}.tone-drill-picker-toggle{width:100%;font:inherit;color:#1c1c1e;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.95rem;display:flex}.tone-drill-picker-toggle:hover{background:#f0f0f5}.tone-drill-picker-summary strong{color:#1678d3;font-weight:700}.tone-drill-picker-toggle-icon{color:#999;font-size:.85rem;transition:transform .18s}.tone-drill-picker:not(.is-collapsed) .tone-drill-picker-toggle-icon{transform:rotate(180deg)}.tone-drill-picker-body{flex-direction:column;gap:8px;padding:0 14px 12px;display:flex}.tone-drill-picker.is-collapsed .tone-drill-picker-body{display:none}.tone-drill-picker-hint{color:#999;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.tone-drill-search{width:100%;font:inherit;background:#fff;border:1px solid #d0d0d4;border-radius:10px;padding:9px 12px}.tone-drill-search:focus{outline-offset:1px;outline:2px solid #1e88e5}.tone-drill-syl-list{flex-wrap:wrap;gap:6px;max-height:180px;padding:2px;display:flex;overflow-y:auto}.tone-syl-pill{color:#444;cursor:pointer;background:#fff;border:1px solid #d6d6da;border-radius:999px;padding:5px 11px;font:600 .85rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transition:transform 60ms,background .15s,border-color .15s}.tone-syl-pill:hover:not(.is-selected){color:#1565c0;background:#e3f0fb;border-color:#1e88e5}.tone-syl-pill.is-selected{color:#fff;background:#1e88e5;border-color:#1e88e5}.tone-drill-picker-more{color:#888;width:100%;padding:4px 8px;font-size:.78rem}.tone-drill-quiz{background:#fff;border:1px solid #ececec;border-radius:14px;flex-direction:column;gap:16px;min-height:320px;padding:22px 18px 18px;display:flex}.tone-drill-quiz.is-correct-bg{animation:.6s tone-drill-bg-flash}@keyframes tone-drill-bg-flash{0%{background-color:#fff;border-color:#ececec}25%{background-color:#c8e6c9;border-color:#43a047}to{background-color:#fff;border-color:#ececec}}.tone-drill-empty{text-align:center;color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.tone-drill-empty-title{color:#555;font-size:1.05rem}.tone-drill-empty-sub{font-size:.85rem}.tone-drill-question{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.tone-drill-syllable{text-align:center;letter-spacing:.02em;color:#1c1c1e;font-size:4.2rem;font-weight:600;line-height:1}.tone-drill-replay{padding:10px 16px;font-size:.9rem}.tone-drill-hint-btn{font:inherit;cursor:pointer;color:#444;background:#fff;border:1px solid #d0d0d4;border-radius:999px;padding:9px 14px;font-size:.9rem}.tone-drill-hint-btn[aria-pressed=true]{color:#8c6900;background:#fff8e1;border-color:#ffd54f}.tone-drill-reveal{text-align:center;color:#444;min-height:24px;font-size:.95rem}.tone-drill-reveal-word{vertical-align:middle;font-size:1.4rem;font-weight:600}.tone-drill-reveal-jp{font:600 .95rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tone-drill-answers{grid-template-columns:repeat(var(--tone-cols,6), minmax(0, 1fr));gap:8px;display:grid}.tone-drill-tone{border:2px solid var(--tone-color,#ddd);background:color-mix(in srgb, var(--tone-color,#ddd) 6%, #fff);color:var(--tone-color,#333);cursor:pointer;font:inherit;--play-progress:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:84px;padding:16px 6px 12px;transition:transform 80ms,background .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.tone-drill-tone:before{content:"";background:color-mix(in srgb, var(--tone-color,#1c1c1e) 25%, transparent);transform:scaleX(var(--play-progress,0));transform-origin:0;pointer-events:none;z-index:0;position:absolute;inset:0}.tone-drill-tone>*{z-index:1;position:relative}.tone-drill-tone:hover:not(:disabled){background:color-mix(in srgb, var(--tone-color,#ddd) 15%, #fff);box-shadow:0 3px 12px color-mix(in srgb, var(--tone-color,#1c1c1e) 25%, transparent)}.tone-drill-tone:active:not(:disabled){transform:scale(.96)}.tone-drill-tone-kbd{background:#0000008c;margin:0;padding:1px 5px;font-size:.6rem;position:absolute;top:4px;right:4px}.tone-drill-shortcuts{text-align:center;color:#999;padding:4px 0;font-size:.72rem}.tone-drill-shortcuts .kbd{vertical-align:baseline;margin:0 2px;padding:1px 5px;font-size:.65rem}.tone-drill-tone:disabled:not(.is-correct):not(.is-wrong){cursor:not-allowed;opacity:.45;color:#999;box-shadow:none;background:#f5f5f7;border-color:#d6d6da}.tone-drill-tone-num{font-size:1.6rem;font-weight:800}.tone-drill-tone-name{opacity:.75;text-transform:lowercase;font-size:.7rem;font-weight:500}.tone-drill-tone.is-correct{color:#1b5e20;background:#c8e6c9;border-color:#43a047;animation:.32s tone-drill-pulse-correct}.tone-drill-tone.is-wrong{color:#8a8a8e;opacity:.6;cursor:not-allowed;background:#f0f0f2;border-color:#c8c8cd;animation:.32s tone-drill-shake}.tone-drill-tone.is-wrong .tone-drill-tone-num,.tone-drill-tone.is-wrong .tone-drill-tone-name{text-decoration:line-through;text-decoration-thickness:2px}@keyframes tone-drill-pulse-correct{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes tone-drill-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.tone-drill-score{font-variant-numeric:tabular-nums;border-top:1px solid #ececef;justify-content:center;gap:24px;padding-top:8px;display:flex}.tone-drill-score .muted{color:#999;margin-right:4px;font-size:.78rem}.tone-drill-score strong{color:#1c1c1e;font-size:1.2rem}.tone-drill-diagram{border-top:1px solid #ececef;padding-top:12px}.tone-drill-diagram-title{text-transform:uppercase;letter-spacing:.06em;color:#999;text-align:center;margin-bottom:8px;font-size:.7rem}.tone-drill-diagram-grid{grid-template-columns:repeat(var(--tone-cols,6), minmax(0, 1fr));gap:6px;display:grid}.tone-drill-diagram-cell{border:1px solid #ececef;border-top:3px solid var(--tone-color,#ddd);cursor:pointer;font:inherit;--play-progress:0;background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 4px;transition:transform 60ms,box-shadow .15s;display:flex;position:relative;overflow:hidden}.tone-drill-diagram-cell:before{content:"";background:color-mix(in srgb, var(--tone-color,#1c1c1e) 22%, transparent);transform:scaleX(var(--play-progress,0));transform-origin:0;pointer-events:none;z-index:0;position:absolute;inset:0}.tone-drill-diagram-cell>*{z-index:1;position:relative}.tone-drill-diagram-cell:hover{box-shadow:0 3px 10px color-mix(in srgb, var(--tone-color,#1c1c1e) 20%, transparent)}.tone-drill-diagram-cell:active{transform:translateY(1px)scale(.97)}.tone-drill-diagram-svg{width:100%;height:28px;display:block}.tone-drill-diagram-label{color:var(--tone-color,#555);font:600 .75rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tone-drill-diagram-stat{letter-spacing:0;color:#777;background:#f3f3f5;border-radius:999px;padding:1px 4px;font:600 .62rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tone-drill-diagram-stat.is-untouched{color:#c0c0c5;background:0 0}.tone-drill-diagram-stat.is-good{color:#2e7d32;background:#e0f2e1}.tone-drill-diagram-stat.is-ok{color:#b26a00;background:#fff3e0}.tone-drill-diagram-stat.is-poor{color:#c62828;background:#ffe0e0}.tone-drill-examples{margin-top:12px}.tone-drill-examples-title{text-transform:uppercase;letter-spacing:.06em;color:#999;text-align:center;margin-bottom:8px;font-size:.7rem}.tone-drill-examples-grid{grid-template-columns:repeat(var(--tone-cols,6), minmax(0, 1fr));align-items:start;gap:6px;display:grid}.tone-drill-examples-col{flex-direction:column;gap:4px;min-height:36px;display:flex}.tone-drill-example{cursor:pointer;font:inherit;--play-progress:0;background:#fff;border:1px solid #ececef;border-radius:8px;flex-direction:column;align-items:center;padding:6px 4px 4px;transition:transform 60ms,box-shadow .15s,background .15s;display:flex;position:relative;overflow:hidden}.tone-drill-example:before{content:"";background:color-mix(in srgb, var(--tone-color,#1c1c1e) 18%, transparent);transform:scaleX(var(--play-progress,0));transform-origin:0;pointer-events:none;z-index:0;position:absolute;inset:0}.tone-drill-example>*{z-index:1;position:relative}.tone-drill-example:hover{background:color-mix(in srgb, var(--tone-color,#ddd) 6%, #fff);box-shadow:0 2px 6px color-mix(in srgb, var(--tone-color,#1c1c1e) 18%, transparent)}.tone-drill-example:active{transform:scale(.96)}.tone-drill-example-word{color:#1c1c1e;font-size:1.25rem;font-weight:500;line-height:1.1}.tone-drill-example-meaning{color:#777;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin-top:2px;font-size:.62rem;line-height:1.2;display:-webkit-box;overflow:hidden}.tone-drill-example-empty{text-align:center;color:#c0c0c5;padding:16px 0;font-size:1rem;display:block}@media (width<=540px){.tone-drill-example-word{font-size:1.05rem}.tone-drill-example-meaning{-webkit-line-clamp:1;font-size:.58rem}.tone-drill-syllable{font-size:3rem}.tone-drill-tone-num{font-size:1.3rem}.tone-drill-tone{min-height:70px;padding:12px 4px 10px}.tone-drill-tone-name,.tone-drill-tone-kbd,.tone-drill-shortcuts{display:none}.tone-drill-diagram-svg{height:22px}.tone-drill-diagram-label{font-size:.65rem}}.icon-toggle{color:#666;cursor:pointer;background:#fff;border:1px solid #d0d0d4;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;box-shadow:0 1px 3px #0000000d}.icon-toggle:active{transform:scale(.96)}.icon-toggle[aria-pressed=true]{color:#fff;background:#007aff;border-color:#007aff}.font-preview-btn{letter-spacing:0;border-radius:999px;width:auto;min-width:50px;padding:0 10px;font-size:.72rem;font-weight:800}.progress{color:#666;margin-top:8px;font-size:.8rem}.card{background:#fff;border-radius:14px;min-height:60vh;margin-bottom:12px;padding:20px;position:relative;box-shadow:0 2px 14px #00000012}.card.card--loading{justify-content:center;align-items:center;min-height:clamp(260px,46vh,430px);display:flex;overflow:hidden}.card-loading-ui{text-align:center;color:#6e6e73;flex-direction:column;align-items:center;gap:10px;width:min(320px,100%);display:flex}.card-loading-spinner,.inline-spinner{border:3px solid #e2e2e7;border-top-color:#007aff;border-radius:50%;width:24px;height:24px;animation:.85s linear infinite loading-spin}.card-loading-title{color:#1c1c1e;font-size:1rem;font-weight:700}.card-loading-detail{font-size:.86rem}.card-loading-lines{gap:8px;width:100%;margin-top:4px;display:grid}.card-loading-lines span{background:linear-gradient(90deg,#ececf0 0%,#f7f7f9 45%,#ececf0 90%) 0 0/220% 100%;border-radius:999px;height:10px;animation:1.2s ease-in-out infinite loading-sweep;display:block}.card-loading-lines span:nth-child(2){justify-self:center;width:78%;animation-delay:80ms}.card-loading-lines span:nth-child(3){justify-self:center;width:56%;animation-delay:.16s}.inline-spinner{vertical-align:-3px;border-width:2px;width:16px;height:16px;margin-right:8px;display:inline-block}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.card-loading-spinner,.inline-spinner,.card-loading-lines span{animation:none}}.favorite-btn{z-index:3;color:#aaa;cursor:pointer;background:#ffffffe6;border:1px solid #d0d0d4;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .18s,background .18s,border-color .18s,transform .12s,box-shadow .18s;display:inline-flex;position:absolute;top:6px;right:8px;box-shadow:0 1px 3px #0000000d}.favorite-btn svg{width:15px;height:15px}.favorite-btn:hover{color:#f59e0b;background:#fff8e6;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b38}.favorite-btn:active{transform:scale(.92)}.favorite-btn[aria-pressed=true]{color:#f59e0b;background:#fff4d6;border-color:#f59e0b}.favorite-btn[aria-pressed=true] svg path{fill:currentColor}.new-badge{color:#fff;letter-spacing:.4px;text-transform:uppercase;z-index:1;background:#007aff;border-radius:999px;padding:3px 8px;font-size:.64rem;font-weight:700;position:absolute;top:7px;right:42px;box-shadow:0 1px 4px #007aff4d}.unconfident-badge{color:#fff;letter-spacing:.4px;text-transform:uppercase;z-index:1;background:#ef6c00;border-radius:999px;padding:3px 8px;font-size:.64rem;font-weight:700;position:absolute;top:7px;right:42px;box-shadow:0 1px 4px #ef6c004d}.new-badge+.unconfident-badge{top:31px}.card-stats{font-variant-numeric:tabular-nums;z-index:1;cursor:help;background:#0000000a;border-radius:999px;align-items:center;gap:5px;padding:2px 7px;font:600 .66rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-flex;position:absolute;top:7px;left:8px}.cs-rank{color:#555}.cs-scored{color:#2e7d32}.cs-misses{color:#c62828}.empty{text-align:center;color:#888;padding:60px 0}.card-front{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;min-height:55vh;display:flex}.word{font-size:clamp(5rem,22vw,9rem);font-weight:500;line-height:1}.hint{color:#aaa;margin-top:18px;font-size:.85rem}.word-row{border-bottom:1px solid #eee;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-bottom:14px;padding:8px 0;display:flex}.card-back{padding-top:34px}.card-back .word-small{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:none;margin:0;padding:0;font-size:2.4rem}.sound-btn{color:#007aff;cursor:pointer;background:#007aff14;border:1px solid #007aff;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.sound-btn:active{transform:scale(.96)}.sound-btn--playing{color:#fff;background:#007aff}.flip-back-btn{color:#1c1c1e;cursor:pointer;background:#fff;border:1px solid #d0d0d4;border-radius:999px;min-width:140px;min-height:42px;margin:18px auto 4px;padding:12px 24px;font-size:.9rem;font-weight:500;display:block}.flip-back-btn:active{background:#f5f5f7;transform:scale(.97)}.related-words{border-top:1px solid #ececef;margin-top:18px;padding-top:14px}.related-words-label{color:#888;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.78rem;font-weight:600}.related-words-list{flex-wrap:wrap;gap:6px;display:flex}.related-word{max-width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:#f5f5f7;border:1px solid #e3e3e7;border-radius:8px;align-items:baseline;gap:8px;padding:6px 10px;display:inline-flex}.related-word:hover{background:#ececef}.related-word:active{transform:scale(.98)}.related-word-rank{color:#8e8e93;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;font-size:.72rem;font-weight:700}.related-word-text{color:#1c1c1e;white-space:nowrap;font-size:1rem;font-weight:600}.related-word-jp{color:#555;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem}.related-word-meaning{color:#777;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.78rem;overflow:hidden}.char-clickable{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:#007aff2e;-webkit-user-select:text;user-select:text;background:0 0;border:none;border-radius:3px;margin:0;padding:0;display:inline}.char-clickable:hover{background:#007aff1f}.char-clickable:active{background:#007aff38}.card-word-char{border-radius:6px;transition:background .12s}.segmented-clickable{border-radius:5px;padding:0 2px;transition:background .12s,box-shadow .12s}.segmented-clickable--compound{background:#ffb80024;margin:0 1px;display:inline-block;box-shadow:inset 0 -2px #ff950057}.segmented-clickable.is-segment-linked{background:#007aff29;box-shadow:inset 0 -2px #007aff6b}.card-front .word,.card-back .word-small,.card-back .word-small .char-clickable{-webkit-user-select:text;user-select:text}.selection-lookup-popover{z-index:100000;width:min(var(--selection-lookup-width,640px), calc(100vw - 16px));color:#1c1c1e;-webkit-backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #00000014;border-radius:12px;padding:0;animation:.12s ease-out selection-lookup-in;position:fixed;box-shadow:0 16px 44px #0000003d}.selection-lookup-content{box-sizing:border-box;border-radius:inherit;scrollbar-gutter:stable;width:100%;max-height:calc(100dvh - 16px);padding:14px 14px 12px;overflow-y:auto}.selection-lookup-popover:after{content:"";left:var(--selection-lookup-arrow-left,50%);background:#fffffffa;border-bottom:1px solid #00000014;border-right:1px solid #00000014;width:14px;height:14px;position:absolute;bottom:-7px;transform:translate(-50%)rotate(45deg)}.selection-lookup-popover[data-placement=below]:after{top:-7px;bottom:auto;transform:translate(-50%)rotate(225deg)}.selection-lookup-word{letter-spacing:0;word-break:keep-all;overflow-wrap:anywhere;padding-right:34px;font-size:clamp(2.6rem,12vw,4.5rem);font-weight:600;line-height:1.05}.selection-lookup-word--long{max-height:min(42vh,280px);font-size:clamp(1.6rem,7vw,2.45rem);line-height:1.16;overflow-y:auto}.selection-lookup-word--segmented{word-break:normal}.selection-lookup-compound{color:inherit;cursor:pointer;font:inherit;text-underline-offset:.08em;vertical-align:baseline;white-space:nowrap;background:#007aff17;border:1px solid #007aff33;border-radius:.18em;margin-inline:.06em;padding:.01em .14em .05em;font-weight:750;line-height:1.05;-webkit-text-decoration:underline #007aff8c;text-decoration:underline #007aff8c;text-decoration-thickness:1.5px;transition:background .12s,border-color .12s,color .12s;display:inline-block}.selection-lookup-compound:hover,.selection-lookup-compound.is-linked-hover{color:#005bb5;background:#007aff2b;border-color:#007aff61}.selection-lookup-compound:focus-visible{outline-offset:2px;outline:2px solid #007affb3}.selection-lookup-compound--current{cursor:default;background:#007aff1c}.selection-lookup-jyutping{color:#4a4a4f;align-items:baseline;gap:8px;margin-top:6px;font-size:.94rem;line-height:1.35;display:flex}.selection-lookup-rom-label{color:#777;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}.selection-lookup-pron{color:#1c1c1e;overflow-wrap:anywhere;flex-wrap:wrap;gap:0 .35em;min-width:0;font-size:1.08rem;font-weight:700;display:inline-flex}.selection-lookup-exact-match{background:#007aff0e;border:1px solid #007aff29;border-radius:9px;gap:7px;margin-top:10px;padding:10px 11px;display:grid}.selection-lookup-exact-match[data-tooltip-html]{cursor:help}.selection-lookup-exact-match:focus-visible{outline-offset:2px;outline:2px solid #007affb3}.selection-lookup-exact-definition{color:#2c2c2e;overflow-wrap:anywhere;font-size:.94rem;font-weight:600;line-height:1.38}.selection-lookup-exact-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.selection-lookup-exact-label,.selection-lookup-exact-source{color:#6c6c73;font-size:.73rem;font-weight:650;line-height:1.25}.selection-lookup-exact-label{color:#0068cc}.selection-lookup-pron-part{border-radius:4px;padding:0 2px;transition:background .12s,color .12s}.selection-lookup-pron-part--clickable{appearance:none;color:inherit;cursor:pointer;font:inherit;font-weight:inherit;line-height:inherit;text-underline-offset:3px;background:0 0;border:0;margin:0;-webkit-text-decoration:underline dotted #005bb594;text-decoration:underline dotted #005bb594;text-decoration-thickness:1px}.selection-lookup-pron-part--clickable:hover{color:#005bb5;background:#007aff1c;text-decoration-color:currentColor}.selection-lookup-pron-part--clickable:focus-visible{outline-offset:2px;outline:2px solid #007affb3}.selection-lookup-hanzi.is-linked-hover,.selection-lookup-pron-part.is-linked-hover{color:#005bb5;background:#007aff1c}.selection-lookup-sound,.selection-lookup-open-card,.selection-lookup-action,.selection-lookup-close{cursor:pointer;border:none;flex:none}.selection-lookup-primary-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.selection-lookup-sound{color:#fff;background:#007aff;border-radius:999px;align-items:center;gap:7px;min-height:34px;margin-top:0;padding:0 12px;font-size:.86rem;font-weight:700;display:inline-flex}.selection-lookup-open-card{color:#fff;background:#1c1c1e;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:.86rem;font-weight:750;display:inline-flex}.selection-lookup-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.selection-lookup-action{color:#1c1c1e;background:#f0f0f3;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.selection-lookup-action:hover{background:#e6e6eb}.selection-lookup-open-card:hover{background:#343438}.selection-lookup-sound:focus-visible,.selection-lookup-open-card:focus-visible,.selection-lookup-action:focus-visible,.selection-lookup-close:focus-visible{outline-offset:2px;outline:2px solid #007affb3}.selection-lookup-close{z-index:1;color:#555;background:#f0f0f3;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}.selection-lookup-sound:active,.selection-lookup-open-card:active,.selection-lookup-action:active,.selection-lookup-close:active{transform:scale(.94)}@keyframes selection-lookup-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.selection-lookup-popover{animation:none}}.popup-layout{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;width:min(616px,100%);max-height:calc(100dvh - 24px);display:grid}.popup-layout--has-trail{grid-template-columns:minmax(96px,128px) minmax(0,616px);width:min(760px,100%)}.popup-breadcrumbs{background:#fffffff0;border:1px solid #ffffffb8;border-radius:14px;align-self:start;max-height:calc(100dvh - 24px);padding:8px;overflow-y:auto;box-shadow:0 10px 26px #0000002e}.popup-breadcrumb-title{color:#6c6c73;letter-spacing:.06em;text-transform:uppercase;padding:2px 4px 7px;font-size:.66rem;font-weight:800;line-height:1}.popup-breadcrumb-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.popup-breadcrumb{color:#1c1c1e;text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e1e6;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;width:100%;min-height:40px;padding:6px 7px;display:grid}.popup-breadcrumb:hover,.popup-breadcrumb:focus-visible{background:#eef4fc;border-color:#007aff6b;outline:none}.popup-breadcrumb--active{color:#fff;cursor:default;background:#1c1c1e;border-color:#1c1c1e}.popup-breadcrumb:disabled{opacity:1}.popup-breadcrumb-step{color:#6c6c73;font-variant-numeric:tabular-nums;background:#f0f0f3;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.66rem;font-weight:800;display:inline-flex}.popup-breadcrumb--active .popup-breadcrumb-step{color:#fff;background:#ffffff2e}.popup-breadcrumb-text{gap:1px;min-width:0;display:grid}.popup-breadcrumb-word{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:650;line-height:1.05;overflow:hidden}.popup-breadcrumb-rank{color:#8e8e93;font-variant-numeric:tabular-nums;font-size:.66rem;font-weight:700}.popup-breadcrumb--active .popup-breadcrumb-rank{color:#ffffffad}.popup-modal{will-change:transform, opacity;background:#fff;border-radius:16px;flex-direction:column;width:100%;max-height:calc(100dvh - 24px);padding:0;animation:.18s cubic-bezier(.2,.9,.4,1.15) modal-pop;display:flex;overflow:hidden;box-shadow:0 12px 32px #00000038}.modal-overlay.popup-overlay{-webkit-backdrop-filter:none;padding:12px}.popup-search-overlay{align-items:flex-start;padding:min(9vh,72px) 14px 14px}.popup-search-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(680px,100%);max-height:calc(100dvh - 28px);animation:.18s cubic-bezier(.2,.9,.4,1.15) modal-pop;display:flex;overflow:hidden;box-shadow:0 12px 32px #00000038}.popup-search-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px 12px;display:flex}.popup-search-title-wrap{gap:3px;min-width:0;display:grid}.popup-search-kicker{color:#6c6c73;font-size:.78rem;font-weight:750;line-height:1.1}.popup-search-title{color:#1c1c1e;margin:0;font-size:1.25rem;line-height:1.12}.popup-search-header-actions{flex:none;align-items:center;gap:10px;display:flex}.popup-search-count{color:#8e8e93;text-align:right;white-space:nowrap;min-width:7ch;font-size:.78rem;font-weight:700}.popup-search-close{color:#555;cursor:pointer;background:#f1f1f3;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:22px;line-height:1;display:inline-flex}.popup-search-close:active{transform:scale(.94)}.popup-search-bar{background:#f5f5f7;border:1px solid #d0d0d4;border-radius:12px;align-items:center;gap:8px;margin:12px 14px 10px;padding:4px 8px;transition:border-color .15s,background .15s;display:flex}.popup-search-bar:focus-within{background:#fff;border-color:#007aff}.popup-search-icon{color:#8e8e93;flex:none;display:inline-flex}.popup-search-input{color:#1c1c1e;appearance:none;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:9px 4px;font-size:1rem}.popup-search-input::-webkit-search-cancel-button{display:none}.popup-search-clear{color:#fff;cursor:pointer;background:#c7c7cc;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:18px;line-height:1;display:inline-flex}.popup-search-clear:active{transform:scale(.92)}.search-draw{color:#3c3c43;cursor:pointer;background:#fff;border:1px solid #d0d0d4;border-radius:9px;flex:none;align-items:center;gap:5px;padding:6px 10px;font-size:.82rem;font-weight:700;line-height:1;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.search-draw:hover:not(:disabled){color:#007aff;border-color:#007aff}.search-draw--active{color:#fff;background:#007aff;border-color:#007aff}.search-draw:disabled{opacity:.55;cursor:default}.search-draw-icon{font-size:.95rem}.search-draw-panel{background:#fafafa;border:1px solid #e2e2e6;border-radius:12px;flex:none;padding:12px}.popup-search-draw-panel{margin:0 14px 10px}.search-draw-panel--tab{margin-bottom:12px}.search-input-wrap{flex:1;min-width:0;display:flex;position:relative}.handwriting-pad-main{align-items:stretch;gap:14px;display:flex}.handwriting-canvas-wrap{flex:none;width:190px;height:190px;position:relative}.handwriting-canvas{cursor:crosshair;touch-action:none;background:#fff;border:1px solid #d0d0d4;border-radius:10px;width:100%;height:100%;display:block}.handwriting-canvas-hint{color:#b0b0b5;text-align:center;pointer-events:none;font-size:.74rem;font-weight:600;position:absolute;inset:auto 0 10px}.handwriting-pad-side{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.handwriting-pad-status{color:#8e8e93;min-height:1.1em;font-size:.76rem;font-weight:700}.handwriting-pad-status--warn{color:#c9412f}.handwriting-candidates{flex-wrap:wrap;flex:auto;align-content:flex-start;gap:6px;display:flex}.handwriting-candidate{color:#1c1c1e;cursor:pointer;background:#fff;border:1px solid #d0d0d4;border-radius:9px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.5rem;line-height:1;transition:border-color .12s,transform .12s;display:inline-flex}.handwriting-candidate:hover{border-color:#007aff}.handwriting-candidate:active{transform:scale(.94)}.handwriting-candidate--unknown{color:#a0a0a5;border-style:dashed}.handwriting-pad-actions{gap:6px;display:flex}.handwriting-pad-btn{color:#3c3c43;cursor:pointer;background:#fff;border:1px solid #d0d0d4;border-radius:8px;padding:5px 10px;font-size:.78rem;font-weight:700}.handwriting-pad-btn:hover:not(:disabled){color:#007aff;border-color:#007aff}.handwriting-pad-btn:disabled{opacity:.45;cursor:default}.handwriting-pad-credit{color:#b0b0b5;font-size:.68rem}.handwriting-pad-credit a{color:inherit;text-decoration:underline}@media (width<=520px){.handwriting-pad-main{flex-direction:column;align-items:center}.handwriting-canvas-wrap{width:100%;max-width:240px;height:240px}.handwriting-pad-side{width:100%}}.popup-search-results{flex:auto;min-height:180px;padding:0 14px 14px;overflow:auto}.popup-search-result{width:100%;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;margin:0;padding:0;text-decoration:none;display:block}.popup-search-result .stat-row{cursor:pointer;margin-bottom:6px}.popup-search-result:hover .stat-row,.popup-search-result:focus-visible .stat-row{background:#eef4fc;border-color:#007aff2e}.popup-search-result:focus-visible{outline:none}.popup-search-result:focus-visible .stat-row{outline-offset:1px;outline:2px solid #007aff59}.popup-search-result:active .stat-row{transform:scale(.985)}.popup-header{border-bottom:1px solid #eee;flex:none;gap:12px;padding:16px 18px 14px;display:grid}.popup-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.popup-title{min-width:0}.popup-word{overflow-wrap:anywhere;font-size:clamp(2.15rem,7vw,3rem);font-weight:500;line-height:1.02}.popup-meta{flex-wrap:wrap;gap:6px;min-width:0;margin-top:8px;display:flex}.popup-meta-pill{color:#6c6c73;white-space:nowrap;background:#f6f6f8;border:1px solid #e1e1e6;border-radius:999px;align-items:center;min-height:24px;padding:3px 9px;font-size:.76rem;font-weight:650;line-height:1.2;display:inline-flex}.popup-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.popup-tools .favorite-btn{z-index:auto;background:#fff;flex:none;width:36px;height:36px;position:static;top:auto;right:auto}.popup-tools .favorite-btn svg{width:16px;height:16px}.popup-tools .favorite-btn:hover{background:#fff8e6}.popup-tools .favorite-btn[aria-pressed=true]{background:#fff4d6}.popup-close{cursor:pointer;color:#555;background:#f0f0f3;border:none;border-radius:50%;flex:none;width:36px;height:36px;font-size:22px;line-height:1}.popup-close:active{transform:scale(.94)}.popup-body{flex:auto;min-height:0;padding:14px 18px 0;overflow-y:auto}.popup-body .entries{margin-bottom:12px}.popup-loading{color:#777;text-align:center;padding:24px 0 28px;font-size:.9rem}.popup-actions{background:#fff;border-top:1px solid #eee;flex:none;justify-content:flex-end;gap:8px;padding:12px 18px 16px;display:flex}.popup-open-card,.popup-skip-card{cursor:pointer;border-radius:8px;min-height:36px;padding:8px 14px;font-size:.85rem;font-weight:500}.popup-open-card{color:#007aff;background:#fff;border:1px solid #007aff}.popup-skip-card{color:#fff;background:#1b5e20;border:1px solid #1b5e20}.popup-skip-card--undo{color:#1b5e20;background:#fff}.popup-open-card:active,.popup-skip-card:active{transform:scale(.97)}.popup-open-card:disabled,.popup-skip-card:disabled{cursor:wait;opacity:.7;transform:none}@media (width<=480px){.modal-overlay.popup-overlay{padding:8px}.popup-search-overlay{align-items:stretch;padding:8px}.popup-search-modal{border-radius:14px;max-height:calc(100dvh - 16px)}.popup-search-header{padding:14px 14px 10px}.popup-search-title{font-size:1.12rem}.popup-search-count{min-width:0;font-size:.72rem}.popup-search-bar{margin:10px 10px 8px}.popup-search-results{min-height:0;padding:0 10px 10px}.popup-layout,.popup-layout--has-trail{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;max-height:calc(100dvh - 16px)}.popup-breadcrumbs{border-radius:12px;max-height:none;padding:6px;overflow:auto hidden}.popup-breadcrumb-title{display:none}.popup-breadcrumb-list{gap:6px;display:flex}.popup-breadcrumb-item{flex:none}.popup-breadcrumb{min-width:88px;min-height:36px;padding:5px 7px}.popup-breadcrumb-word{max-width:8ch;font-size:.95rem}.popup-modal{border-radius:14px;width:100%;max-height:calc(100dvh - 16px)}.popup-layout--has-trail .popup-modal{max-height:calc(100dvh - 70px)}.popup-header{padding:14px 14px 12px}.popup-word{font-size:clamp(1.9rem,12vw,2.6rem)}.popup-tools{gap:6px}.popup-tools .icon-toggle,.popup-close{width:34px;height:34px}.popup-body{padding:12px 14px 0}.popup-actions{flex-direction:column;padding:12px 14px 14px}.popup-open-card,.popup-skip-card{width:100%}}.cn-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.cn-row .cn{flex:1;min-width:0}.sound-btn-sm{color:#007aff;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.sound-btn-sm:hover{background:#007aff1f}.sound-btn-sm:active{transform:scale(.92)}.translate-btn-sm{color:#007aff;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;text-decoration:none;display:inline-flex}.translate-btn-sm:hover{background:#007aff1f}.translate-btn-sm:active{transform:scale(.92)}a.icon-toggle{text-decoration:none}.wiktionary-btn{font-family:Linux Libertine,Georgia,Times New Roman,serif;font-size:18px;font-weight:700;line-height:1}.jyutdictionary-btn{letter-spacing:-.5px;font-size:12px;font-weight:700;line-height:1}.copy-btn-sm{color:#555;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.search-btn-sm{color:#555;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;text-decoration:none;display:inline-flex}.search-btn-sm:hover{background:#0000000f}.search-btn-sm:active{transform:scale(.92)}.sentence-source-label{color:#56616f;cursor:help;text-overflow:ellipsis;white-space:nowrap;background:#f3f6fa;border:1px solid #dce2ea;border-radius:999px;flex:none;justify-content:center;align-items:center;max-width:118px;min-height:22px;margin-top:3px;padding:0 7px;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex;overflow:hidden}.sentence-source-label--warning{color:#8a5200;background:#fff5e5;border-color:#f2c377}.info-btn-sm{color:#aaa;cursor:help;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.info-btn-sm:hover{color:#555;background:#0000000f}.info-btn-sm.translation-warning{color:#b26a00}.info-btn-sm.translation-warning:hover{color:#7a4300;background:#ff950024}.info-btn-sm.info-btn-inline{vertical-align:middle;width:18px;height:18px;margin-left:2px}.copy-btn-sm:hover{background:#0000000f}.copy-btn-sm:active{transform:scale(.92)}.copy-btn--copied{color:#34c759!important;background:#34c75926!important}.copy-inline{vertical-align:middle;width:22px;height:22px;margin-left:4px}.entries{margin-bottom:16px}.entry{background:#fafafc;border-left:3px solid #007aff;border-radius:0 6px 6px 0;margin-bottom:12px;padding:8px 12px}.entry+.entry{margin-top:12px}.entry--more-examples{background:#f3f3f5;border-left-color:#b0b0b8}.more-examples-heading{text-transform:uppercase;letter-spacing:.06em;color:#777;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.jyutping{color:#007aff;font-size:1rem;font-weight:600}.syllable-clickable{border-radius:3px;padding:1px 2px}.syllable-segment{border-radius:5px;align-items:baseline;gap:2px;margin:0 1px;padding:0 2px;transition:background .12s,box-shadow .12s;display:inline-flex}.syllable-segment--compound{background:#007aff14;box-shadow:inset 0 -2px #007aff38}.syllable-segment.is-segment-linked{background:#007aff29;box-shadow:inset 0 -2px #007aff6b}.syllable-segment.is-segment-linked .syllable-clickable{background:0 0}.meaning{margin:4px 0 6px;font-size:.95rem}.meaning-list{margin:4px 0 6px;padding-left:1.6em;font-size:.95rem;list-style:decimal}.meaning-list li{margin:1px 0;padding-left:2px}.csv-meaning{color:#6a6a72;margin:2px 0 6px;font-size:.88rem;font-style:italic;line-height:1.4}.meaning-list li::marker{color:#9a9aa3;font-variant-numeric:tabular-nums}.classifiers{color:#777;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 4px;font-size:.78rem;display:flex}.classifier-label{text-transform:uppercase;letter-spacing:.06em;font-weight:600}.classifier-chip{color:#1c1c1e;background:#fff;border:1px solid #d5d5da;border-radius:999px;align-items:center;padding:2px 8px;font-size:.95rem;line-height:1.3;display:inline-flex}.sentences{margin-top:8px}.deferred-sentences-loading{color:#777;text-align:center;margin:6px 0;padding:8px 10px;font-size:.85rem}.card-notes{margin:14px 0 10px}.card-notes-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.card-notes-label{text-transform:uppercase;letter-spacing:.06em;color:#888;font-size:.7rem;font-weight:600}.card-notes-controls{align-items:baseline;gap:10px;display:flex}.card-notes-count{color:#aaa;font-variant-numeric:tabular-nums;font-size:.7rem}.card-notes-edit,.card-notes-done{color:#007aff;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.74rem;font-weight:600}.card-notes-edit:hover,.card-notes-done:hover{text-decoration:underline}.card-notes-rendered{white-space:pre-wrap;overflow-wrap:anywhere;color:#1c1c1e;text-align:left;background:#fafafa;border:1px solid #e2e2e6;border-radius:8px;padding:8px 10px;font-size:.92rem;line-height:1.7}.card-notes[data-editing=false] .card-notes-input,.card-notes[data-editing=false] .card-notes-count,.card-notes[data-editing=false] .card-notes-done,.card-notes[data-editing=true] .card-notes-rendered,.card-notes[data-editing=true] .card-notes-edit,.card-notes[data-empty=true] .card-notes-done{display:none}.card-notes-input{box-sizing:border-box;color:#1c1c1e;width:100%;min-height:56px;font:inherit;resize:none;background:#fafafa;border:1px solid #e2e2e6;border-radius:8px;padding:8px 10px;font-size:.88rem;line-height:1.4;transition:border-color .15s,background .15s;overflow-y:hidden}.card-notes-input::placeholder{color:#b3b3b8}.card-notes-input:focus{background:#fff;border-color:#007aff;outline:none}.ai-explanation{text-align:left;border-top:1px solid #e5e5ea;margin:18px 0 12px;padding-top:14px}.ai-explanation-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.ai-explanation-label{text-transform:uppercase;letter-spacing:.06em;color:#5f6368;font-size:.72rem;font-weight:700}.ai-explanation-note{color:#8a8f98;margin-top:2px;font-size:.74rem;line-height:1.35}.ai-explanation-body{color:#2f3338;font-size:.9rem;line-height:1.5}.ai-chinese-lookup{color:#111;-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:pointer;font:inherit;text-align:inherit;text-underline-offset:3px;-webkit-user-select:text;user-select:text;-webkit-tap-highlight-color:#007aff2e;background:#007aff06;border:none;border-radius:5px;margin:0 1px;padding:1px 3px 2px;font-size:1.75em;font-weight:650;line-height:1.22;-webkit-text-decoration:underline #007aff57;text-decoration:underline #007aff57;text-decoration-thickness:1px;transition:background .15s,color .15s,text-decoration-color .15s;display:inline;font-style:normal!important}.ai-chinese-lookup--sentence{font-size:1.9em}.ai-chinese-lookup:hover{color:#005bb5;background:#007aff13;text-decoration-color:#007aff8f}.ai-chinese-lookup:active{background:#007aff3d}.ai-chinese-lookup:focus-visible{outline-offset:2px;outline:2px solid #007aff94}.ai-explanation-body>:first-child{margin-top:0}.ai-explanation-body>:last-child{margin-bottom:0}.ai-explanation-body p,.ai-explanation-body ul,.ai-explanation-body ol,.ai-explanation-body dl,.ai-explanation-body blockquote,.ai-explanation-body table{margin:8px 0}.ai-explanation-body ul,.ai-explanation-body ol{padding-left:1.35rem}.ai-explanation-body li+li{margin-top:4px}.ai-explanation-body h4,.ai-explanation-body h5{color:#1c1c1e;margin:12px 0 6px;font-size:.92rem}.ai-explanation-body code,.ai-explanation-body kbd{background:#f1f2f4;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.ai-explanation-body blockquote{color:#555;border-left:3px solid #dce2ea;padding-left:10px}.ai-explanation-body table{border-collapse:collapse;width:100%;font-size:.86rem}.ai-explanation-body th,.ai-explanation-body td{vertical-align:top;border:1px solid #e5e5ea;padding:5px 6px}.sentence-attribution{color:#999;text-align:right;margin-top:6px;padding-top:4px;font-size:.7rem}.sentence-attribution a{color:inherit;-webkit-text-decoration:underline #ccc;text-decoration:underline #ccc}.sentence{background:#fff;border:1px solid #eee;border-radius:6px;margin:6px 0;padding:8px 10px;font-size:.9rem}@supports (content-visibility:auto){.entry,.related-words,.ai-explanation{content-visibility:auto;contain-intrinsic-size:auto 260px}.sentence{content-visibility:auto;contain-intrinsic-size:auto 150px}}.sentence+.sentence{margin-top:6px}.sentence .cn{font-size:1.5rem;font-weight:500}.sentence .jp{color:#007aff;margin-top:2px;font-size:1.23rem}.sentence .en{color:#666;margin-top:2px;font-size:1.275rem}.sentence.is-favorited{background:#fffbf0;border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b,0 1px 8px #f59e0b40}.sentence-fav-btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .18s,background .18s,transform .12s;display:inline-flex}.sentence-fav-btn svg{width:16px;height:16px}.sentence-fav-btn:hover{color:#f59e0b;background:#f59e0b1f}.sentence-fav-btn:active{transform:scale(.92)}.sentence-fav-btn[aria-pressed=true]{color:#f59e0b}.sentence-fav-btn[aria-pressed=true] svg path{fill:currentColor}.stroke-practices{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:0;display:flex}.stroke-practice{text-align:center;-webkit-user-select:none;user-select:none;background:#f5f5f7;border-radius:10px;flex:220px;max-width:260px;padding:10px;position:relative}.writer-target{background:#fff;border-radius:8px;width:200px;height:200px;margin:0 auto;transition:background-color .16s,box-shadow .16s;position:relative}.writer-target--done{background:#f0fbf3;box-shadow:0 0 0 2px #34c75947,0 0 16px #34c75940}.writer-target svg{display:block}.no-stroke-data,.stroke-status{color:#999;text-align:center;z-index:2;background:#fffffff2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:.85rem;display:flex;position:absolute;inset:0}.stroke-status--error{color:#ff3b30}.stroke-hint{color:#a8a8b0;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;animation:2.6s ease-in-out infinite stroke-hint-pulse;display:flex;position:absolute;inset:0}.stroke-hint-icon{object-fit:contain;opacity:.85;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:48px;height:48px}.stroke-hint-title{color:#555;font-size:.9rem;font-weight:600}.stroke-hint-sub{color:#999;font-size:.74rem}@keyframes stroke-hint-pulse{0%,to{opacity:.78}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.stroke-hint{opacity:.85;animation:none}}.stroke-retry{color:#ff3b30;cursor:pointer;background:#fff;border:1px solid #ff3b30;border-radius:6px;padding:6px 14px;font-size:.85rem}.stroke-retry:active{background:#ff3b3014}.stroke-info{color:#555;font-variant-numeric:tabular-nums;pointer-events:none;background:#ffffffe6;border:1px solid #00000014;border-radius:999px;min-width:30px;padding:2px 6px;font-size:.68rem;font-weight:700;line-height:1.25;position:absolute;top:190px;right:30px}.stroke-info--done{color:#fff;background:#34c759;border-color:#34c759c7}.stroke-controls{flex-wrap:nowrap;justify-content:center;gap:4px;min-width:0;margin-top:6px;display:flex}.stroke-controls button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d0d0d4;border-radius:6px;flex:1 1 0;min-width:0;min-height:32px;padding:6px 7px;font-size:.78rem;font-weight:650}.stroke-controls .play-pause{color:#007aff;flex:1 1 0;padding:6px 7px}.stroke-controls kbd.kbd{display:none}.stroke-controls .play-pause--playing{color:#fff;background:#007aff;border-color:#007aff}button:focus{outline:none}.stroke-controls button.primary{color:#fff;background:#007aff;border-color:#007aff}.stroke-controls button:active{transform:scale(.97)}.card-nav{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.nav-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #d0d0d4;border-radius:8px;min-height:36px;padding:6px 12px;font-size:.85rem;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.nav-btn:hover{color:#1c1c1e;background:#f5f5f7;border-color:#1c1c1e;box-shadow:0 2px 6px #00000014}.nav-btn:active{transform:scale(.98)}.rating-row{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:6px;display:grid}.r-never-seen{background:#007aff;width:100%;margin:0 0 12px}.rating-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:5px 6px;line-height:1.1;transition:transform .1s,box-shadow .15s,filter .15s;display:flex;box-shadow:0 2px 6px #0000001f,inset 0 1px #ffffff2e}.rating-btn[hidden]{display:none}.rating-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4px 12px #00000029,inset 0 1px #ffffff38}.rating-btn:active{filter:brightness(.96);transform:scale(.97)}.rating-btn:disabled,.rating-btn:disabled:hover,.rating-btn:disabled:active{cursor:not-allowed;filter:saturate(.7)brightness(.9);opacity:.72;transform:none;box-shadow:0 1px 3px #00000014,inset 0 1px #ffffff1f}.rating-marks{letter-spacing:0;text-shadow:0 1px 1px #0000002e;font-size:.82rem;line-height:1}.rating-label{letter-spacing:0;font-size:.74rem;font-weight:600}.rating-btn kbd.kbd{letter-spacing:0;background:#00000052;margin-top:0;margin-left:1px;padding:1px 5px;font-size:.6rem}.r-missed{background:#e74c3c}.r-got-it{background:#7cb342}.r-too-easy{background:#43a047}.r-skip{background:#1b5e20}.rating-btn.skip-button--undo{color:#1b5e20;background:#fff;box-shadow:inset 0 0 0 2px #1b5e20,0 2px 6px #00000014}.rating-btn.skip-button--undo .rating-marks{text-shadow:none}.rating-btn.skip-button--undo kbd.kbd{color:#fff;background:#1b5e20d9}kbd.kbd{text-align:center;color:#fff;vertical-align:middle;letter-spacing:.3px;background:#000000c7;border-radius:5px;min-width:14px;margin-left:8px;padding:3px 7px;font:700 .78rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-block}@media (hover:none){kbd.kbd{display:none}}.view-tabs{background:#fff;border-radius:999px;flex-wrap:wrap;gap:2px;max-width:100%;padding:3px;display:inline-flex;box-shadow:0 1px 3px #0000000f}.view-tab{cursor:pointer;color:#666;white-space:nowrap;background:0 0;border:none;border-radius:999px;min-height:28px;padding:5px 10px;font-size:.75rem;font-weight:500;transition:background .15s,color .15s}.view-tab:hover:not(.view-tab--active){color:#1c1c1e;background:#ebebef}.view-tab:active{transform:scale(.97)}.view-tab--active{color:#fff;background:#1c1c1e}.video-tabs{background:#fff;border-radius:999px;flex-wrap:wrap;gap:2px;max-width:100%;padding:3px;display:inline-flex;box-shadow:0 1px 3px #0000000f}.video-tab{cursor:pointer;color:#666;white-space:nowrap;background:0 0;border:none;border-radius:999px;min-height:28px;padding:5px 12px;font-size:.78rem;font-weight:500;transition:background .15s,color .15s}.video-tab:hover:not(.video-tab--active){color:#1c1c1e;background:#ebebef}.video-tab--active{color:#fff;background:#1c1c1e}.cantobritt-category-tabs{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.cantobritt-category-tab{color:#555;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d8de;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:750;transition:background .15s,border-color .15s,color .15s,transform .12s;display:inline-flex}.cantobritt-category-tab:hover:not(.cantobritt-category-tab--active){color:#1c1c1e;background:#f5f5f7;border-color:#bfc0c7}.cantobritt-category-tab--active{color:#fff;background:#1c1c1e;border-color:#1c1c1e}.cantobritt-category-tab:active{transform:scale(.97)}.peppa-controls{background:#fbfbfd;border:1px solid #ececef;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 14px;padding:10px;display:flex}.peppa-episode-label{color:#444;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex}.peppa-episode-select{font:inherit;background:#fff;border:1px solid #d0d0d6;border-radius:8px;max-width:min(70vw,360px);padding:7px 10px;font-weight:500}.peppa-episode-select option.video-episode-option--completed{color:#137547;background:#e8f6ee;font-weight:700}.peppa-episode-select option.video-episode-option--needs-rewatch{color:#7a4b00;background:#fff3d6;font-weight:600}.peppa-episode-select option.video-episode-option--too-hard{color:#a82218;background:#ffe9e6;font-weight:600}.peppa-status-label{margin-left:auto}.peppa-status-select{min-width:150px;max-width:min(70vw,190px)}.peppa-watch{color:#fff;white-space:nowrap;background:red;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.peppa-watch:hover{background:#d90000}.peppa-clipboard{color:#1d4f91;font:inherit;white-space:nowrap;cursor:pointer;background:#eef5ff;border:1px solid #bfd6ff;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:700;line-height:1.2;display:inline-flex}.peppa-clipboard:hover{background:#dfeeff;border-color:#9ec2ff}.peppa-clipboard:disabled{cursor:progress;opacity:.58}.video-clipboard-status{color:#6b7280;flex-basis:100%;min-height:1.1rem;font-size:.78rem;font-weight:600;line-height:1.35}.video-clipboard-status[hidden]{display:none}.video-clipboard-status--success{color:#137547}.video-clipboard-status--warning,.video-clipboard-status--loading{color:#7a4b00}.video-clipboard-status--error{color:#a82218}.peppa-loading{color:#888;padding:8px 0;font-size:.9rem}.peppa-episode-detail{min-width:0}.peppa-episode-summary{color:#6e6e73;flex-wrap:wrap;gap:8px;margin:0 0 10px;font-size:.78rem;display:flex}.peppa-episode-summary span{background:#f5f5f7;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;display:inline-flex}.peppa-episode-summary .video-status-pill{font-weight:800}.peppa-episode-summary .video-status-pill--unwatched{color:#6e6e73;background:#f5f5f7}.peppa-episode-summary .video-status-pill--completed{color:#147a3f;background:#e8f7ed}.peppa-episode-summary .video-status-pill--needs-rewatch{color:#8a5a00;background:#fff4d8}.peppa-episode-summary .video-status-pill--too-hard{color:#b42318;background:#ffe8e8}.peppa-lines{gap:10px;display:grid}.peppa-line{background:#fff;border:1px solid #e5e5ea;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(240px,1.2fr);align-items:start;gap:8px 16px;padding:11px 14px 26px;display:grid;position:relative;box-shadow:0 2px 10px #1c1c1e0a}.peppa-time{color:#999;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem;position:absolute;bottom:8px;left:14px}.peppa-text{min-width:0}.peppa-zh{color:#1c1c1e;overflow-wrap:anywhere;font-size:1.24rem;font-weight:650;line-height:1.55}.peppa-zh .ai-chinese-lookup{font-size:1.04em;font-weight:750;line-height:1.34}.peppa-zh .char-clickable{text-underline-offset:3px;font-weight:750;-webkit-text-decoration:underline #007aff47;text-decoration:underline #007aff47;text-decoration-thickness:1px}.peppa-jyut{color:#1565c0;overflow-wrap:anywhere;margin-top:5px;font-size:.88rem;line-height:1.45}.peppa-jyut .char-clickable{border-radius:4px;padding:1px 2px;font-weight:650}.peppa-line-actions{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.peppa-line-play,.peppa-line-copy{cursor:pointer;min-height:30px;font:inherit;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.78rem;font-weight:800;transition:background .15s,border-color .15s,transform .12s;display:inline-flex}.peppa-line-actions a{text-decoration:none}.peppa-line-play{color:#1565c0;background:#e8f2ff}.peppa-line-copy{color:#555;background:#f5f5f7}.peppa-line-translate{color:#475467}.peppa-line-play:hover,.peppa-line-copy:hover{background:#fff;border-color:#d0d0d6}.peppa-line-play:active,.peppa-line-copy:active{transform:scale(.96)}.peppa-expl{color:#333;min-width:0;line-height:1.6}.peppa-breakdown{flex-wrap:wrap;gap:6px;display:flex}.peppa-breakdown-item{color:#333;background:#fbfbfd;border:1px solid #ececef;border-radius:8px;padding:4px 8px;font-size:.84rem;line-height:1.38;display:inline}.peppa-breakdown-item .ai-chinese-lookup,.peppa-expl-plain .ai-chinese-lookup{font-size:1.02em;font-weight:800;line-height:1.2}.peppa-translation{background:#f4f8ff;border-left:3px solid #007aff;border-radius:8px;margin-top:8px;padding:8px 10px}.peppa-translation span{color:#6e6e73;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:.68rem;font-weight:800;display:block}.peppa-translation strong{color:#1c1c1e;font-size:.9rem;line-height:1.45}.peppa-expl-plain{white-space:pre-wrap;margin:0}@media (width<=860px){.peppa-line{grid-template-columns:1fr}}@media (width<=560px){.peppa-controls{align-items:stretch}.peppa-episode-label,.peppa-clipboard,.peppa-watch,.peppa-status-label,.peppa-episode-select{width:100%}.peppa-status-label{margin-left:0}}.today-count{color:#1c1c1e;white-space:nowrap;cursor:default;background:#f0f4ff;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;line-height:1;display:inline-flex}.today-count-label,.today-count-suffix{color:#6e6e73;font-weight:500}.today-count-num{color:#007aff;font-variant-numeric:tabular-nums;font-weight:700}.search-bar{background:#f5f5f7;border:1px solid #d0d0d4;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 6px;transition:border-color .15s,background .15s;display:flex;position:relative}.search-bar:focus-within{background:#fff;border-color:#007aff}.search-lang-pill{color:#fff;white-space:nowrap;cursor:help;-webkit-user-select:none;user-select:none;background:#1c1c1e;border-radius:999px;flex-shrink:0;align-items:center;padding:5px 11px;font-size:.78rem;font-weight:700;display:inline-flex}.search-bar input[type=search]{appearance:none;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 36px 8px 4px;font-size:1rem}.search-bar input[type=search]::-webkit-search-cancel-button{display:none}#search-clear{color:#fff;cursor:pointer;background:#c7c7cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:18px;line-height:1;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}#search-clear:active{transform:translateY(-50%)scale(.92)}.auth-pill{color:#1c1c1e;cursor:pointer;background:#fff;border:1px solid #d0d0d4;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:6px 12px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 3px #0000000d}a.auth-pill:hover,button.auth-pill:hover{background:#f5f5f7;border-color:#b8b8bd;box-shadow:0 2px 6px #0000001a}.auth-pill:active{transform:scale(.97)}.auth-pill--user{cursor:default;background:#fff;gap:6px;padding:4px}.auth-pill--user:hover{background:#fff;border-color:#d0d0d4;box-shadow:0 1px 3px #0000000d}.auth-avatar{object-fit:cover;letter-spacing:.02em;color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#007aff,#5e5ce6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;display:inline-flex}.auth-signout-btn{font:inherit;color:#555;cursor:pointer;background:#f5f5f7;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.auth-signout-btn:hover{color:#c62828;background:#ffe0e0;border-color:#f5b5b5}.auth-signout-btn:active{transform:scale(.95)}.muted-count{color:#999;margin-left:4px;font-size:.85rem;font-weight:400}.stat-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.stat-actions--stacked{flex-flow:column;align-items:flex-end}.stat-action-row{justify-content:flex-end;gap:5px;min-width:0;display:flex}.stat-action-row--labeled{align-items:center}.stat-action-row-label{color:#666;white-space:nowrap;font-size:.7rem;font-weight:650;line-height:1.1}.stat-action-row-buttons{justify-content:flex-end;gap:5px;min-width:0;display:flex}.stat-actions button{cursor:pointer;background:#fff;border:1px solid #d0d0d4;border-radius:5px;min-height:22px;padding:2px 8px;font-size:.72rem;font-weight:500;line-height:1.1}.stat-actions button:active{transform:scale(.97)}.stat-actions button:disabled{cursor:default;opacity:.72}.stat-actions button:disabled:active{transform:none}.stat-row--rated-got-it{animation:.7s stat-row-flash-got-it}.stat-row--rated-missed{animation:.7s stat-row-flash-missed}@keyframes stat-row-flash-got-it{0%{box-shadow:inset 0 0 0 9999px #43a04700,0 0 #43a04700}18%{box-shadow:inset 0 0 0 9999px #43a04742,0 0 0 2px #43a0478c}to{box-shadow:inset 0 0 0 9999px #43a04700,0 0 #43a04700}}@keyframes stat-row-flash-missed{0%{box-shadow:inset 0 0 0 9999px #ff3b3000,0 0 #ff3b3000}18%{box-shadow:inset 0 0 0 9999px #ff3b3038,0 0 0 2px #ff3b3080}to{box-shadow:inset 0 0 0 9999px #ff3b3000,0 0 #ff3b3000}}@media (prefers-reduced-motion:reduce){.stat-row--rated-got-it{animation:none;box-shadow:inset 0 0 0 9999px #43a04733,0 0 0 2px #43a04780}.stat-row--rated-missed{animation:none;box-shadow:inset 0 0 0 9999px #ff3b302e,0 0 0 2px #ff3b3073}}.row-undo{color:#ff9500;border-color:#ff9500!important}.row-jump{color:#007aff;border-color:#007aff!important}.row-got-it{color:#2f7d32;white-space:nowrap;border-color:#7cb342!important}.row-missed{color:#c62828;white-space:nowrap;border-color:#e74c3c!important}.row-skip-until{color:#23843d;white-space:nowrap;border-color:#34c759a6!important}.stat-row--skip-until .row-skip-until[aria-pressed=true],.stat-row--skip-until .row-skip-until[aria-pressed=true]:disabled{color:#fff;opacity:1;background:#2fa84f;font-weight:750;border-color:#2fa84f!important}.row-emphasize-until{color:#c62828;white-space:nowrap;border-color:#ff3b30a6!important}.stat-row--emphasize-until .row-emphasize-until[aria-pressed=true],.stat-row--emphasize-until .row-emphasize-until[aria-pressed=true]:disabled{color:#fff;opacity:1;background:#df352c;font-weight:750;border-color:#df352c!important}.stats-card{padding:16px}.stats-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.stats-header h2{margin:0;font-size:1rem;font-weight:600}.text-button{color:#ff3b30;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:.85rem}.text-button:active{background:#ff3b3014}.stats-empty{text-align:center;color:#888;padding:32px 12px;font-size:.95rem;line-height:1.5}.stats-empty--loading{justify-content:center;align-items:center;display:flex}.view-description{color:#444;background:#007aff0f;border-radius:8px;margin:-4px 0 14px;padding:10px 12px;font-size:.85rem;line-height:1.45}.top-range-tabs{background:#fff;border:1px solid #e5e5ea;border-radius:12px;flex-wrap:wrap;gap:4px;max-width:100%;margin:-2px 0 12px;padding:3px;display:flex}.top-range-tab{color:#666;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;min-height:28px;padding:5px 10px;font-size:.75rem;font-weight:650}.top-range-tab:hover:not(.top-range-tab--active){color:#1c1c1e;background:#ebebef}.top-range-tab--active{color:#fff;background:#1c1c1e}.stat-row{background:#fafafc;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:6px;padding:12px 14px;transition:background .15s,border-color .15s,transform 50ms;display:grid}.stat-row:last-child{margin-bottom:0}.stat-row--clickable{cursor:pointer}.stat-row--clickable:hover,.stat-row--clickable:focus-visible{background:#eef4fc;border-color:#007aff2e;outline:none}.stat-row--clickable:active{transform:scale(.985)}.stat-badge-stack{align-self:start;align-items:center;gap:4px;display:inline-flex}.stat-rank{color:#555;font-variant-numeric:tabular-nums;text-align:center;background:#fff;border:1px solid #e5e5ea;border-radius:6px;min-width:3.2ch;padding:4px 8px;font-size:.74rem;font-weight:700}.stat-font-badge{color:#2563a8;white-space:nowrap;cursor:help;-webkit-user-select:none;user-select:none;background:#f3f7ff;border:1px solid #dbe4f2;border-radius:999px;justify-content:center;align-items:center;min-height:23px;padding:3px 7px;font-size:.66rem;font-weight:800;line-height:1;display:inline-flex}.stat-font-badge:hover,.stat-font-badge:focus-visible{color:#0057b8;background:#e7f1ff;border-color:#007aff6b;outline:none}.stat-font-badge:active{transform:scale(.96)}.stat-copy-badge{color:#5b5b66;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f4f4f7;border:1px solid #e2e2ea;border-radius:999px;justify-content:center;align-items:center;min-height:23px;padding:3px 7px;font-family:inherit;font-size:.66rem;font-weight:800;line-height:1;display:inline-flex}.stat-copy-badge:hover,.stat-copy-badge:focus-visible{color:#3a3a44;background:#ececf2;border-color:#c9c9d4;outline:none}.stat-copy-badge:active{transform:scale(.96)}.stat-rank--empty{background:0 0;border-color:#0000;min-width:0;padding:0}.stat-main{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-headline{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.stat-decorator{color:#f59e0b;font-size:1.1rem;line-height:1}.stat-word{color:#1c1c1e;font-size:1.6rem;font-weight:600;line-height:1.1}.stat-word-char:focus-visible{outline-offset:2px;background:#007aff1f;outline:2px solid #007aff9e}.stat-jp{color:#007aff;font-size:.92rem;font-weight:500}.stat-meaning{color:#555;text-overflow:ellipsis;margin-top:1px;font-size:.86rem;overflow:hidden}.study-list .stat-row{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px;position:relative}.study-list .stat-badge-stack{z-index:2;position:absolute;top:6px;right:6px}.study-list .stat-rank{background:#fffffff0;border-radius:999px;min-width:auto;padding:2px 6px;font-size:.68rem;line-height:1.15;position:static}.study-list .stat-font-badge{background:#f3f7fff5;min-height:20px;padding:2px 6px;font-size:.62rem}.study-list .stat-copy-badge{background:#f4f4f7f5;min-height:20px;padding:2px 6px;font-size:.62rem}.study-list .stat-side{justify-content:flex-start;gap:7px;padding-top:26px}.study-list .stat-word{font-size:4.368rem;line-height:.95}.study-list .stat-row--clickable:active{transform:none}:is(.study-list .stat-row--clickable:has(.top-last-90-stroke-panel:hover),.study-list .stat-row--clickable:has(.top-last-90-stroke-panel:focus-within)){background:#fafafc;border-color:#0000}.study-list .top-last-90-sound{opacity:0;pointer-events:none;border-radius:999px;align-self:flex-end;gap:5px;width:auto;min-width:30px;height:30px;margin-left:0;padding:0 8px;font-size:.82rem;font-weight:650;transition:opacity .14s,background .15s}.study-list .top-last-90-sound-label{white-space:nowrap;line-height:1}:is(.study-list .stat-row:hover:not(:has(.top-last-90-stroke-panel:hover)) .top-last-90-sound,.study-list .stat-row:focus-within:not(:has(.top-last-90-stroke-panel:focus-within)) .top-last-90-sound,.study-list .stat-row:focus-visible .top-last-90-sound){opacity:1;pointer-events:auto}.study-list .top-last-90-sound:active{transform:none}.top-last-90-definitions{color:#555;opacity:0;margin:6px 0 0;padding-left:1.15rem;font-size:.86rem;line-height:1.4;transition:opacity .14s}:is(.study-list .stat-row:hover:not(:has(.top-last-90-stroke-panel:hover)) .top-last-90-definitions,.study-list .stat-row:focus-within:not(:has(.top-last-90-stroke-panel:focus-within)) .top-last-90-definitions,.study-list .stat-row:focus-visible .top-last-90-definitions){opacity:1}.top-last-90-definitions li{margin:2px 0;padding-left:2px}.top-last-90-definitions li::marker{color:#9a9aa3}.top-last-90-source{color:#2c2c2e;font-weight:700}.top-last-90-stroke-panel,.study-row-note-panels{display:none}@media (width>=1100px) and (hover:hover){.study-list,.study-list .stat-row{overflow:visible}html.study-list-answers-visible .study-list .top-last-90-sound{opacity:1;pointer-events:auto}html.study-list-answers-visible .study-list .top-last-90-definitions{opacity:1}.study-list .stat-row--has-sidecar,.study-list .stat-row--has-left-sidecar{position:relative}.study-row-note-panels{z-index:4;box-sizing:border-box;width:var(--study-row-note-lane-width,calc((100vw - 640px) / 2));pointer-events:none;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;max-height:none;padding-right:12px;display:none;position:fixed;top:12px;bottom:12px;left:12px;overflow:visible}.study-row-note-panels--wide{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.study-row-note-panels--wide:not(:has(.study-row-note-panel--ai:not([hidden]))) .study-row-note-panel--user{grid-column:1/-1}.study-row-note-panels:has(.study-row-note-panel--user[data-empty=true][data-editing=false]) .study-row-note-panel--ai{grid-area:1/1/-1/-1}.study-row-note-panels:not(:has(.study-row-note-panel:not([hidden]))){display:none!important}.study-list .stat-row.is-study-row-notes-active:not(:has(.top-last-90-stroke-panel:hover)):not(:has(.top-last-90-stroke-panel:focus-within)) .study-row-note-panels{display:grid}.study-row-note-panel{box-sizing:border-box;overscroll-behavior:contain;color:#2f3338;cursor:auto;pointer-events:auto;scrollbar-width:thin;background:#fffffffa;border:1px solid #00000014;border-radius:8px;flex-direction:column;min-width:0;min-height:0;max-height:none;padding:10px 12px;display:flex;overflow-y:auto;box-shadow:0 10px 28px #0000001f}.study-row-note-panel[hidden]{display:none}.study-row-note-panel--user[data-editing=true]{overflow:hidden}.study-row-note-panel--user{max-height:min(42vh,380px)}.study-row-note-panel--user[data-editing=true]{height:min(42vh,380px)}.study-row-note-panel--user[data-empty=true][data-editing=false]{z-index:1;width:auto;min-width:0;height:auto;max-height:none;box-shadow:none;background:0 0;border:0;padding:0;display:block;position:absolute;top:7px;right:20px;overflow:visible}.study-row-note-panels:has(.study-row-note-panel--ai:not([hidden])) .study-row-note-panel--user[data-empty=true][data-editing=false]{display:none}:is(.study-row-note-panels--wide .study-row-note-panel--user,.study-row-note-panels:not(:has(.study-row-note-panel--ai:not([hidden]))) .study-row-note-panel--user){height:auto;max-height:none}.study-row-note-header,.study-row-note-ai-header{flex:none;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.study-row-note-title{color:#6a6a72;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:.68rem;font-weight:750;line-height:1.2}.study-row-note-header .study-row-note-title,.study-row-note-ai-header .study-row-note-title{margin-bottom:0}.study-row-note-panel--user[data-empty=true][data-editing=false] .study-row-note-header{display:none}.study-row-note-controls{align-items:center;gap:7px;display:inline-flex}.study-row-note-count{color:#a0a0a7;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.66rem}.study-row-note-edit,.study-row-note-done{color:#4c5665;font:inherit;cursor:pointer;background:#f7f8fa;border:1px solid #d4d8df;border-radius:6px;padding:3px 7px;font-size:.7rem;font-weight:650;line-height:1.2}.study-row-note-edit:hover,.study-row-note-done:hover,.study-row-note-edit:focus-visible,.study-row-note-done:focus-visible{color:#0065d1;background:#edf5ff;border-color:#007aff61;outline:none}.study-row-note-panel--user[data-editing=false] .study-row-note-input,.study-row-note-panel--user[data-editing=false] .study-row-note-count,.study-row-note-panel--user[data-editing=false] .study-row-note-done,.study-row-note-panel--user[data-editing=true] .study-row-note-body,.study-row-note-panel--user[data-editing=true] .study-row-note-empty,.study-row-note-panel--user[data-editing=true] .study-row-note-edit,.study-row-note-panel--user[data-empty=false] .study-row-note-empty,.study-row-note-panel--user[data-empty=true][data-editing=false] .study-row-note-body{display:none}.study-row-note-empty{color:#697586;width:auto;min-height:0;font:inherit;text-align:center;cursor:pointer;background:#ffffffeb;border:1px solid #64748b3d;border-radius:999px;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;font-weight:650;line-height:1.2;display:inline-flex;box-shadow:0 2px 8px #0000000f}.study-row-note-empty:hover,.study-row-note-empty:focus-visible{color:#276aa9;background:#f5fafffa;border-color:#007aff59;outline:none}.study-row-note-empty-plus{color:currentColor;font-size:.9rem;font-weight:600;line-height:1}.study-row-note-empty--inline{display:none}.study-row-note-panels:has(.study-row-note-panel--user[data-empty=true][data-editing=false]) .study-row-note-panel--ai:not([hidden]) .study-row-note-empty--inline{display:inline-flex}.study-row-note-input{box-sizing:border-box;resize:none;color:#2f3338;width:100%;min-height:120px;font:inherit;background:#fff;border:1px solid #cfd5de;border-radius:8px;outline:none;flex:auto;padding:9px 10px;font-size:.82rem;line-height:1.5}.study-row-note-input::placeholder{color:#a0a5ad}.study-row-note-input:focus{border-color:#007aff9e;box-shadow:0 0 0 3px #007aff1a}.study-row-note-body{overflow-wrap:anywhere;text-align:left;font-size:.82rem;line-height:1.5}.study-row-note-body--plain{white-space:pre-wrap}.study-row-note-body>:first-child{margin-top:0}.study-row-note-body>:last-child{margin-bottom:0}.study-row-note-body p,.study-row-note-body ul,.study-row-note-body ol,.study-row-note-body dl,.study-row-note-body blockquote,.study-row-note-body table{margin:7px 0}.study-row-note-body ul,.study-row-note-body ol{padding-left:1.25rem}.study-row-note-body li+li{margin-top:3px}.study-row-note-body h4,.study-row-note-body h5{color:#1c1c1e;margin:10px 0 5px;font-size:.86rem}.study-row-note-body table{border-collapse:collapse;width:100%;font-size:.78rem}.study-row-note-body th,.study-row-note-body td{vertical-align:top;border:1px solid #e5e5ea;padding:4px 5px}.study-row-note-body code,.study-row-note-body kbd{background:#f1f2f4;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.study-row-note-body blockquote{color:#555;border-left:3px solid #dce2ea;padding-left:9px}.study-row-note-panel .ai-chinese-lookup{font-size:1.35em}.study-row-note-panel .ai-chinese-lookup--sentence{font-size:1.45em}.study-list .stat-row--clickable.is-study-row-notes-active{background:#fafafc;border-color:#0000}.study-list .stat-row--clickable:has(.study-row-note-panel:hover){background:#fafafc;border-color:#0000}.study-list .stat-row--clickable:has(.study-row-note-panel:focus-within){background:#fafafc;border-color:#0000}.top-last-90-stroke-panel{--tl90-stroke-size:112px;z-index:3;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:8px;max-width:min(560px,50vw - 348px);padding-bottom:2px;display:flex;position:absolute;top:0;bottom:0;left:calc(100% + 12px);overflow:auto hidden}.top-last-90-stroke-widget{flex:0 0 var(--tl90-stroke-size);width:var(--tl90-stroke-size);height:var(--tl90-stroke-size);-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #00000014;border-radius:8px;min-height:72px;max-height:100%;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000014}.top-last-90-stroke-widget--blank{background:#fff3f3;border-color:#ff3b3038}.top-last-90-writer{-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;position:absolute;inset:0}.top-last-90-stroke-widget--blank .top-last-90-writer{background:#fff1f1}.top-last-90-stroke-widget--done{background:#f0fbf3;border-color:#34c7598c;box-shadow:0 6px 18px #00000014,0 0 0 2px #34c7594d,0 0 16px #34c7596b}.top-last-90-stroke-widget--done .top-last-90-writer{background:#f0fbf3}.top-last-90-writer svg{transform-origin:50%;width:100%;height:100%;margin:0;display:block;transform:scale(.9)}.top-last-90-stroke-back,.top-last-90-stroke-counter{z-index:2;color:#555;background:#ffffffe0;border:1px solid #00000014;border-radius:999px;padding:2px 5px;font-weight:750;line-height:1.2;position:absolute}.top-last-90-stroke-back{width:24px;height:24px;font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex;top:4px;left:4px}.top-last-90-stroke-back:hover,.top-last-90-stroke-back:focus-visible{color:#007aff;outline:none}.top-last-90-stroke-back:active{transform:none}.top-last-90-stroke-counter{text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;min-width:31px;font-size:.66rem;top:4px;right:4px}.top-last-90-stroke-counter--done{color:#fff;background:#34c759;border-color:#34c759c7}.top-last-90-writer{cursor:pointer}}.study-list-floating-controls{right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100vw - 40px);transition:opacity .16s;display:flex;position:fixed}.study-list .stat-row.stat-row--stale-attempt:not(.stat-row--skip-until):not(.stat-row--emphasize-until){border-color:#ff3b30ad}.study-list .stat-row.stat-row--skip-until,.study-list .stat-row.stat-row--skip-until:hover,.study-list .stat-row.stat-row--skip-until:focus-visible,.study-list .stat-row.stat-row--skip-until.is-study-row-notes-active{background:#effaf2;border-color:#34c7597a;box-shadow:inset 4px 0 #34c759c7,0 0 0 1px #34c75914}.study-list .stat-row.stat-row--skip-until:has(.top-last-90-stroke-panel:hover){background:#effaf2;border-color:#34c7597a;box-shadow:inset 4px 0 #34c759c7,0 0 0 1px #34c75914}.study-list .stat-row.stat-row--skip-until:has(.top-last-90-stroke-panel:focus-within){background:#effaf2;border-color:#34c7597a;box-shadow:inset 4px 0 #34c759c7,0 0 0 1px #34c75914}.study-list .stat-row.stat-row--skip-until:has(.study-row-note-panel:hover){background:#effaf2;border-color:#34c7597a;box-shadow:inset 4px 0 #34c759c7,0 0 0 1px #34c75914}.study-list .stat-row.stat-row--skip-until:has(.study-row-note-panel:focus-within){background:#effaf2;border-color:#34c7597a;box-shadow:inset 4px 0 #34c759c7,0 0 0 1px #34c75914}.study-list .stat-row--skip-until .top-last-90-definitions,.study-list .stat-row--skip-until .top-last-90-sound{opacity:1}.study-list .stat-row--skip-until .top-last-90-sound{pointer-events:auto}.study-list .stat-row--skip-until .top-last-90-writer{cursor:default}.study-list .stat-row.stat-row--emphasize-until,.study-list .stat-row.stat-row--emphasize-until:hover,.study-list .stat-row.stat-row--emphasize-until:focus-visible,.study-list .stat-row.stat-row--emphasize-until.is-study-row-notes-active{background:#fff1f0;border-color:#ff3b3073;box-shadow:inset 4px 0 #ff3b30c7,0 0 0 1px #ff3b3014}.study-list .stat-row.stat-row--emphasize-until:has(.top-last-90-stroke-panel:hover){background:#fff1f0;border-color:#ff3b3073;box-shadow:inset 4px 0 #ff3b30c7,0 0 0 1px #ff3b3014}.study-list .stat-row.stat-row--emphasize-until:has(.top-last-90-stroke-panel:focus-within){background:#fff1f0;border-color:#ff3b3073;box-shadow:inset 4px 0 #ff3b30c7,0 0 0 1px #ff3b3014}.study-list .stat-row.stat-row--emphasize-until:has(.study-row-note-panel:hover){background:#fff1f0;border-color:#ff3b3073;box-shadow:inset 4px 0 #ff3b30c7,0 0 0 1px #ff3b3014}.study-list .stat-row.stat-row--emphasize-until:has(.study-row-note-panel:focus-within){background:#fff1f0;border-color:#ff3b3073;box-shadow:inset 4px 0 #ff3b30c7,0 0 0 1px #ff3b3014}.stat-until-status{background:#ffffffc2;border-radius:999px;align-self:flex-start;margin-top:5px;padding:3px 8px;font-size:.72rem;font-weight:750;line-height:1.25}.stat-skip-until-status{color:#24783a;border:1px solid #34c7594d}.stat-emphasize-until-status{color:#b3261e;border:1px solid #ff3b304d}.study-list-floating-controls[hidden]{display:none}.study-list-floating-controls>button{pointer-events:auto}.study-answers-toggle,.stroke-progress-badge{color:#333;font:inherit;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;appearance:none;-webkit-user-select:none;user-select:none;background:#fffffff0;border:1px solid #00000014;border-radius:999px;align-items:center;gap:9px;margin:0;padding:9px 15px;font-size:.9rem;font-weight:750;transition:box-shadow .2s,border-color .2s,background .2s,transform .12s,opacity .16s;display:inline-flex;box-shadow:0 10px 28px #00000029}.study-answers-toggle{color:#5f6772;gap:7px;padding:7px 12px;font-size:.78rem;font-weight:700}.study-answers-toggle[aria-pressed=true]{color:#0868c9;background:#edf6fff5;border-color:#007aff59}.study-answers-toggle-icon{font-size:.9rem;line-height:1}.study-list-floating-control--occluded:not(:focus-visible){opacity:.12;pointer-events:none}.study-answers-toggle:hover,.stroke-progress-badge:hover{transform:translateY(-1px);box-shadow:0 12px 32px #0003}.study-answers-toggle:active,.stroke-progress-badge:active{transform:translateY(0)}.study-answers-toggle:focus-visible,.stroke-progress-badge:focus-visible{outline-offset:2px;outline:2px solid #007aff}.stroke-progress-badge[hidden]{display:none}.stroke-progress-badge-icon{font-size:1rem;line-height:1}.stroke-progress-badge-done{color:#2fa84f}.stroke-progress-badge kbd.kbd{margin-left:0;padding:2px 5px;font-size:.65rem}.stroke-progress-badge--complete{background:#f0fbf3f5;border-color:#34c75980;box-shadow:0 10px 28px #00000029,0 0 0 2px #34c75947,0 0 18px #34c7596b}.stroke-progress-badge--complete .stroke-progress-badge-count,.stroke-progress-badge--complete .stroke-progress-badge-done{color:#2fa84f}@keyframes stroke-shake{0%,to{transform:translate(0)}12%{transform:translate(-6px)}24%{transform:translate(6px)}36%{transform:translate(-5px)}48%{transform:translate(5px)}60%{transform:translate(-3px)}72%{transform:translate(3px)}84%{transform:translate(-1px)}}.top-last-90-stroke-widget.stroke-shake{z-index:4;border-color:#ff3b308c;animation:.5s stroke-shake;box-shadow:0 6px 18px #0000001a,0 0 0 2px #ff3b3052,0 0 16px #ff3b306b}.stat-row.stroke-shake{animation:.45s stroke-shake}@media (prefers-reduced-motion:reduce){.top-last-90-stroke-widget.stroke-shake,.stat-row.stroke-shake{animation:none}}.stat-counts{color:#666;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px;font-size:.76rem;display:flex}.stat-last-activity{flex-wrap:wrap;align-items:center;gap:2px 8px;width:max-content;min-width:0;max-width:100%;display:inline-flex}.stat-last-activity>span{white-space:nowrap}.stat-attempts{align-items:center;display:inline-flex}.stat-attempts .tt-attempts{margin-top:0}.stat-attempts .tt-attempt{gap:2px}.stat-attempts .tt-chip{border-radius:4px;width:16px;height:16px;font-size:.56rem}.stat-attempts .tt-mark{font-size:.7rem}.stat-first,.stat-last,.stat-last-stroke,.stat-rate{color:#888}.stat-tag{color:#999;margin-top:4px;font-size:.74rem;font-style:italic}.stat-side{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;gap:8px;display:flex}.stat-side:empty{display:none}@media (width<=560px){.stat-row{grid-template-rows:auto auto;grid-template-columns:auto 1fr}.stat-side{flex-direction:row-reverse;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:4px}.study-list .stat-side{flex-direction:column-reverse;align-items:flex-end;gap:6px;width:100%}.study-list .stat-actions{width:100%}.study-list .stat-actions--stacked{align-items:stretch}.study-list .stat-action-row{width:100%}.study-list .stat-action-row--labeled{justify-content:space-between}.study-list .stat-action-row-label{font-size:.68rem}.study-list .stat-action-row--labeled button{padding-inline:6px;font-size:.68rem}}.list-filter-toggle{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:4px 0 14px;font-size:.85rem;display:inline-flex}.list-filter-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.unconfident-history-tabs,.favorites-subtabs{background:#fff;border:1px solid #e5e5ea;border-radius:999px;flex-wrap:wrap;gap:4px;max-width:100%;margin:-2px 0 12px;padding:3px;display:inline-flex}.unconfident-history-tab,.favorites-subtab{color:#666;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:28px;padding:5px 10px;font-size:.75rem;font-weight:650}.unconfident-history-tab:hover:not(.unconfident-history-tab--active),.favorites-subtab:hover:not(.favorites-subtab--active){color:#1c1c1e;background:#ebebef}.unconfident-history-tab--active,.favorites-subtab--active{color:#fff;background:#1c1c1e}.food-category-heading{color:#1c1c1e;letter-spacing:.01em;border-bottom:1px solid #e5e5ea;justify-content:space-between;align-items:baseline;gap:12px;margin:18px 4px 8px;padding:0 4px 7px;font-size:.86rem;font-weight:750;display:flex}.food-category-heading:first-child{margin-top:2px}.food-category-count{color:#8e8e93;white-space:nowrap;font-size:.7rem;font-weight:600}.stat-missed{color:#ff3b30;font-weight:600}.stat-correct{color:#34c759;font-weight:600}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out modal-fade;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:380px;padding:22px 22px 18px;animation:.18s cubic-bezier(.2,.9,.4,1.15) modal-pop;box-shadow:0 12px 32px #00000038}.modal-title{margin:0 0 8px;font-size:1.05rem;font-weight:600;line-height:1.3}.modal-message{color:#555;margin-bottom:18px;font-size:.92rem;line-height:1.45}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:9px;min-width:88px;min-height:44px;padding:10px 16px;font-size:.95rem;font-weight:500}.modal-btn:active{transform:scale(.97)}.modal-cancel{color:#1c1c1e;background:#f0f0f3}.modal-confirm{color:#fff;background:#007aff}.modal-confirm--danger{color:#fff;background:#ff3b30}.font-preview-overlay{padding:12px}.font-preview-modal{max-width:660px;max-height:calc(100dvh - 24px);padding:18px;overflow-y:auto}.font-preview-modal-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:12px;display:grid}.font-preview-modal-word{overflow-wrap:anywhere;font-size:clamp(2.4rem,9vw,4.2rem);line-height:1}.font-preview-modal .font-preview-list{gap:0;width:100%;padding-top:0}.font-preview-modal .font-preview-row{border-top:1px solid #ececef;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:14px 0}.font-preview-modal .font-preview-label{color:#6c6c73;font-size:.88rem}.font-preview-modal .font-preview-sample{color:#1c1c1e;font-size:clamp(4.8rem,16vw,8.5rem);line-height:.95}@media (width<=640px),(hover:none),(pointer:coarse){.font-preview-overlay{align-items:flex-end;padding:0}.font-preview-modal{border-radius:18px 18px 0 0;width:100%;max-width:none;max-height:calc(100dvh - 24px);padding:16px}.font-preview-modal .font-preview-row{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0}.font-preview-modal .font-preview-sample{font-size:clamp(5.25rem,29vw,9rem)}}.stats-activity-modal{text-align:left;width:calc(100% - 32px);max-width:880px}.activity-study-day-note{color:#6c6c73;margin:-4px 0 14px;font-size:.78rem}.activity-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.activity-stat{text-align:center;background:#f5f5f7;border-radius:10px;padding:10px 12px}.activity-stat-num{color:#1c1c1e;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;line-height:1}.activity-stat-label{color:#777;text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:.72rem}.activity-breakdown,.activity-timeline{color:#555;flex-wrap:wrap;gap:16px;margin-bottom:10px;font-size:.85rem;display:flex}.activity-breakdown strong,.activity-timeline strong{color:#1c1c1e;font-variant-numeric:tabular-nums}.activity-stat-label{white-space:normal;line-height:1.25}.activity-calendar{margin:6px 0 12px}.cal-grid{gap:3px;display:grid;overflow-x:auto}.cal-month{color:#888;white-space:nowrap;font-size:10px}.cal-day{color:#888;justify-content:flex-end;align-items:center;padding-right:6px;font-size:9px;line-height:1;display:flex}.cal-cell{aspect-ratio:1;cursor:help;border-radius:2.5px;min-width:0;box-shadow:inset 0 0 0 1px #0000}.cal-cell:hover{box-shadow:inset 0 0 0 1.5px #007aff80}.cal-cell--level-0{background:#eaeaee}.cal-cell--level-1{background:#cfe5ff}.cal-cell--level-2{background:#8cc4ff}.cal-cell--level-3{background:#4f9bef}.cal-cell--level-4{background:#1565c0}.cal-cell--today{box-shadow:inset 0 0 0 1.5px #1c1c1e}.cal-legend{color:#888;justify-content:flex-end;align-items:center;gap:4px;margin-top:10px;font-size:10px;display:flex}.cal-legend-cell{border-radius:2.5px;width:11px;height:11px;display:inline-block}@media (width<=640px){.activity-summary{grid-template-columns:repeat(2,1fr)}.stats-activity-modal{padding:16px}}.tutorial-root{z-index:9000;pointer-events:none;position:fixed;inset:0}.tutorial-clickblock{pointer-events:auto;background:#14141e9e;transition:background .25s;position:fixed;inset:0}.tutorial-root:has(.tutorial-spotlight:not(.tutorial-spotlight--hidden)) .tutorial-clickblock{background:0 0}.tutorial-spotlight{pointer-events:none;border-radius:12px;transition:top .32s cubic-bezier(.22,1,.36,1),left .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1),opacity .32s;position:fixed;box-shadow:0 0 0 9999px #14141e9e,0 0 0 2px #ffffffd9,0 0 24px 6px #ffffff52}.tutorial-spotlight--hidden{opacity:0}.tutorial-callout{pointer-events:auto;z-index:9001;background:#fff;border-radius:14px;width:320px;max-width:calc(100vw - 32px);padding:18px 20px;transition:top .32s cubic-bezier(.22,1,.36,1),left .32s cubic-bezier(.22,1,.36,1);position:fixed;box-shadow:0 14px 36px #00000047,0 2px 6px #00000026}.tutorial-callout-title{color:#1c1c1e;margin-bottom:6px;font-size:1.05rem;font-weight:700}.tutorial-callout-body{color:#333;font-size:.9rem;line-height:1.5}.tutorial-callout-body p{margin:0 0 8px}.tutorial-callout-body p:last-child{margin-bottom:0}.tutorial-callout-footer{flex-direction:column;gap:12px;margin-top:16px;display:flex}.tutorial-dots{justify-content:center;gap:6px;display:flex}.tut-dot{background:#d0d0d4;border-radius:50%;width:6px;height:6px;transition:background .18s,transform .18s}.tut-dot--active{background:#1c1c1e;transform:scale(1.35)}.tutorial-callout-actions{justify-content:flex-end;gap:6px;display:flex}.tutorial-btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:7px 14px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.tutorial-btn--text{color:#777;background:0 0;margin-right:auto}.tutorial-btn--text:hover{color:#1c1c1e}.tutorial-btn--ghost{color:#1c1c1e;background:#f0f0f3}.tutorial-btn--ghost:hover{background:#e2e2e6}.tutorial-btn--primary{color:#fff;background:#007aff}.tutorial-btn--primary:hover{background:#006fe6}body.tutorial-open{overflow:hidden}.settings-reset-all{color:#555;background:#f0f0f3;margin-right:auto;font-weight:500}.settings-reset-all:hover{color:#c62828;background:#ffe4e2}.site-footer{text-align:center;color:#777;border-top:1px solid #ececec;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0 12px;padding:12px 4px;font-size:.78rem;display:flex}.site-support-line{color:#777;text-align:center;margin:28px 0 0;font-size:.82rem;line-height:1.4}.site-support-line a{color:#1c1c1e;font-weight:650;text-decoration:none}.site-support-line .support-ig-link,.about-support-line .support-ig-link{vertical-align:-3px;place-items:center;width:18px;height:18px;margin:0 1px;display:inline-grid}.site-support-line .support-ig-link img,.about-support-line .support-ig-link img{width:17px;height:17px;display:block}.site-support-line a:hover{color:#007aff;text-decoration:underline}.site-free-line{margin-top:4px;display:block}.site-support-line .support-ig-link:hover,.about-support-line .support-ig-link:hover{text-decoration:none}.footer-link{font:inherit;color:#555;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none}.footer-link:hover{color:#1c1c1e;text-decoration:underline}.footer-sep{color:#c0c0c5}.footer-copyright{color:#888}.about-modal{width:calc(100% - 32px);max-width:440px;padding:0;overflow:hidden}.about-hero{background:linear-gradient(#fff7f3 0%,#fff 100%);flex-direction:column;align-items:center;gap:6px;padding:24px 24px 16px;display:flex}.about-logo-wrap{width:80px;height:80px;margin-bottom:4px}.about-brand{letter-spacing:.01em;margin-top:2px;font-family:Dongle,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.6rem;font-weight:700;line-height:.9}.about-tagline{color:#666;text-align:center;max-width:320px;margin-top:6px;font-size:.9rem;line-height:1.4}.about-body{padding:16px 20px 4px}.about-attrib-heading{text-transform:uppercase;letter-spacing:.08em;color:#999;text-align:center;margin:0 0 8px;font-size:.68rem;font-weight:600}.about-attrib-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.about-attrib-list li{border-radius:8px;grid-template-columns:1fr auto;align-items:baseline;gap:8px;padding:6px 10px;font-size:.82rem;display:grid}.about-attrib-list li:hover{background:#fafafa}.about-attrib-list a{color:#1c1c1e;font-weight:600;text-decoration:none}.about-attrib-list a:hover{color:#1678d3}.about-attrib-note{color:#888;grid-column:1/2;margin-top:1px;font-size:.74rem;font-weight:400;display:block}.about-attrib-license{white-space:nowrap;background:#f3f3f5;border-radius:999px;grid-area:1/2/span 2;align-self:center;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;color:#999!important;font-weight:500!important}.about-attrib-license:hover{background:#ececef;color:#1c1c1e!important}.about-actions{border-top:1px solid #ececef;align-items:center;margin-top:0;padding:14px 20px 20px}.about-support-line{color:#777;margin:14px 20px 0;padding:0 0 14px;font-size:.86rem;line-height:1.45}.about-support-line a{color:#1c1c1e;font-weight:650;text-decoration:none}.about-support-line a:hover{color:#007aff;text-decoration:underline}.about-support-line .support-ig-link:hover{text-decoration:none}.modal-open{overflow:hidden}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=480px){#app{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.card{padding:14px}.header-actions{gap:5px}.settings-btn,.help-btn,.stats-history-btn{width:34px;height:34px}.toggle-row,.view-tabs,.video-tabs{width:100%}.mode-toggle,.practice-toggle,.view-tabs,.video-tabs{justify-content:center}.practice-btn{padding-inline:9px;font-size:.78rem}.view-tab{padding-inline:8px}.rating-btn{border-radius:9px;gap:3px;min-height:30px;padding:4px 3px}.rating-marks{letter-spacing:0;font-size:.72rem}.rating-label{font-size:.64rem}.rating-btn kbd.kbd{padding:1px 4px;font-size:.56rem}.search-bar{align-items:stretch;gap:6px}.search-lang-pill{padding-inline:9px;font-size:.72rem}input,select,textarea,.card-notes-input,.tone-drill-search,.popup-search-input,.search-bar input[type=search],.settings-row--num input[type=number],.settings-row--select select,.settings-voice-controls select,#topX-num,#rotation-tail-size{font-size:16px}.popup-search-result .stat-row{grid-template-columns:minmax(0,1fr);gap:8px}.popup-search-result .stat-rank,.popup-search-result .stat-badge-stack{justify-self:start}.stat-word{overflow-wrap:anywhere;font-size:1.42rem}.stat-jp,.stat-meaning,.stat-tag{overflow-wrap:anywhere}}