:root{--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--fs-xs: .8rem;--fs-sm: .9rem;--fs-md: 1rem;--fs-lg: 1.15rem;--fs-xl: 1.35rem;--shadow-1: 0 1px 2px rgba(0, 0, 0, .06);--shadow-2: 0 12px 32px rgba(0, 0, 0, .18);--shadow-pop: 0 18px 60px rgba(0, 0, 0, .28);--stage-bg: radial-gradient(120% 120% at 50% 28%, #232c40 0%, #141a28 55%, #0b0e16 100%);--stage-text: #eef2fb;--stage-muted: #aab3c5;--stage-surface: rgba(255, 255, 255, .08);--stage-surface-hover: rgba(255, 255, 255, .16);--stage-border: rgba(255, 255, 255, .16);font-family:var(--font-ui)}:root,:root[data-theme=light]{color:#182032;--bg: radial-gradient(120% 120% at 50% 28%, #f7f4ee 0%, #efe9dd 55%, #e6dfd0 100%);--surface: #fffaf1;--surface-raised: #ffffff;--surface-sunken: #f1eadc;--surface-inverse: #182032;--text: #182032;--text-muted: #5f6b7a;--text-subtle: #8a8475;--text-inverse: #fffaf1;--on-accent: #ffffff;--border: #e3d8c2;--border-strong: #cdbfa3;--accent: #f47c48;--accent-hover: #e76a32;--accent-active: #cf5a27;--accent-soft: #fff1e6;--info: #2563eb;--info-hover: #1d4ed8;--info-soft: #e7eefc;--on-info: #ffffff;--success: #1f8a4c;--success-soft: #e7f6ec;--on-success: #ffffff;--danger: #c0362c;--danger-hover: #a52a22;--danger-soft: #fbe7e3;--on-danger: #ffffff;--warning: #b45309;--warning-soft: #fff4d9;--on-warning: #3a2a06;--focus-ring: #2f6df6;--letter-correct: #1a7f37;--letter-wrong: #cf222e;--letter-missing: #bf8700;--topbar-bg: rgba(255, 255, 255, .82);--topbar-border: rgba(0, 0, 0, .08);--warm: var(--accent);--ink: var(--text);--card: var(--surface);--line: var(--border);--muted: var(--text-muted)}:root[data-theme=dark]{color:#eef2fb;--bg: radial-gradient(120% 120% at 50% 28%, #232c40 0%, #141a28 55%, #0b0e16 100%);--surface: #1b2333;--surface-raised: #232d42;--surface-sunken: #161d2c;--surface-inverse: #eef2fb;--text: #eef2fb;--text-muted: #aab3c5;--text-subtle: #7e8aa0;--text-inverse: #182032;--on-accent: #ffffff;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .26);--accent: #f47c48;--accent-hover: #ff9263;--accent-active: #ff7a48;--accent-soft: rgba(244, 124, 72, .18);--info: #5b9bff;--info-hover: #7fb0ff;--info-soft: rgba(91, 155, 255, .16);--on-info: #0b1220;--success: #3fcf7a;--success-soft: rgba(63, 207, 122, .16);--on-success: #06210f;--danger: #ff7a6b;--danger-hover: #ff9485;--danger-soft: rgba(255, 122, 107, .16);--on-danger: #2a0a06;--warning: #f3b14e;--warning-soft: rgba(243, 177, 78, .16);--on-warning: #241a05;--focus-ring: #6aa9ff;--letter-correct: #5fd38a;--letter-wrong: #ff8a7a;--letter-missing: #f3c969;--topbar-bg: rgba(15, 19, 30, .72);--topbar-border: rgba(255, 255, 255, .1);--shadow-2: 0 16px 40px rgba(0, 0, 0, .5);--shadow-pop: 0 22px 70px rgba(0, 0, 0, .6);--warm: var(--accent);--ink: var(--text);--card: var(--surface);--line: var(--border);--muted: var(--text-muted)}*{box-sizing:border-box}html{font-size:17px}html[data-font-scale=md]{font-size:16px}html[data-font-scale=lg]{font-size:17px}html[data-font-scale=xl]{font-size:19px}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/baloo2-600-viet.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/baloo2-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baloo2-700-viet.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baloo2-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/baloo2-800-viet.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/baloo2-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);background-attachment:fixed}button,select,input{font:inherit}button,select{border:1px solid var(--line);border-radius:12px}button{min-height:40px;padding:9px 16px;background:var(--surface-raised);color:var(--text);font-weight:700;font-size:.95rem;cursor:pointer}button:hover{background:var(--surface);border-color:var(--border-strong)}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}button:active{transform:translateY(1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:9px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text);font:inherit;font-weight:700;font-size:var(--fs-sm);cursor:pointer}.btn:hover{background:var(--surface);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--primary:active{background:var(--accent-active);border-color:var(--accent-active)}.btn--info{background:var(--info);border-color:var(--info);color:var(--on-info)}.btn--info:hover{background:var(--info-hover);border-color:var(--info-hover)}.btn--danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}.btn--danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text)}.btn--ghost:hover{background:var(--surface);border-color:var(--border)}select{width:100%;min-height:40px;padding:0 14px;background:var(--surface-raised);color:var(--text)}.app{min-height:100vh}.app-content{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;padding:10px clamp(12px,3vw,22px);border-bottom:1px solid var(--topbar-border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gear-button{flex:0 0 auto;width:42px;min-height:42px;padding:0;display:grid;place-items:center;font-size:1.25rem;background:var(--surface-sunken);color:var(--text);border:1px solid var(--border);border-radius:12px}.gear-button:hover{background:var(--surface);border-color:var(--border-strong);transform:rotate(35deg);transition:transform .2s ease}.topbar-toggle{flex:0 0 auto;width:38px;min-height:38px;padding:0;display:grid;place-items:center;font-size:1.05rem;background:var(--surface-sunken);color:var(--muted);border:1px solid var(--border);border-radius:11px;opacity:.7;transition:opacity .15s ease,background .15s ease,border-color .15s ease}.topbar-toggle:hover{background:var(--surface);border-color:var(--border-strong);opacity:1}.topbar-toggle[aria-pressed=true]{background:var(--info-soft);border-color:var(--info);color:var(--text);opacity:1}.topbar-field{min-width:0}.topbar-field select{width:auto;max-width:100%;min-height:38px;border-radius:10px}.topbar-passage{flex:1 1 auto;min-width:0}.topbar-passage select{width:100%;max-width:min(48vw,360px)}.topbar-child select{max-width:30vw}.topbar-meta{flex:0 0 auto;min-width:13rem;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.1}.topbar-status{font-size:var(--fs-xs);font-weight:700;color:var(--muted);white-space:nowrap}.topbar-count{font-size:.92rem;font-weight:800;color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2.2vh,22px);padding:clamp(12px,3vh,28px) 16px clamp(18px,3vh,32px);text-align:center}.sphere-wrap{position:relative;width:min(70vmin,540px);aspect-ratio:1 / 1;flex:0 0 auto;background:var(--stage-bg);border-radius:var(--radius-lg);overflow:hidden}.hero-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-ctrl{position:absolute;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;border-radius:999px;border:1px solid var(--stage-border);background:var(--stage-surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--stage-text);line-height:1;box-shadow:0 6px 18px #00000061}.hero-ctrl:disabled{opacity:.4}.hero-ctrl:active{transform:scale(.94)}.hero-prev,.hero-next{top:50%;width:64px;height:64px;margin-top:-32px;font-size:1.7rem}.hero-prev{left:2%}.hero-next{right:2%}.hero-center{top:50%;left:50%;width:92px;height:92px;margin:-46px 0 0 -46px;font-size:2.4rem;background:var(--warm);border-color:var(--warm);color:var(--on-accent)}.viz-canvas{width:100%;height:100%;display:block}.viz-off{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#6aa9d66b,#6aa9d629 45%,#6aa9d600 70%)}.sphere-wrap.sphere-wrap--video{aspect-ratio:16 / 9;width:min(78vmin,480px)}.sphere-wrap--video .video-hint{width:100%;height:100%;margin:0}@media (min-width: 761px){.sphere-wrap.sphere-wrap--off:not(.sphere-wrap--video){display:none}}.video-hint{position:relative;width:min(70vmin,420px);max-width:92vw;aspect-ratio:16 / 9;margin:4px 0 2px;border-radius:16px;overflow:hidden;background:#0a1222;box-shadow:0 8px 24px #0006;flex:0 0 auto}.video-hint__media{width:100%;height:100%;display:block;object-fit:cover;cursor:pointer}.video-hint__badge{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;color:var(--stage-text);background:var(--stage-surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.stage-caption{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:min(680px,92vw)}.teacher-line{margin:0;font-size:clamp(.85rem,1.6vw,.98rem);font-weight:600;color:var(--text-muted)}.mini-note{margin:0;font-size:.82rem;color:var(--muted)}.countdown{display:inline-flex;align-items:baseline;gap:6px;color:var(--text)}.countdown-num{font-size:clamp(2.4rem,8vw,3.6rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.countdown-unit{font-size:.9rem;color:var(--muted)}.current-sentence{margin:4px 0 0;padding:16px 22px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);font-size:clamp(1.3rem,3.4vw,2.1rem);line-height:1.4}.dictation-hint{display:flex;flex-direction:column;align-items:center;gap:10px;margin:4px 0 0}.dictation-hint--meaning{padding:12px 20px;border-radius:16px;background:var(--surface);color:var(--text);font-size:clamp(1.05rem,2.6vw,1.5rem);font-style:italic;line-height:1.4;text-align:center}.dictation-hint__text{margin:0;padding:16px 22px;border:1px dashed var(--border);border-radius:16px;background:var(--surface);font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,monospace;font-size:clamp(1.3rem,3.4vw,2.1rem);letter-spacing:.12em;line-height:1.5;text-align:center;word-break:break-word}.dictation-hint__seg--blank{color:var(--text-subtle)}.dictation-hint__seg--revealed{color:var(--text);font-weight:700}.dictation-hint__reveal{padding:8px 18px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer}.dictation-hint__reveal:disabled{opacity:.4;cursor:default}.dictation-hint--adaptive .dictation-hint__seg--revealed{animation:hint-reveal-pop .36s ease}@keyframes hint-reveal-pop{0%{opacity:.2}to{opacity:1}}.heard-inline{max-width:min(58vw,460px);overflow:hidden;color:var(--danger);font-size:.84rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.inline-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.control-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.control-bar .ctrl{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:56px;min-height:44px;padding:8px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.86rem;font-weight:700}.control-bar .ctrl:hover{background:var(--surface-sunken);border-color:var(--border-strong)}.control-bar .ctrl .ic{font-size:1.05rem;line-height:1}.control-bar .ctrl-primary{min-width:68px;padding:8px 12px}.control-bar .ctrl-go{background:var(--warm);border-color:var(--warm);color:var(--on-accent)}.control-bar .ctrl-go:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.control-bar kbd{padding:1px 6px;border-radius:6px;border:1px solid var(--border);background:var(--surface-sunken);font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-muted)}.control-bar .ctrl-go kbd{border-color:#ffffff8c;background:#0003;color:var(--on-accent)}@media (pointer: coarse){.control-bar .ctrl kbd{display:none}}.viz-switcher{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.viz-chip{min-height:32px;padding:5px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:var(--fs-xs);font-weight:700}.viz-chip:hover{background:var(--surface-sunken);border-color:var(--border-strong)}.viz-chip.is-active{background:var(--surface-inverse);color:var(--text-inverse);border-color:var(--surface-inverse)}.viz-switcher.is-disabled{opacity:.45}.viz-chip:disabled{cursor:not-allowed}.settings-field .viz-chip{background:var(--surface);border-color:var(--border);color:var(--text-subtle);font-weight:900}.settings-field .viz-chip:hover{background:var(--warning-soft);border-color:var(--border-strong)}.settings-field .viz-chip.is-active{background:var(--surface-inverse);border-color:var(--surface-inverse);color:var(--text-inverse)}.settings-field .viz-switcher.is-disabled{opacity:.72}.settings-field .viz-switcher.is-disabled .viz-chip{background:var(--surface-sunken);border-color:var(--border);color:var(--text-subtle)}.sentence-toggle{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.88rem}.sentence-toggle input{width:18px;height:18px;flex:0 0 auto}.punctuation-kinds{display:grid;gap:8px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.punctuation-kinds legend{padding:0 6px;font-size:.84rem;font-weight:900;color:var(--text-muted)}.sync-error-banner{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;font-size:.95rem;line-height:1.35;background:var(--warning-soft);color:var(--warning);border-bottom:2px solid var(--warning);box-shadow:0 2px 8px #00000026}.sync-error-banner--error{background:var(--danger-soft);color:var(--danger);border-bottom-color:var(--danger)}.sync-error-banner__icon{font-size:1.15rem;flex:0 0 auto}.sync-error-banner__msg{flex:1 1 auto;min-width:0}.sync-error-banner__retry,.sync-error-banner__close{flex:0 0 auto;cursor:pointer;border-radius:8px;font:inherit}.sync-error-banner__retry{padding:7px 16px;font-weight:700;color:var(--on-danger);background:var(--danger);border:1px solid var(--danger);box-shadow:0 1px 3px #0003}.sync-error-banner__retry:hover,.sync-error-banner__retry:focus-visible{color:var(--on-danger);background:var(--danger-hover);border-color:var(--danger-hover)}.sync-error-banner__retry:disabled{opacity:.6;cursor:default}.sync-error-banner__close{padding:4px 8px;background:transparent;border:1px solid currentColor;color:inherit;opacity:.7}.sync-error-banner__close:hover,.sync-error-banner__close:focus-visible{opacity:1;color:inherit;background:color-mix(in srgb,currentColor 12%,transparent);border-color:currentColor}@media (max-width: 600px){.sync-error-banner{flex-wrap:wrap;font-size:.9rem}.sync-error-banner__msg{flex-basis:100%}.sync-error-banner__retry{margin-left:auto}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:clamp(12px,5vh,56px) 14px;background:#080b1299;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.modal-dialog{width:min(1080px,94vw);max-height:calc(100vh - 48px);display:flex;flex-direction:column;border-radius:18px;background:var(--surface);color:var(--ink);border:2px solid var(--line);box-shadow:0 18px 60px #00000073;outline:none}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-size:1.05rem}.modal-close{width:36px;min-height:36px;padding:0;border-radius:10px}.modal-body{display:grid;grid-template-columns:180px 1fr;min-height:0;flex:1}.modal-tabs{display:flex;flex-direction:column;gap:4px;padding:12px;border-right:1px solid var(--line);overflow-y:auto}.modal-tab{text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:9px 12px;font-size:.9rem}.modal-tab:hover{background:var(--surface);border-color:var(--line)}.modal-tab.is-active{background:var(--surface-inverse);color:var(--text-inverse);border-color:var(--surface-inverse)}.modal-panel{padding:16px 18px;overflow-y:auto}.modal-panel .primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.modal-panel .primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.modal-panel button:disabled,.modal-panel .file-button:has(input:disabled){opacity:.78;color:var(--text-subtle)}.modal-panel .primary:disabled{background:var(--border-strong);border-color:var(--border-strong);color:var(--text-subtle)}.reward-settings-modal{width:min(1180px,96vw);height:min(760px,calc(100vh - 48px));overflow:hidden}.reward-settings-head{flex:0 0 auto}.reward-settings-head p{margin:4px 0 0;color:var(--text-muted);font-size:.92rem;font-weight:500}.reward-settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}.reward-settings-sidebar{display:flex;flex-direction:column;gap:6px;padding:14px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%);overflow-y:auto}.reward-settings-sidebar button{min-height:42px;padding:9px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--ink);text-align:left;font-weight:700}.reward-settings-sidebar button:hover,.reward-settings-sidebar button.is-active{border-color:var(--line);background:var(--surface)}.reward-settings-sidebar button.is-active{color:var(--accent-strong);box-shadow:inset 3px 0 0 var(--accent)}.reward-settings-content{min-height:0;padding:18px;overflow-y:auto}.reward-settings-card{display:grid;gap:14px;max-width:760px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 32px #00000014}.reward-settings-card h3{margin:0;font-size:clamp(1.3rem,2vw,1.9rem)}.reward-settings-card p{margin:0;color:var(--text-muted)}.reward-settings-card label{display:grid;gap:7px;color:var(--text-muted);font-weight:700}.reward-settings-card input:not([type=checkbox]),.reward-settings-card select{width:min(100%,360px);min-height:42px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--surface);color:var(--ink);font:inherit}.reward-settings-check{grid-template-columns:auto minmax(0,1fr);align-items:center;color:var(--ink)!important}.reward-settings-check input{width:20px;height:20px}.reward-settings-warning{padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--warning) 50%,var(--line));background:color-mix(in srgb,var(--warning) 14%,var(--surface));color:var(--ink)!important;font-weight:700}.reward-settings-stats,.reward-settings-denoms{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.reward-settings-stats span,.reward-settings-denoms span{padding:12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 84%,var(--accent) 16%);border:1px solid var(--line)}.reward-settings-denom-row{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 84%,var(--accent) 16%)}.reward-settings-stats strong{display:block;font-size:1.35rem;color:var(--ink)}.reward-settings-actions{position:sticky;bottom:-18px;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px;padding:14px 0 0;background:linear-gradient(to top,var(--surface) 75%,transparent)}.reward-settings-actions span{margin-right:auto;color:var(--text-muted);font-size:.9rem}.reward-settings-actions .primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.reward-settings-actions .primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@media (max-width: 800px){.reward-settings-modal{width:100dvw;height:100dvh;max-height:none;border:0;border-radius:0}.reward-settings-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.reward-settings-sidebar{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden}.reward-settings-sidebar button{flex:0 0 auto;white-space:nowrap}.reward-settings-content{padding:14px}.reward-settings-card{max-width:none;padding:14px}.reward-settings-actions{flex-wrap:wrap}.reward-settings-actions span{flex-basis:100%}}.preview-open{align-self:center;width:44px;min-height:44px;padding:0;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:1.15rem;font-weight:700}.preview-open:hover{background:var(--surface-sunken);border-color:var(--border-strong)}.preview-read-toggle{width:40px;min-height:40px;border-radius:999px;background:var(--warm);border:1px solid var(--warm);color:var(--on-accent);font-weight:900}.preview-read-toggle:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.preview-rate select{min-height:36px;border-radius:8px;padding:2px 6px}.preview-dialog .preview-body{display:block;padding:clamp(18px,4vw,32px)}.preview-line,.preview-paragraph{margin:0;color:var(--ink);font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.7}.preview-line+.preview-line{margin-top:6px}.preview-paragraph{text-indent:1.4em;text-align:justify}.preview-unit{border-radius:8px;transition:background .16s ease,color .16s ease,opacity .16s ease,box-shadow .16s ease}.preview-body:has(.preview-unit-active) .preview-unit:not(.preview-unit-active){opacity:.62}.preview-unit-active{background:var(--warning-soft);color:var(--warning);border-radius:6px;box-shadow:0 0 0 .14em var(--warning-soft);-webkit-box-decoration-break:clone;box-decoration-break:clone}.preview-error{margin:0 18px 12px;padding:8px 12px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-weight:700}.preview-foot{display:flex;justify-content:center;padding:14px 18px 18px;border-top:1px solid var(--line)}.preview-done{min-height:46px;padding:10px 26px;border-radius:14px;background:var(--warm);border:1px solid var(--warm);color:var(--on-accent);font-size:1rem;font-weight:800}.preview-done:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pin-dialog{width:min(92vw,360px);max-height:none}.pin-body{display:grid;gap:10px;padding:18px}.pin-field{display:flex;flex-direction:column;gap:6px;font-weight:700;color:var(--text-muted)}.pin-field input{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:1.5rem;text-align:center;letter-spacing:.35em;padding-left:calc(12px + .35em)}.pin-field input:focus-visible{outline:2px solid var(--warm);outline-offset:1px}.pin-help{margin:0;color:var(--text-subtle);font-size:.82rem;font-weight:600}.pin-input-error{border-color:var(--danger)!important}.pin-error{margin:0;color:var(--danger);font-weight:800;font-size:.9rem}.pin-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px 18px;border-top:1px solid var(--line)}.pin-ok,.pin-save{background:var(--warm);border-color:var(--warm);color:var(--on-accent);font-weight:800}.pin-ok:hover:not(:disabled),.pin-save:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pin-ok:disabled{opacity:.5;cursor:not-allowed}.pin-settings .pin-status{margin:0;font-weight:800;color:var(--text-muted)}.pin-actions{display:flex;flex-wrap:wrap;gap:10px}.pin-disable{background:var(--danger-soft);border-color:var(--border);color:var(--danger);font-weight:800}.pin-disable:hover{background:var(--danger-soft)}.pin-master-note code{padding:2px 8px;border-radius:8px;background:var(--accent-soft);font-weight:900;letter-spacing:.18em}.settings-form,.settings-section{display:grid;gap:12px}.settings-section+.settings-section,.settings-section+.settings-disclosure,.settings-disclosure+.settings-section,.settings-disclosure+.settings-disclosure{margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}.settings-section__title{margin:0;font-size:.95rem;font-weight:800;color:var(--ink)}.settings-section__desc{margin:-6px 0 0;font-size:.8rem;color:var(--muted)}.settings-section__body{display:grid;gap:12px}.settings-disclosure{border:1px solid var(--line);border-radius:10px;background:var(--surface-sunken)}.settings-disclosure__summary{cursor:pointer;padding:10px 12px;font-weight:700;font-size:.9rem;list-style:none}.settings-disclosure__summary::-webkit-details-marker{display:none}.settings-disclosure__summary:before{content:"▸ "}.settings-disclosure[open] .settings-disclosure__summary:before{content:"▾ "}.settings-disclosure__body{display:grid;gap:12px;padding:0 12px 12px}.modal-tab__icon{margin-right:6px}@media (max-width: 560px){.modal-body{grid-template-columns:1fr}.modal-tabs{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line);padding:8px;gap:6px}.modal-tab{flex:0 0 auto;white-space:nowrap}}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field-label{font-size:.84rem;font-weight:900;color:var(--text-muted)}.settings-hint{margin:-2px 0 4px;padding:8px 10px;border-left:4px solid var(--accent);border-radius:10px;background:var(--warning-soft);color:var(--text-subtle);font-size:.82rem;font-weight:700;line-height:1.5}.settings-form .mini-note,.settings-cache .mini-note,.pregenerate .mini-note{color:var(--text-subtle);font-weight:700;line-height:1.5}.settings-field .viz-switcher{justify-content:flex-start}label span{display:block;margin-bottom:5px;font-size:.82rem;font-weight:700}.panel{width:min(1080px,100%);border:2px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);padding:16px 18px}.panel h2{margin:0 0 8px;font-size:1.2rem}p{line-height:1.55}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meta-grid>div{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-sunken)}.meta-grid span{display:block;margin-bottom:2px;font-size:.75rem;font-weight:900;color:var(--text-muted)}.meta-grid strong{font-size:.92rem}.notice{margin:0;padding:8px 12px;border-left:5px solid var(--warm);background:var(--warning-soft);color:var(--ink);font-size:.85rem}.notice--working{border-left-color:var(--info);background:var(--info-soft)}.creation-toast{position:fixed;z-index:60;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(92vw,460px);padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--success);color:var(--on-success);box-shadow:0 12px 32px #0006;font-size:.9rem;font-weight:600}.creation-toast--error{background:var(--danger);color:var(--on-danger)}.creation-toast__text{flex:1 1 auto}.creation-toast__close{flex:0 0 auto;width:30px;min-height:30px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#ffffff24;color:inherit;line-height:1}.creation-toast__close:hover{background:#ffffff42}.child-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px;border:2px solid var(--ink);border-radius:12px;background:var(--info-soft)}.child-bar label{flex:1 1 160px}.child-bar button{flex:0 0 auto}.sync-indicator{display:inline-block;min-width:7em;text-align:center}.sync-indicator--idle{color:var(--success)}.sync-indicator--syncing{color:var(--info)}.sync-indicator--offline{color:var(--warning)}.sync-indicator--error{color:var(--danger)}.reset-progress{align-self:flex-start;background:var(--surface-raised);border:2px solid var(--danger);color:var(--danger)}.progress-chart{display:block;width:100%;max-width:300px;height:104px;margin-top:6px}.progress-bar{fill:var(--warm)}.progress-day{font-size:9px;fill:var(--text-muted)}.progress-val{font-size:10px;font-weight:800;fill:var(--ink)}.create-panel textarea,.create-panel input,.draft-preview textarea,.draft-preview input{width:100%;padding:12px;border:2px solid var(--ink);border-radius:12px;font:inherit}.create-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.file-button{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid var(--line);border-radius:12px;background:var(--success-soft);font-weight:700;font-size:.95rem;cursor:pointer}.draft-preview{display:flex;flex-direction:column;gap:12px;margin-top:12px}.muted-hint{margin:0;color:var(--text-subtle);font-size:.85rem}.passage-manager{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.passage-manager__row{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface)}.passage-manager__head,.passage-manager__confirm{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}.passage-manager__info{display:flex;flex-direction:column;gap:2px;min-width:0}.passage-manager__actions{display:flex;gap:8px;flex:0 0 auto}.passage-edit{display:flex;flex-direction:column;gap:10px}.passage-edit input,.passage-edit textarea{width:100%;padding:10px 12px;border:2px solid var(--ink);border-radius:12px;font:inherit}.link-danger{background:transparent;border:1px solid transparent;color:var(--danger);font-weight:700}.link-danger:hover{background:var(--danger-soft);border-color:var(--border)}.danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger);font-weight:800}.danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.grade-score{font-size:1.5rem;font-weight:900;margin-bottom:8px}.grade-lines{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.grade-lines li{padding:10px 12px;border-radius:10px}.grade-ok{background:var(--success-soft)}.grade-bad{background:var(--danger-soft)}.grade-detail{font-size:.95rem;margin-top:4px;color:var(--danger)}.grade-summary{margin:12px 0 0;padding:12px 14px;border-left:6px solid var(--success);background:var(--success-soft);font-weight:700}.clone-sample-list{margin:0;padding:16px 18px 16px 38px;border:2px dashed var(--accent);border-radius:20px;background:var(--warning-soft);display:grid;gap:10px;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.5}.clone-sample-list li{padding-left:4px}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:.82rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled,.file-button:has(input:disabled){opacity:.5;cursor:not-allowed}.control-grid{display:flex;flex-wrap:wrap;gap:8px}.control-grid button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:80px;min-height:54px;padding:8px 12px;font-size:.76rem;font-weight:700}.control-grid button .ic{font-size:1.25rem;line-height:1}.image-picker{display:flex;flex-direction:column;gap:12px;margin-top:12px}.image-count{align-self:center;font-weight:700;font-size:.9rem;color:var(--text-subtle)}.paste-hint{align-self:center;font-size:.9rem;color:var(--text-subtle);font-weight:700}.image-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px}.image-thumb{position:relative;width:88px;display:flex;flex-direction:column;align-items:center;gap:6px}.image-thumb img{width:88px;height:88px;object-fit:cover;border-radius:12px;border:2px solid var(--ink)}.image-thumb .page-no{position:absolute;top:4px;left:4px;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--ink);color:var(--text-inverse);font-size:.8rem;font-weight:800;text-align:center}.thumb-actions{display:flex;gap:4px}.thumb-actions button{min-height:auto;padding:2px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);font-size:.85rem;cursor:pointer}.thumb-actions button:disabled{opacity:.4;cursor:not-allowed}.listening-slot{display:flex;align-items:center;justify-content:center;width:100%;min-height:32px}.listening-indicator{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;padding:5px 12px;border-radius:999px;background:var(--danger-soft);color:var(--danger);font-weight:700;font-size:.82rem;cursor:help}.listening-dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:var(--danger);box-shadow:0 0 #e2483d8c;animation:listening-pulse 1.2s ease-out infinite}@keyframes listening-pulse{0%{box-shadow:0 0 #e2483d8c}70%{box-shadow:0 0 0 14px #e2483d00}to{box-shadow:0 0 #e2483d00}}@media (max-width: 760px){.topbar{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px}.topbar-toggle,.topbar-child{display:none}.topbar-reward-settings{display:inline-flex}.topbar-passage select{max-width:100%}.topbar-meta{min-width:4.6rem;margin-left:0}.topbar-status{display:none}.topbar-count{font-size:.84rem;white-space:nowrap}.sphere-wrap{width:min(82vmin,420px)}.modal-overlay{align-items:stretch;padding:0;overflow:hidden}.modal-dialog{width:100dvw;height:100dvh;max-height:none;border:0;border-radius:0}.modal-overlay:has(.pin-dialog){align-items:center;padding:16px}.modal-dialog.pin-dialog{width:min(92vw,360px);height:auto;max-height:calc(100dvh - 32px);border:2px solid var(--line);border-radius:18px}.modal-head{flex:0 0 auto;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px}.modal-close{width:44px;min-height:44px}.modal-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.modal-tabs{flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;border-right:none;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;padding:10px 12px}.modal-tab{flex:0 0 auto;min-height:42px;white-space:nowrap}.modal-panel{min-height:0;padding:16px 14px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto}.heard-inline{max-width:82vw}.clone-voice-panel .control-grid{justify-content:center}.clone-voice-panel .control-grid button{flex:1 1 100%}}@media (prefers-reduced-motion: reduce){.gear-button:hover{transform:none}.listening-dot{animation:none}}.english-app{min-height:100vh;display:flex;flex-direction:column}.english-app__body{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(12px,3vw,28px);gap:18px}.english-app__bar{width:min(680px,100%);display:flex;align-items:center;gap:12px}.english-app__bar h1{margin:0;font-size:1.15rem;color:var(--text)}.modulebar{width:100%;display:flex;align-items:center;gap:10px;padding:8px clamp(10px,3vw,18px);border-bottom:1px solid var(--topbar-border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);flex-wrap:wrap}.modulebar__group{display:flex;align-items:center;gap:6px;flex:0 0 auto}.modulebar__group--right{margin-left:auto}.modulebar__icon{width:38px;min-height:38px;display:grid;place-items:center;padding:0;font-size:1.1rem;color:var(--text);background:var(--surface-sunken);border:1px solid var(--border);border-radius:11px}.modulebar__icon:hover{background:var(--surface)}.modulebar__modes{display:flex;gap:2px;margin-left:4px}.modulebar__mode{width:34px;min-height:34px;display:grid;place-items:center;padding:0;font-size:1.02rem;background:transparent;border:1px solid transparent;border-radius:9px;opacity:.5}.modulebar__mode:hover{opacity:.85;background:var(--surface-sunken)}.modulebar__mode--on{opacity:1;background:#8250df47;border-color:#8250df8c}.modulebar__title{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.modulebar__back{flex:0 0 auto;font-size:.85rem;padding:5px 10px;border-radius:9px;white-space:nowrap;background:var(--surface-sunken);color:var(--text);border:1px solid var(--border)}.modulebar__crumb{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modulebar__sep{opacity:.55;padding:0 2px}.modulebar__child select{min-height:34px;border-radius:9px;padding:2px 8px;color:var(--text);background:var(--surface-sunken);border:1px solid var(--border)}.modulebar__status{font-size:.85rem;opacity:.85;white-space:nowrap}@media (max-width: 560px){.modulebar{gap:6px;padding:6px 8px}.modulebar__crumb{font-size:.95rem}.modulebar__icon{width:34px;min-height:34px}.modulebar__mode{width:30px;min-height:30px}}.english-app__card,.english-app__picker{width:min(680px,100%);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:clamp(16px,4vw,32px);display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 18px 40px #00000059}.english-app__picker ul{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:10px}.english-app__picker li button{width:100%;min-height:52px;font-size:1.05rem}.english-app__progress{margin:0;font-weight:700;color:var(--muted)}.english-flashcard{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.english-flashcard__word{margin:4px 0;font-size:clamp(2rem,7vw,3rem);font-weight:800;letter-spacing:.5px}.english-flashcard__meaning{margin:0;font-size:1.2rem;color:var(--warm);font-weight:700}.english-flashcard__hint,.english-flashcard__example{margin:0;color:var(--text-muted)}.english-spelling{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.english-spelling input,.english-app__card input{width:min(360px,100%);min-height:52px;text-align:center;font-size:1.5rem;border:2px solid var(--line);border-radius:14px;padding:6px 14px}.english-app__feedback{display:flex;flex-direction:column;align-items:center;gap:10px}.english-app__feedback p:first-child{font-size:1.8rem;letter-spacing:2px;margin:0}.english-app__done{font-size:1.4rem;font-weight:800;text-align:center}.vocab-image{width:min(260px,70%);aspect-ratio:1 / 1;object-fit:contain;border-radius:16px;background:var(--surface-raised)}.vocab-image--loading{width:min(260px,70%);aspect-ratio:1 / 1;border-radius:16px;background:linear-gradient(100deg,var(--surface-sunken) 30%,var(--surface) 50%,var(--surface-sunken) 70%);background-size:200% 100%;animation:vocab-shimmer 1.2s ease-in-out infinite}@keyframes vocab-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.vocab-image--loading{animation:none}}.vocab-rows{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:8px}.vocab-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vocab-row input{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px}.english-streak{margin-left:auto;font-weight:800;color:var(--warm)}.home{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;box-sizing:border-box}.home__title{margin:0;font-size:clamp(1.5rem,5vw,2.25rem);text-align:center}.home__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;width:min(640px,100%)}.home-card{width:100%;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;border:2px solid var(--home-accent, var(--info));border-radius:18px;background:var(--surface-raised);cursor:pointer;text-align:center}.home-card__emoji{font-size:2.5rem;line-height:1}.home-card__title{font-size:1.15rem;font-weight:700}.home-card__subtitle{font-size:.9rem;opacity:.75}.english-voice-chooser .english-voice-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.english-voice-chooser .english-voice-list li{display:flex;gap:.5rem;align-items:center}.english-voice-chooser .english-voice-pick{flex:1;text-align:left;padding:.5rem .75rem;border-radius:.6rem}.english-voice-chooser .english-voice-list li.is-current .english-voice-pick{outline:2px solid currentColor;font-weight:700}.english-voice-chooser .english-voice-try{white-space:nowrap}.english-gate{display:grid;gap:1.25rem;justify-items:center;padding:1.5rem 1rem}.english-gate__title{margin:0}.english-gate__cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:28rem}.english-gate__card{display:grid;gap:.5rem;justify-items:center;padding:1.5rem 1rem;border-radius:1rem;font-size:1.1rem;font-weight:700}.english-gate__icon{font-size:2.2rem}.english-gate__voice{width:100%;max-width:28rem;display:grid;gap:.5rem;justify-items:center}.english-voice-chip{padding:.5rem 1rem;border-radius:999px}.english-wizard .wizard-steps{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem}.english-wizard .wizard-steps li{opacity:.5}.english-wizard .wizard-steps li.is-current{opacity:1;font-weight:700}.english-wizard .wizard-steps li.is-done{opacity:.8}.english-wizard .wizard-step{display:grid;gap:.75rem}.grow-textarea{width:100%;box-sizing:border-box;min-height:5rem;resize:vertical}.english-picker{width:100%;display:grid;gap:12px;grid-template-columns:1fr}.english-picker__card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card);align-items:stretch}.english-picker__card span{display:block;font-weight:700;color:var(--ink);margin-bottom:4px}.english-picker__card button{min-height:40px;padding:8px 12px;font-size:.95rem}.stage-caption:has(.typing-pad),.stage-caption:has(.typing-summary){width:100%;max-width:min(900px,94vw)}.typing-pad{display:grid;gap:.75rem;padding:1rem;width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;color:var(--ink)}.typing-pad__lines{display:grid;gap:.25rem}.typing-pad__line{font-size:1.05rem;font-weight:600;letter-spacing:.02em;line-height:1.5;word-break:break-all}.typing-pad__line--wrong{background:#cf222e12;border-radius:6px;padding:2px 4px}.typing-pad__live{white-space:pre-wrap;word-break:break-word;min-height:1.5em;opacity:.95}.typing-pad__input{width:100%;min-height:clamp(4.5rem,9vh,7rem);padding:.6rem .85rem;border:2px solid var(--line);border-radius:10px;background:var(--surface-raised);color:var(--ink);font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6;resize:vertical;transition:border-color .15s ease}.typing-pad__input:focus{outline:none;border-color:var(--focus-ring)}.typing-pad__input:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-sunken)}.typing-pad__hint{margin:0;font-size:.9rem;color:var(--danger);font-weight:600}.typing-pad__skip{justify-self:start;font-size:.9rem;padding:6px 14px;min-height:34px;background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.typing-pad__skip:hover{background:var(--danger-soft);border-color:var(--danger-hover)}.review-btn{justify-self:center;font-size:.95rem;padding:8px 18px;min-height:38px;border-radius:999px;background:var(--info-soft);border:1px solid var(--info);color:var(--info);font-weight:600;cursor:pointer}.review-btn:hover{background:var(--info-soft)}.review-btn--exit{background:var(--warning-soft);border-color:var(--warning);color:var(--warning)}.virtual-keyboard{display:grid;gap:4px;width:100%;margin-top:.5rem;-webkit-user-select:none;user-select:none}.vk-row{display:flex;gap:4px;justify-content:center}.vk-key{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:0;height:clamp(1.9rem,4.5vw,2.6rem);border-radius:6px;border:1px solid rgba(0,0,0,.12);font-size:clamp(.7rem,1.6vw,.95rem);font-weight:600;color:#2a2a2a;background:#f3f4f6;transition:background .12s ease,transform .08s ease,box-shadow .12s ease}.vk-key--l-pinky{background:#ffe3e3}.vk-key--l-ring{background:#ffeccc}.vk-key--l-middle{background:#fff7cc}.vk-key--l-index{background:#e4f7d6}.vk-key--r-index{background:#d6f0f7}.vk-key--r-middle{background:#d8e4ff}.vk-key--r-ring{background:#e8ddff}.vk-key--r-pinky{background:#ffd9f0}.vk-key--thumb{background:#eceff3}.vk-key--next{background:#2563eb;color:#fff;box-shadow:0 0 0 3px #2563eb59;transform:translateY(-1px)}.vk-key--shift-active{background:#f59e0b;color:#fff}.typing-summary{display:grid;gap:.5rem;padding:1rem;background:var(--card);border:1px solid var(--line);border-radius:14px;color:var(--ink)}.typing-summary__record{margin:0;font-size:1.1rem;font-weight:700;color:var(--success)}.typing-summary__stat{margin:0;font-size:.95rem}.typing-progress{display:grid;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.typing-progress h3{margin:0;font-size:1rem;color:var(--ink)}.confused-chars{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--surface-sunken)}.confused-chars span:first-child{font-weight:700;color:var(--text-muted);font-size:.85rem}.confused-char{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:4px 8px;border-radius:8px;background:var(--surface-sunken);color:var(--ink);font-weight:700;font-size:.9rem;border:1px solid var(--border)}.topbar-library{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer}.topbar-library__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-dialog{width:min(820px,100%)}.library-collections{display:flex;gap:10px;overflow-x:auto;padding:14px 18px;border-bottom:1px solid var(--line);flex:0 0 auto}.library-card{display:flex;align-items:center;gap:10px;flex:0 0 auto;max-width:260px;padding:8px 12px 8px 8px;border-radius:14px;border:2px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left}.library-card.is-active{border-color:var(--accent, var(--info));box-shadow:0 4px 14px #0000001f}.library-card__avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:800;font-size:1.1rem;flex:0 0 auto}.library-card__text{display:flex;flex-direction:column;min-width:0}.library-card__title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card__count{font-size:.82rem;opacity:.7}.library-stories{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;padding:16px 18px;overflow-y:auto;min-height:0}.library-story{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left}.library-story:hover{background:var(--surface-raised)}.library-story.is-current{border-color:var(--accent, var(--info));box-shadow:inset 0 0 0 1px var(--accent, var(--info))}.library-story.is-done{background:var(--success-soft)}.library-story__num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-sunken);font-weight:800;font-size:.9rem;flex:0 0 auto}.library-story__title{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-story__done{color:var(--success);font-weight:800;flex:0 0 auto}.auth-splash,.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;text-align:center}.login-card{max-width:420px;display:flex;flex-direction:column;gap:1rem;align-items:center}.login-title{font-size:1.5rem;margin:0}.login-intro{color:var(--text-subtle);line-height:1.5;margin:0}.login-button{font-size:1.1rem;padding:.75rem 1.5rem}.module-splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:1.5rem;text-align:center;color:var(--text)}.module-splash--error p{color:var(--danger);max-width:360px;line-height:1.5}.account-settings{display:flex;flex-direction:column;gap:.5rem}.account-settings__hint{color:var(--text-subtle);font-size:.9rem;margin:0}.account-actions{display:flex;gap:.75rem;flex-wrap:wrap}.listen-card{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.listen-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:calc(480px * var(--listen-card-scale, 1))}.listen-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:calc(18px * var(--listen-card-scale, 1));font-size:calc(1.4rem * var(--listen-card-scale, 1));font-weight:700;border-radius:16px}.listen-option__emoji{font-size:2.4rem}.listen-options--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(96px * var(--listen-card-scale, 1)),1fr));gap:8px}.listen-prompt{font-size:1.3rem;font-weight:700;text-align:center;margin:6px 0}.listen-prompt-vi{text-align:center;font-size:.95rem;opacity:.7;margin:0 0 6px}.listen-option__vi{display:block;font-size:.75rem;opacity:.7;margin-top:2px}.listen-option__img{width:calc(72px * var(--listen-card-scale, 1));height:calc(72px * var(--listen-card-scale, 1));object-fit:cover;border-radius:14px;display:block;margin:0 auto 4px}.listen-option-wrap{position:relative;display:flex}.listen-option-wrap>.listen-option{flex:1;width:100%}.listen-option__speak{position:absolute;top:2px;right:2px;z-index:2;width:22px;height:22px;min-width:0;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;line-height:1;border:none;background:transparent;box-shadow:none;border-radius:6px;opacity:.55}.listen-option__speak:hover,.listen-option__speak:active{opacity:1}.listen-option__speak:active{transform:scale(.9)}.listen-sentences{margin:8px 0;padding:0}.listen-sentences p{margin:3px 0;text-align:center}.listen-nav{display:flex;justify-content:center;gap:10px;margin:6px 0}.listen-nav button{min-height:38px;padding:6px 14px;border-radius:10px;font-size:.9rem}.listen-nav button:disabled{opacity:.4}.english-app__bar .listen-gear{margin-left:auto;font-size:1.3rem;min-width:40px;min-height:40px;border-radius:10px}.listen-picker-hint{text-align:center;margin:8px 0 4px;opacity:.85}.listen-group{margin:6px auto;max-width:40rem}.listen-group__head{font-weight:700;padding:8px 6px}.listen-group__count{opacity:.6;font-weight:400}.listen-group__list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 0}@media (max-width: 900px){.listen-group__list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.listen-group__list{grid-template-columns:repeat(2,1fr)}}.listen-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.listen-modal{background:var(--card, var(--surface-raised));color:var(--ink, var(--text));border-radius:16px;width:100%;max-width:30rem;max-height:88vh;overflow:auto;box-shadow:0 12px 40px #00000059}.listen-modal__bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:inherit}.listen-modal__bar h2{margin:0;font-size:1.1rem}.listen-modal__close{min-width:36px;min-height:36px;border-radius:10px}.listen-modal__body{padding:12px 16px;display:flex;flex-direction:column;gap:14px}.listen-set-row{display:flex;flex-direction:column;gap:6px;font-weight:600}.listen-set-row select,.listen-set-row input[type=range]{width:100%}.listen-set-row--check{flex-direction:row;align-items:center;gap:10px;font-weight:500}.listen-set-row--check input{width:20px;height:20px}.listen-set-row--sub{padding-left:30px}.listen-modal__hint{font-size:.85rem;opacity:.75;margin:0}.listen-set-row--reset{border-top:1px solid var(--border);padding-top:12px}.listen-reset-btn{padding:8px 12px;border-radius:10px;color:var(--danger)}.listen-reset-confirm{display:flex;flex-direction:column;gap:8px}.listen-options--locked .listen-option{opacity:.5;cursor:not-allowed}.listen-reading-hint{text-align:center;opacity:.8;font-size:.9rem;margin:4px 0}.listen-speak__result{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px}.listen-speak__stars{font-size:1.3rem}.listen-speak__words{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:2px 0;font-weight:700}.listen-speak__ok{color:var(--success)}.listen-speak__bad{color:var(--danger);text-decoration:underline wavy}.listen-speak__heard{font-size:.9rem;opacity:.85;margin:0}.listen-speak__heard--none{font-style:italic}.listen-speak__verdict{font-size:.95rem;font-weight:700;margin:0}.listen-speak__verdict--retry{opacity:.9}.listen-speak__match{color:var(--success);font-weight:700}.listen-speak__nomatch{color:var(--danger);font-weight:700}.listen-karaoke{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 8px;max-width:36rem;margin:10px auto 14px;font-size:1.6rem;font-weight:700;line-height:1.5}.listen-karaoke__w{display:inline-block;padding:2px 10px;border-radius:12px;color:var(--text);transition:background-color .15s ease,color .15s ease,transform .15s ease}.listen-karaoke__on{background:#ffce3a;color:#1b2230;transform:scale(1.12);box-shadow:0 3px 12px #ffc43880}.listen-karaoke__active{background:linear-gradient(90deg,#ffce3a calc(var(--fill, 0) * 100% - 6px),#ffe7a0 calc(var(--fill, 0) * 100% + 6px));color:#1b2230}@media (max-width: 480px){.listen-karaoke{font-size:1.3rem}}@media (prefers-reduced-motion: reduce){.listen-karaoke__w{transition:none}.listen-karaoke__on{transform:none}}.listen-sentences{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin:8px 0;padding:0}@media (max-width: 560px){.listen-sentences{grid-template-columns:1fr}}.listen-narrate-hint{text-align:center;font-size:.85rem;opacity:.7;margin:2px 0 6px}.listen-sentence{display:flex;align-items:flex-start;gap:12px;padding:5px 8px;border-radius:12px;transition:background-color .16s ease}.listen-sentence--on{background:#ffce3a29}.listen-sentence__tools{display:flex;gap:2px;flex-shrink:0;padding-top:4px}.listen-sentence__btn{min-width:26px;min-height:26px;padding:1px 4px;border:none;background:transparent;border-radius:8px;font-size:.95rem;line-height:1;opacity:.7;cursor:pointer}.listen-sentence__btn:hover{opacity:1;background:var(--surface-sunken)}.listen-sentence__text{flex:1;min-width:0;text-align:left;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.listen-sentence__vi{font-size:1.05rem;color:var(--warning);margin:0;padding:1px 5px;text-align:left;line-height:1.55}@media (max-width: 480px){.listen-sentence__vi{font-size:1rem}}.listen-video{margin:8px auto 12px;max-width:30rem;background:#00000040;border:1px solid var(--stage-border);border-radius:14px;padding:8px}.listen-video__head{display:flex;align-items:center;justify-content:space-between;font-weight:700;padding:2px 4px 6px}.listen-video__close{min-width:30px;min-height:30px;border-radius:8px}.listen-video__player{width:100%;max-height:46vh;border-radius:10px;background:#000;display:block}.listen-video__missing{text-align:center;opacity:.8;padding:16px}.listen-video .listen-karaoke--narrate{justify-content:center;margin-top:6px}.listen-sentence--video{outline:1px dashed rgba(130,170,255,.5)}.listen-karaoke--narrate{justify-content:flex-start;align-items:baseline;font-size:1.1rem;line-height:1.55;margin:0;max-width:none;gap:2px 4px}.listen-karaoke--narrate .listen-karaoke__w{color:inherit;padding:1px 5px}.listen-karaoke--narrate .listen-karaoke__on{color:#1b2230;transform:scale(1.06)}@media (max-width: 480px){.listen-karaoke--narrate{font-size:1.05rem}}.listen-textmode{display:flex;gap:8px;align-items:center;justify-content:center;margin-bottom:8px}.listen-loading{text-align:center;opacity:.8}.listen-pregen{display:flex;flex-direction:column;gap:6px;align-items:center;margin-bottom:12px}.listen-pregen__all{min-height:44px;padding:10px 16px;border-radius:12px;font-weight:700}.listen-pregen__progress{margin:0;opacity:.85;font-size:.95rem}.listen-error-text{color:var(--danger);font-weight:600;margin:4px 0 0}.listen-pick{display:flex;flex-direction:column;gap:6px}.listen-pick__play{position:relative;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;width:100%;min-height:64px;padding:12px 14px 10px;text-align:center}.listen-pick__title{font-weight:700;color:var(--ink)}.listen-pick__status{font-size:.8rem;opacity:.8}.listen-pick__num{position:absolute;top:5px;left:7px;font-size:var(--fs-xs);font-weight:700;opacity:.45}.listen-jump{display:block;width:100%;max-width:420px;margin:0 auto 10px;min-height:40px;padding:6px 10px;border-radius:10px}.listen-pick__gen{min-height:40px;padding:6px 12px;font-size:.9rem;border-radius:10px}.listen-card--error{text-align:center}.listen-feedback{min-height:1.6em;font-weight:700}.listen-celebrate{font-size:2rem;font-weight:800;animation:celebrate-pop .42s ease-out}@keyframes celebrate-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.listen-celebrate{animation:none}}.star-hud{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--text);white-space:nowrap}.star-hud__icon{color:var(--warning)}.star-hud__num{min-width:1.5ch;text-align:right;font-variant-numeric:tabular-nums;animation:star-hud-pop .32s ease}@keyframes star-hud-pop{0%{transform:scale(1)}40%{transform:scale(1.35);color:var(--warning)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.star-hud__num{animation:none}}.celebration-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60}.celebration-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.celebration-banner{position:absolute;top:18%;left:50%;transform:translate(-50%);background:var(--surface-raised, var(--card));color:var(--text);border:2px solid var(--warning);border-radius:var(--radius-lg);padding:12px 22px;font-size:var(--fs-lg);font-weight:800;box-shadow:var(--shadow-pop, 0 8px 30px rgba(0,0,0,.25));animation:celebration-banner-pop .36s ease}@keyframes celebration-banner-pop{0%{opacity:0;transform:translate(-50%) scale(.7)}60%{opacity:1;transform:translate(-50%) scale(1.08)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.celebration-banner{animation:none}}.topbar-star{margin-left:6px}.modulebar__star{margin-left:4px}.star-hud__shop-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;height:34px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--ink);font-size:.8rem;cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap;margin-left:4px}.star-hud__shop-btn:hover{background:var(--surface);border-color:var(--border-strong)}@media (max-width: 600px){.star-hud__shop-label{display:none}}.reward-collection{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3)}.reward-collection__section{display:flex;flex-direction:column;gap:var(--space-2)}.reward-collection__section-title{font-size:.95rem;font-weight:600;color:var(--ink)}.reward-collection__list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.reward-collection__card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-2);border:1px solid var(--border);border-radius:8px;background:var(--surface);width:100px}.reward-collection__card-img{width:80px;height:80px;object-fit:cover;border-radius:4px}.reward-collection__card-title{font-size:.75rem;text-align:center;color:var(--ink)}.reward-collection__badge{font-size:.7rem;color:var(--info)}.reward-collection__ticket,.reward-collection__savings-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:6px;background:var(--surface)}.reward-collection__savings-amount{font-weight:600;color:var(--ink)}.reward-collection__empty{color:var(--muted);font-style:italic;padding:var(--space-3)}.reward-shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-4);overflow:auto;background:#080a16b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (max-width: 640px){.reward-shop-overlay{padding:0}}.reward-shop{display:flex;flex-direction:column;gap:var(--space-4);width:min(960px,100%);margin:auto;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1)}.reward-shop__header-right{display:flex;align-items:center;gap:var(--space-3)}.reward-shop__stars{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;font-weight:900;font-size:var(--fs-lg);color:#3a2a00;white-space:nowrap;background:linear-gradient(180deg,#ffe28a,#ffb347);box-shadow:0 2px 8px #ffaa2873}.reward-shop--candy{--candy-pink: #ff4f9a;--candy-pink-soft: #ffd9e8;--candy-blue: #1aa3f5;--candy-blue-soft: #d6f0ff;--candy-green: #16bd80;--candy-green-soft: #d2f8e8;--candy-purple: #8a5cff;--candy-purple-soft: #e9deff;--candy-yellow: #ffc83d;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #fdeef6;--text: #3a2b52;--text-muted: #6b5a86;--text-subtle: #9a8bb5;--border: #ffe1ef;--border-strong: #ffc2dd;--accent: var(--candy-pink);--accent-hover: #ff357f;--accent-active: #e81f6c;--accent-soft: var(--candy-pink-soft);--on-accent: #ffffff;--info: var(--candy-blue);--info-hover: #0f8fe0;--info-soft: var(--candy-blue-soft);--success: var(--candy-green);--success-soft: var(--candy-green-soft);--warning: #b46a00;--warning-soft: #ffeec2;--on-warning: #5a3a00;--danger: #e5417a;--danger-soft: #ffdcea;--card: var(--surface);--line: var(--border);--muted: var(--text-muted);--ink: var(--text);width:min(1320px,98vw);color:var(--text);font-family:"Baloo 2",Fredoka,Segoe UI Rounded,ui-rounded,system-ui,sans-serif;border:3px solid #ffffff;border-radius:34px;background:radial-gradient(120% 90% at 15% 0%,#ffe3f1 0%,transparent 45%),radial-gradient(120% 90% at 85% 0%,#dff1ff 0%,transparent 45%),radial-gradient(120% 100% at 50% 110%,#d7fbec 0%,transparent 50%),linear-gradient(180deg,#fff6fb,#f3f9ff 60%,#eefcf6);box-shadow:0 30px 70px #9b6bff38,inset 0 2px #fff;position:relative;overflow:hidden}.reward-shop--candy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(8px 8px at 12% 22%,#ffd84d99,transparent 60%),radial-gradient(7px 7px at 82% 16%,#ff5fa288,transparent 60%),radial-gradient(6px 6px at 67% 78%,#3fb8ff88,transparent 60%),radial-gradient(9px 9px at 30% 86%,#28c98a88,transparent 60%)}.reward-shop--candy>*{position:relative;z-index:1}.reward-shop--candy .reward-shop__eyebrow{color:#c43f86}.reward-shop--candy h2,.reward-shop--candy h3{color:var(--text)}.reward-shop--candy .reward-shop__balance,.reward-shop--candy .reward-shop__notice{color:var(--text-muted)}.reward-chest-hub{display:grid;gap:var(--space-4)}.reward-chest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:8px}@media (min-width: 760px){.reward-chest-grid{grid-template-columns:repeat(4,1fr)}}.reward-chest{position:relative;border:none;cursor:pointer;border-radius:28px;padding:30px 16px 22px;text-align:center;color:#fff;font:inherit;font-weight:800;box-shadow:0 14px #0000001f,0 22px 34px #00000029;transform:rotate(var(--tilt, 0deg));transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s}.reward-chest:disabled{cursor:not-allowed;filter:grayscale(.7) brightness(.96);opacity:.7}.reward-chest__bow{position:absolute;left:50%;top:-22px;transform:translate(-50%);font-size:30px}.reward-chest__lid{position:absolute;left:8px;right:8px;top:-12px;height:30px;border-radius:16px 16px 8px 8px;background:#ffffff73;box-shadow:inset 0 -6px #00000014}.reward-chest__ribbon{position:absolute;left:50%;top:0;bottom:0;width:24px;transform:translate(-50%);background:#ffffff42}.reward-chest__emoji{font-size:52px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.reward-chest__name{font-size:20px;margin-top:6px}.reward-chest__sub{font-size:14px;font-weight:600;opacity:.95}.reward-chest--pink{background:linear-gradient(180deg,#ff86ba,#ff4f9a)}.reward-chest--green{background:linear-gradient(180deg,#4be0a6,#16bd80)}.reward-chest--blue{background:linear-gradient(180deg,#5fc6ff,#1aa3f5)}.reward-chest--purple{background:linear-gradient(180deg,#b18cff,#8a5cff)}.reward-chest-shelf{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.reward-detail{display:grid;gap:var(--space-4)}.reward-detail__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.reward-detail__back{font:inherit;font-weight:800;font-size:16px;color:#0f7fb8;background:var(--candy-blue-soft);border:none;border-radius:999px;padding:10px 18px;cursor:pointer;box-shadow:0 5px #b6e4ff;transition:transform .12s,box-shadow .12s}.reward-detail__title{margin:0;font-size:24px;font-weight:800;color:var(--text)}.reward-shop--candy .btn,.candy-pill{font:inherit;font-weight:800;border-radius:999px;cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,filter .12s}.candy-pill{font-size:16px;color:#5a3d86;background:#fff;border:3px solid var(--candy-purple-soft);padding:12px 22px;box-shadow:0 6px #d8c6ff}.reward-shop--candy .btn{border:3px solid var(--candy-purple-soft);box-shadow:0 6px #d8c6ff}.reward-shop--candy .btn--primary,.reward-shop--candy .existing-card__button{border:none;color:#fff;background:linear-gradient(180deg,#ff86ba,#ff4f9a);box-shadow:0 6px #d63a82}.reward-shop--candy .btn:active,.reward-shop--candy .btn--primary:active,.candy-pill:active,.reward-detail__back:active{transform:translateY(4px);box-shadow:0 2px #d8c6ff}.reward-shop--candy .existing-card,.reward-shop--candy .savings-wallet__card,.reward-shop--candy .ai-card-lab,.reward-shop--candy .reward-collection__card{border-radius:22px;border:3px solid #fff;box-shadow:0 12px 24px #9b6bff2e}.reward-shop--candy .existing-card__price{background:linear-gradient(180deg,#ffe79a,#ffc83d);color:#7a4b00;border:2px solid #fff;box-shadow:0 3px #e3a800}.reward-shop--candy .reward-shop__pokemon .existing-card-shop{grid-template-columns:repeat(5,1fr)}@media (max-width: 980px){.reward-shop--candy .reward-shop__pokemon .existing-card-shop{grid-template-columns:repeat(3,1fr)}}@media (max-width: 560px){.reward-shop--candy .reward-shop__pokemon .existing-card-shop{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: no-preference){.reward-chest{animation:candy-bob 2.6s ease-in-out infinite}.reward-chest:nth-child(2){animation-delay:.25s}.reward-chest:nth-child(3){animation-delay:.5s}.reward-chest:nth-child(4){animation-delay:.75s}.reward-chest:hover:not(:disabled){transform:rotate(var(--tilt, 0deg)) scale(1.06) translateY(-3px);box-shadow:0 20px #0000001f,0 28px 44px #0003}.reward-chest:active:not(:disabled){transform:rotate(var(--tilt, 0deg)) scale(.95)}.reward-chest--bursting{animation:candy-pop .45s cubic-bezier(.34,1.8,.5,1) both}.reward-detail{animation:candy-slide-in .32s cubic-bezier(.22,1,.36,1) both}.reward-shop--candy .btn:hover,.candy-pill:hover{transform:translateY(-2px);filter:brightness(1.03)}}@keyframes candy-bob{0%,to{transform:rotate(var(--tilt, 0deg)) translateY(0)}50%{transform:rotate(var(--tilt, 0deg)) translateY(-6px)}}@keyframes candy-pop{0%{transform:rotate(var(--tilt, 0deg)) scale(1)}40%{transform:rotate(var(--tilt, 0deg)) scale(1.18)}to{transform:rotate(var(--tilt, 0deg)) scale(1)}}@keyframes candy-slide-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.reward-chest__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.reward-chest__confetti i{position:absolute;left:50%;top:30%;width:9px;height:9px;border-radius:2px;opacity:0}@media (prefers-reduced-motion: no-preference){.reward-chest--bursting .reward-chest__confetti i{animation:candy-confetti .6s ease-out forwards}}.reward-chest__confetti i:nth-child(1){background:#ffd84d;--dx:-60px;--dy:-70px}.reward-chest__confetti i:nth-child(2){background:#ff5fa2;--dx:55px;--dy:-80px}.reward-chest__confetti i:nth-child(3){background:#3fb8ff;--dx:-80px;--dy:20px}.reward-chest__confetti i:nth-child(4){background:#28c98a;--dx:75px;--dy:10px}.reward-chest__confetti i:nth-child(5){background:#b18cff;--dx:0px;--dy:-95px}.reward-chest__confetti i:nth-child(6){background:#ff8a3d;--dx:-30px;--dy:60px}@keyframes candy-confetti{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4) rotate(220deg)}}.reward-unlock-chest{position:relative;width:120px;height:84px;margin:0 auto 10px;border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,#a9712f,#6e4416);box-shadow:inset 0 -10px #00000040,0 8px 18px #0006}.reward-unlock-chest__lid{position:absolute;top:-14px;left:-4px;right:-4px;height:26px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#caa14e,#8a5a1f);transform-origin:bottom center;animation:chest-open .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes chest-open{0%{transform:rotateX(0)}to{transform:rotateX(-55deg)}}.reward-unlock-chest__glow{position:absolute;inset:-30% 10% auto 10%;height:60px;background:radial-gradient(ellipse at center,rgba(255,225,120,.9),transparent 70%);filter:blur(4px);animation:chest-glow 1.2s ease-in-out infinite alternate}@keyframes chest-glow{0%{opacity:.5}to{opacity:1}}@media (prefers-reduced-motion: reduce){.reward-unlock-chest__lid,.reward-unlock-chest__glow{animation:none}.reward-unlock-chest__lid{transform:rotateX(-55deg)}}.reward-shop__pokemon-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.reward-shop__pokemon-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.print-cards__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;list-style:none;margin:0;padding:0}.print-cards__cell{text-align:center}.print-cards__cell img{width:100%;border-radius:6px;display:block}.print-cards__cell input{margin-bottom:4px}.print-cards__preview{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:360px}.print-cards__preview img{width:100%;border-radius:6px}.print-sheet{display:none}@media print{body *{visibility:hidden}.print-sheet,.print-sheet *{visibility:visible}.print-sheet{display:grid;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;grid-template-columns:repeat(3,63mm);grid-auto-rows:88mm;gap:3mm;justify-content:center;align-content:start;padding:8mm;background:#fff}.print-sheet img{width:63mm;height:88mm;object-fit:contain}@page{size:A4;margin:0}}.reward-shop__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.reward-shop__eyebrow,.reward-shop__balance,.reward-shop__notice,.reward-shop__empty{margin:0}.reward-shop__eyebrow{color:var(--text-muted);font-size:var(--fs-sm);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.reward-shop__header h2{margin:2px 0 0}.reward-shop__balance,.reward-shop__notice,.reward-shop__empty{color:var(--text-muted);font-weight:700}.existing-card-shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.existing-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised)}.existing-card--rare{border-color:#5b9bff}.existing-card--epic{border-color:#9b6dff}.existing-card--legendary{border-color:var(--warning)}.existing-card__image-wrap{position:relative;aspect-ratio:3 / 4;background:var(--surface-sunken)}.existing-card__image{display:block;width:100%;height:100%;object-fit:cover}.existing-card__price{position:absolute;top:var(--space-2);right:var(--space-2);padding:4px 8px;border-radius:var(--radius-pill);background:var(--warning-soft);color:var(--on-warning);font-size:var(--fs-xs);font-weight:800}.existing-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.existing-card__title,.existing-card__rarity{margin:0}.existing-card__title{font-size:var(--fs-md)}.existing-card__rarity{color:var(--text-muted);font-size:var(--fs-sm)}.existing-card__button{width:100%}.savings-wallet{display:grid;gap:var(--space-4)}.savings-wallet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.savings-wallet__head h3{margin:2px 0 0}.savings-wallet__totals{display:grid;gap:4px;min-width:min(240px,100%);margin:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-muted);font-size:var(--fs-sm);font-weight:700}.savings-wallet__totals legend{padding:0 4px;color:var(--ink);font-size:var(--fs-xs);font-weight:800}.savings-wallet__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-4)}.savings-wallet__card{display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);position:relative;overflow:hidden}.savings-wallet__card--ready{border-color:#ffc454e6;box-shadow:0 0 0 1px #ffc45480,0 8px 22px #ffb02047}.savings-wallet__card--ready:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-120%);animation:savings-shimmer 2.6s ease-in-out infinite;pointer-events:none}.savings-wallet__card--locked{opacity:.78}.savings-wallet__card--locked img{filter:grayscale(.25) brightness(.92)}@keyframes savings-shimmer{0%{transform:translate(-120%)}60%,to{transform:translate(120%)}}.savings-wallet__card img,.savings-wallet__bill{width:100%;aspect-ratio:2 / 1;border-radius:var(--radius-md);background:var(--surface-sunken);object-fit:cover}.savings-wallet__bill{display:grid;place-items:center;color:var(--accent);font-size:clamp(1.35rem,4vw,2.25rem);font-weight:900}.savings-wallet__card strong,.savings-wallet__card p{margin:0}.savings-wallet__card p{color:var(--text-muted);font-weight:700}@media (max-width: 520px){.reward-shop{padding:var(--space-4)}.reward-shop__header,.savings-wallet__head{align-items:stretch;flex-direction:column}}.ai-card-lab{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised)}.ai-card-lab__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.ai-card-lab__header h3{margin:0}.ai-card-lab__cost{margin:0;color:var(--text-muted);font-size:var(--fs-sm);font-weight:700}.ai-card-lab__presets{border:none;margin:0;padding:0}.ai-card-lab__presets legend{font-size:var(--fs-sm);font-weight:800;color:var(--ink);margin-bottom:var(--space-2)}.ai-card-lab__presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-2)}.ai-card-lab__preset-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;font-size:var(--fs-sm);font-weight:600;transition:background .15s,border-color .15s}.ai-card-lab__preset-option--selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.ai-card-lab__preset-option input[type=radio]{accent-color:var(--accent)}.ai-card-lab__custom-idea{display:grid;gap:var(--space-2)}.ai-card-lab__custom-idea label{font-size:var(--fs-sm);font-weight:800;color:var(--ink)}.ai-card-lab__idea-input{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--fs-base);resize:vertical;box-sizing:border-box}.ai-card-lab__notice{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 10%,var(--surface));font-size:var(--fs-sm);font-weight:700;color:var(--ink)}.ai-card-lab__notice--error{background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--danger)}.ai-card-lab__generate-btn{justify-self:start}.ai-card-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);min-height:160px}.ai-card-choice-grid__card{width:100%;aspect-ratio:auto;border:2px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-sunken);cursor:pointer;overflow:hidden;padding:0;transition:border-color .15s,transform .1s}.ai-card-choice-grid__card:hover{border-color:var(--accent);transform:scale(1.04)}.ai-card-choice-grid__card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (max-width: 520px){.ai-card-lab__presets-grid{grid-template-columns:1fr}}.reward-unlock-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;animation:reward-unlock-fade-in .3s ease-out}.reward-unlock-layer--light{background:#0000008c}.reward-unlock-layer--explosive{background:#0a051ecc;box-shadow:inset 0 0 120px #783cff40}@keyframes reward-unlock-fade-in{0%{opacity:0}to{opacity:1}}.reward-unlock-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-5);max-width:min(480px,92vw)}.reward-unlock-hint{margin:0;font-size:var(--fs-sm);color:#ffffff8c;font-weight:500}.reward-unlock-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-pop);animation:reward-unlock-card-pop .45s cubic-bezier(.34,1.56,.64,1) both;max-width:320px;width:100%}@keyframes reward-unlock-card-pop{0%{transform:scale(.6) translateY(24px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.reward-unlock-card__img{width:180px;height:auto;border-radius:var(--radius-md);object-fit:cover;box-shadow:var(--shadow-2)}.reward-unlock-card__icon{font-size:3rem;line-height:1}.reward-unlock-card__title{margin:0;font-size:var(--fs-xl);font-weight:800;color:var(--text)}.reward-unlock-card__sub{margin:0;font-size:var(--fs-sm);color:var(--text-muted);font-weight:600}.reward-unlock-card--epic{border:2px solid #9b59b6;box-shadow:0 0 24px #9b59b699,var(--shadow-pop)}.reward-unlock-card--legendary{border:2px solid #f1c40f;box-shadow:0 0 32px #f1c40fb3,var(--shadow-pop);animation:reward-unlock-card-pop .45s cubic-bezier(.34,1.56,.64,1) both,reward-unlock-legend-glow 1.2s ease-in-out infinite alternate}@keyframes reward-unlock-legend-glow{0%{box-shadow:0 0 20px #f1c40f80,var(--shadow-pop)}to{box-shadow:0 0 48px #f1c40fe6,var(--shadow-pop)}}.reward-unlock-burst{position:relative}.reward-unlock-burst:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:calc(var(--radius-lg) + 12px);background:conic-gradient(from 0deg,#783cff4d,#ff78004d,#ffdc004d,#783cff4d);animation:reward-unlock-burst-spin 1.8s linear infinite;z-index:-1}@keyframes reward-unlock-burst-spin{to{transform:rotate(360deg)}}.reward-unlock-money{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-pop);animation:reward-unlock-card-pop .45s cubic-bezier(.34,1.56,.64,1) both;border:2px solid #2ecc71;box-shadow:0 0 24px #2ecc7166,var(--shadow-pop)}.reward-unlock-money__amount{margin:0;font-size:2rem;font-weight:900;color:#27ae60}.reward-unlock-money--rain{position:relative;z-index:1}.reward-unlock-money__bill{width:min(360px,80vw);height:auto;border-radius:10px;box-shadow:0 10px 30px #00000059,0 0 26px #ffd666b3}.reward-money-rain{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.reward-money-rain__note{position:absolute;top:-15%;width:clamp(56px,10vw,104px);height:auto;border-radius:6px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25));animation-name:reward-money-fall;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}@keyframes reward-money-fall{0%{transform:translateY(-20vh) translate(calc(var(--sway) * -1)) rotate(0);opacity:0}10%{opacity:1}50%{transform:translateY(50vh) translate(var(--sway)) rotate(calc(var(--spin) * .5))}90%{opacity:1}to{transform:translateY(120vh) translate(calc(var(--sway) * -1)) rotate(var(--spin));opacity:0}}.animate-preview{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-6);background:var(--bg);color:var(--text)}.animate-preview__title{margin:0;font-size:var(--fs-xl);font-weight:800}.animate-preview__desc{margin:0;font-size:var(--fs-md);color:var(--text-muted)}.animate-preview__buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}@media (prefers-reduced-motion: reduce){.reward-unlock-layer,.reward-unlock-card,.reward-unlock-money,.reward-unlock-card--legendary{animation:none}.reward-unlock-burst:before{animation:none}.reward-money-rain{display:none}.savings-wallet__card--ready:after{animation:none;opacity:0}}.grade-picker{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem}.grade-picker__title{font-size:clamp(1.5rem,4vw,2.25rem);text-align:center;color:var(--ink)}.grade-picker__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:1rem;width:min(32rem,100%)}.grade-picker__card{width:100%;padding:1.25rem 1rem;font-size:1.25rem;font-weight:700;border-radius:1rem;border:2px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.grade-picker__card:hover{border-color:var(--accent, #2f6df6)}.home__grades{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.5rem}.home-grade-chip{padding:.4rem .9rem;border-radius:999px;border:2px solid var(--line);background:var(--card);color:var(--ink);font-weight:600;cursor:pointer}.home-grade-chip--active{border-color:#2f6df6;background:#2f6df6;color:#fff}.home__empty{text-align:center;color:var(--muted);font-size:1.1rem}.grade-settings__label{margin:.5rem 0 .25rem;font-size:.9rem;color:var(--muted)}.grade-settings__row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.grade-settings__check{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.9rem}.manual-star-adjust__balance{margin:.4rem 0 .6rem;font-size:1.05rem}.manual-star-adjust__quick{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.4rem}.manual-star-adjust__quick-label{min-width:6.5rem;color:var(--muted);font-size:.9rem}.manual-star-adjust__custom{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.manual-star-adjust__custom input{width:6rem}.manual-star-adjust__custom-label{color:var(--muted);font-size:.9rem}.manual-star-adjust__history{margin-top:.85rem}.manual-star-adjust__history-title{margin:0 0 .3rem;font-size:.95rem}.manual-star-adjust__history ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.manual-star-adjust__history li{display:flex;align-items:center;gap:.5rem;font-size:.92rem}.manual-star-adjust__h-amount{font-weight:600;min-width:4rem}.manual-star-adjust__h--undo{opacity:.6}.manual-star-adjust__h-tag{color:var(--muted);font-size:.85rem}.manual-star-adjust__undo{padding:.1rem .5rem;font-size:.85rem}.time-scale-picker{margin:.3rem 0 .2rem}.time-scale-picker__label{display:block;margin-bottom:.35rem;font-weight:600}.time-scale-picker__options{display:flex;gap:.4rem;flex-wrap:wrap}.time-scale-picker__option{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.4rem .7rem;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer;font-size:.9rem}.time-scale-picker__option.is-active{border-color:var(--accent, #3b82f6);background:var(--accent, #3b82f6);color:#fff;font-weight:700}.time-scale-picker__mult{font-size:.75rem;color:var(--muted)}.time-scale-picker__option.is-active .time-scale-picker__mult{color:#ffffffd9}.time-scale-picker__hint{margin:.4rem 0 0;font-size:.85rem;color:var(--muted)}