.word-meaning-icon[data-v-149fe05b]{display:inline-grid;flex:0 0 auto;place-items:center;color:currentColor;font-style:normal;line-height:0}:root{--ke-canvas: #eef9fc;--ke-surface: #fffefa;--ke-teacher-rail: #f8fcfd;--ke-ink: #17324d;--ke-muted: #617786;--ke-primary: #4ba8d8;--ke-primary-soft: #dff5ff;--ke-accent: #ffd65a;--ke-correct: #54b892;--ke-retry: #e9826b;--ke-radius: 24px}[data-age-band=toddler]{--ke-canvas: #dff7ff;--ke-surface: #fffefa;--ke-teacher-rail: #f7fcff;--ke-ink: #17324d;--ke-muted: #526b7c;--ke-primary: #4ba8d8;--ke-primary-soft: #dff5ff;--ke-accent: #ffd65a;--ke-radius: 26px}[data-age-band=nursery]{--ke-canvas: #e8f6ef;--ke-surface: #fffdf7;--ke-teacher-rail: #f6fcf8;--ke-ink: #264b40;--ke-muted: #607a71;--ke-primary: #5b927e;--ke-primary-soft: #dff1e9;--ke-accent: #f2c96d}[data-age-band=pre-k]{--ke-canvas: #e8f1f5;--ke-surface: #fffdf7;--ke-teacher-rail: #f7fafc;--ke-ink: #29465c;--ke-muted: #647987;--ke-primary: #6285a5;--ke-primary-soft: #dfebf2;--ke-accent: #e7bd70}[data-age-band=kindergarten]{--ke-canvas: #f0ebf4;--ke-surface: #fffdf8;--ke-teacher-rail: #fbf8fc;--ke-ink: #493c58;--ke-muted: #796d82;--ke-primary: #8a70a2;--ke-primary-soft: #ebe2f1;--ke-accent: #e1b86d}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.m-0{margin:0}.mb-3{margin-bottom:.75rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.max-w-lg{max-width:32rem}.resize{resize:both}.place-items-center{place-items:center}.bg-course-canvas{background-color:var(--ke-canvas)}.p-6{padding:1.5rem}.text-center{text-align:center}.font-sans{font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-black{font-weight:900}.font-extrabold{font-weight:800}.leading-7{line-height:1.75rem}.text-course-ink{color:var(--ke-ink)}.text-course-muted{color:var(--ke-muted)}.text-course-primary{color:var(--ke-primary)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--app-bg: #f8fafc;--app-bg-soft: #f1f5f9;--app-bg-muted: #e2e8f0;--app-surface: #ffffff;--app-surface-soft: #f8fafc;--app-surface-elevated: rgb(255 255 255 / .94);--app-surface-panel: #ffffff;--app-shell-fade: linear-gradient(to top, rgb(248 250 252 / .98) 72%, rgb(248 250 252 / 0));--app-topbar-bg: rgb(248 250 252 / .92);--app-backdrop: rgb(15 23 42 / .42);--app-border: rgb(15 23 42 / .12);--app-border-soft: rgb(15 23 42 / .1);--app-border-strong: rgb(15 23 42 / .16);--app-text: #172033;--app-text-strong: #0f172a;--app-text-muted: #64748b;--app-text-soft: #98a2b3;--app-brand-blue: #16365f;--app-primary: #172033;--app-primary-hover: #22304a;--app-primary-contrast: #ffffff;--app-accent: #07844d;--app-accent-soft: #ecfdf3;--app-accent-muted: rgb(16 185 129 / .1);--app-accent-text: #075e3d;--app-accent-ring: rgb(16 185 129 / .14);--app-info-soft: #eef6ff;--app-warning-soft: #fff7ed;--app-warning-text: #663c13;--app-danger-soft: #fff1f3;--app-danger-text: #912018;--app-disabled: #d8dee8;--app-disabled-text: #8a94a6;--app-shadow-soft: rgb(15 23 42 / .08);--app-shadow-panel: rgb(15 23 42 / .26);color:var(--app-text);background:var(--app-bg);font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--app-bg: #0f172a;--app-bg-soft: #111827;--app-bg-muted: #1e293b;--app-surface: #111827;--app-surface-soft: #1e293b;--app-surface-elevated: rgb(30 41 59 / .94);--app-surface-panel: #111827;--app-shell-fade: linear-gradient(to top, rgb(15 23 42 / .98) 72%, rgb(15 23 42 / 0));--app-topbar-bg: rgb(15 23 42 / .9);--app-backdrop: rgb(2 6 23 / .62);--app-border: rgb(148 163 184 / .18);--app-border-soft: rgb(148 163 184 / .14);--app-border-strong: rgb(148 163 184 / .24);--app-text: #e7edf6;--app-text-strong: #f8fafc;--app-text-muted: #94a3b8;--app-text-soft: #64748b;--app-brand-blue: #93c5fd;--app-primary: #1e293b;--app-primary-hover: #334155;--app-primary-contrast: #f8fafc;--app-accent: #34d399;--app-accent-soft: rgb(6 95 70 / .42);--app-accent-muted: rgb(6 95 70 / .34);--app-accent-text: #d1fae5;--app-accent-ring: rgb(52 211 153 / .14);--app-info-soft: rgb(30 58 138 / .3);--app-warning-soft: rgb(120 53 15 / .34);--app-warning-text: #fde68a;--app-danger-soft: rgb(127 29 29 / .34);--app-danger-text: #fecaca;--app-disabled: #1e293b;--app-disabled-text: #64748b;--app-shadow-soft: rgb(2 6 23 / .28);--app-shadow-panel: rgb(2 6 23 / .46);color:var(--app-text);background:var(--app-bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden}:root[data-theme=dark] body{background:var(--app-bg)}button{font:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--app-accent) 56%,transparent);outline-offset:2px}.app-shell{overflow-x:hidden;min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) 0 28px}:root[data-theme=dark] .app-shell{background:var(--app-bg);color:var(--app-text)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--app-border);background:var(--app-topbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}:root[data-theme=dark] .topbar{border-bottom-color:var(--app-border);background:var(--app-topbar-bg)}.brand{display:flex;flex:1 1 auto;align-items:center;gap:9px;min-width:0}.brand-copy{min-width:0}.brand strong,.brand span{display:block}.brand strong{overflow:hidden;max-width:54vw;font-size:16px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.brand span{margin-top:2px;color:var(--app-text-muted);font-size:13px}.top-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:6px}.top-loop-controls{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;padding:0 2px}.icon-button,.course-menu-button,.audio-button,.close-button,.nav-button,.speed-control,.speed-control button,.practice-audio,.practice-option,.practice-nav-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border);border-radius:7px;background:var(--app-surface);color:var(--app-text);cursor:pointer}.story-button,.course-menu-button,.toggle-button,.theme-button,.user-button{flex:0 0 38px;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-weight:800}.course-menu-button{flex:0 0 auto;background:var(--app-primary);color:var(--app-primary-contrast)}.course-menu-button:hover{background:var(--app-primary-hover)}.story-button{background:var(--app-accent-soft);color:var(--app-accent-text)}.story-button:nth-child(2){background:var(--app-warning-soft);color:var(--app-warning-text)}.speed-control{display:grid;flex:0 0 48px;grid-template-rows:12px 1fr 12px;width:48px;min-width:48px;height:38px;min-height:38px;overflow:hidden;background:var(--app-surface);color:var(--app-text)}.speed-control button{width:100%;height:12px;min-height:12px;border:0;border-radius:0;background:transparent;color:var(--app-text-muted);padding:0}.speed-control button:disabled{color:var(--app-disabled-text);cursor:not-allowed}.speed-control strong{display:grid;place-items:center;color:var(--app-brand-blue);font-size:12px;font-weight:950;line-height:1}.story-button.active{border-color:color-mix(in srgb,var(--app-accent) 42%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-accent) 18%,transparent),0 0 0 3px var(--app-accent-ring)}.user-button.active{border-color:var(--app-border-strong);background:var(--app-info-soft);color:var(--app-brand-blue)}.theme-button{background:var(--app-surface-soft);color:var(--app-brand-blue)}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .speed-control,:root[data-theme=dark] .speed-control button,:root[data-theme=dark] .close-button,:root[data-theme=dark] .nav-button,:root[data-theme=dark] .practice-audio,:root[data-theme=dark] .practice-option,:root[data-theme=dark] .practice-nav-button{border-color:var(--app-border-strong);background:var(--app-surface-soft);color:var(--app-text)}:root[data-theme=dark] .theme-button{background:var(--app-warning-soft);color:var(--app-warning-text)}.reader{display:grid;gap:10px;width:min(100%,540px);margin:0 auto;padding:14px 10px 18px;touch-action:pan-y}.guest-reminder{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--app-accent) 18%,transparent);border-radius:8px;background:var(--app-accent-soft);color:var(--app-accent-text);padding:9px}.guest-reminder strong,.guest-reminder span{display:block}.guest-reminder strong{font-size:13px;line-height:1.25}.guest-reminder span{margin-top:2px;font-size:12px;line-height:1.35}.guest-register,.guest-later{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--app-accent) 20%,transparent);border-radius:7px;font:inherit;font-weight:900}.guest-register{min-height:34px;background:var(--app-accent);color:var(--app-primary-contrast);padding:0 10px;white-space:nowrap}.guest-later{width:34px;height:34px;background:var(--app-surface-elevated);color:var(--app-accent-text)}.quick-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-panel);box-shadow:0 10px 28px var(--app-shadow-soft);padding:10px 12px}.quick-guide>div{display:grid;gap:7px;min-width:0}.quick-guide>div>strong{color:var(--app-text-strong);font-size:13px;font-weight:950}.quick-guide ol{display:flex;flex-wrap:wrap;gap:7px 14px;margin:0;padding:0;list-style:none}.quick-guide li{display:inline-flex;align-items:center;gap:6px;color:var(--app-text-muted);font-size:12px;font-weight:800;line-height:1.3}.quick-guide li b{display:inline-grid;flex:0 0 22px;width:22px;height:22px;border-radius:7px;background:var(--app-info-soft);color:var(--app-brand-blue);place-items:center}.quick-guide>button{min-height:36px;border:1px solid var(--app-border);border-radius:7px;background:var(--app-primary);color:var(--app-primary-contrast);font-weight:900;padding:0 12px;white-space:nowrap}.loop-toggle,.loop-stepper button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border);border-radius:7px;background:var(--app-surface);color:var(--app-text);font:inherit;font-size:13px;font-weight:900}.loop-toggle{min-width:0;min-height:34px;padding:0 6px;white-space:nowrap}.loop-toggle.active{border-color:color-mix(in srgb,var(--app-accent) 34%,transparent);background:var(--app-accent-soft);color:var(--app-accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-accent) 14%,transparent)}.loop-stepper{display:grid;grid-template-columns:26px 20px 16px 26px;align-items:center;gap:4px;min-height:34px;border:1px solid var(--app-border);border-radius:7px;background:var(--app-surface-elevated);padding:3px}.loop-stepper button{width:24px;height:28px;padding:0}.loop-stepper button:disabled{color:var(--app-disabled-text);cursor:not-allowed}.loop-stepper strong,.loop-stepper span{color:var(--app-text);font-size:13px;font-weight:900;text-align:center}.top-loop-toggle{min-height:38px;padding:0 10px}.top-loop-stepper{min-height:38px;grid-template-columns:28px 22px 16px 28px}.top-loop-stepper button{width:26px;height:30px}.loop-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;width:180px;gap:6px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-panel);box-shadow:0 18px 44px var(--app-shadow-panel);padding:7px}.loop-menu-item{display:grid;gap:2px;width:100%;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--app-text);font:inherit;padding:8px 9px;text-align:left}.loop-menu-item strong{color:var(--app-text-strong);font-size:13px;font-weight:950;line-height:1.2}.loop-menu-item span{color:var(--app-text-muted);font-size:11px;font-weight:850;line-height:1.25}.loop-menu-item.active{border-color:color-mix(in srgb,var(--app-accent) 34%,transparent);background:var(--app-accent-soft)}.comic-page{overflow:hidden;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-panel);box-shadow:0 14px 40px var(--app-shadow-soft);animation:page-in .18s ease-out}@keyframes page-in{0%{opacity:.2;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.page-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px}.page-head>span{display:grid;width:34px;height:34px;place-items:center;border-radius:7px;background:var(--app-primary-hover);color:var(--app-primary-contrast);font-size:14px;font-weight:900}.page-head>h2{overflow:hidden;margin:0;font-size:18px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.page-head>em{color:var(--app-text-muted);font-size:13px;font-style:normal;font-weight:800}.page-head.reading{grid-template-columns:1fr;min-height:62px;padding:8px 12px}.page-sentence-card{display:block;align-self:center;min-width:0;max-height:54px;overflow:hidden;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-elevated);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-surface) 72%,transparent);color:var(--app-text-strong);font-size:13px;font-weight:900;line-height:1.38;padding:7px 10px;text-align:left;white-space:normal;overflow-wrap:normal}.art-frame{position:relative;width:100%;aspect-ratio:1200 / 1504;overflow:hidden;background:var(--app-bg-muted)}.art-frame img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.word-pin{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:5px;min-width:58px;min-height:28px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.88);border-radius:6px;background:#111827d6;box-shadow:0 6px 16px #0f172a2e;color:var(--app-primary-contrast);font-size:12px;font-weight:900;letter-spacing:0;transition:opacity .16s ease,transform .16s ease}.word-pin-number{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:5px;background:#ffffff2e;color:var(--app-primary-contrast);font-size:10px;line-height:1}.word-pin-label{min-width:0;max-width:94px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-pin.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-38%) scale(.94)}.word-pin.playing{border-color:#fff;background:#0d5470eb;box-shadow:0 0 0 3px #2dd4bf5c,0 8px 20px #0f172a38}.word-pin.breathing{z-index:8;border-color:#fff;background:#07844df0;text-decoration-line:underline;text-decoration-color:#fffffff5;text-decoration-thickness:2px;text-underline-offset:4px;animation:word-breathe 1.1s ease-in-out infinite}.word-pin.hidden.breathing{opacity:0;animation:none;transform:translate(-50%,-38%) scale(.94)}@keyframes word-breathe{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 2px #10b98138,0 8px 18px #0f172a33}50%{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 8px #10b98147,0 12px 24px #0f172a3d}}.memory-link-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.memory-link-enter-active,.memory-link-leave-active{transition:opacity .22s ease}.memory-link-enter-from,.memory-link-leave-to{opacity:0}.memory-lines{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible}.memory-lines line{stroke:#05603aeb;stroke-width:2.4;stroke-dasharray:7 5;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px rgba(255,255,255,.86)) drop-shadow(0 2px 4px rgba(15,23,42,.22));animation:link-draw .46s ease-out both,link-flow 1.1s linear infinite .46s}@keyframes link-draw{0%{stroke-dashoffset:30;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes link-flow{to{stroke-dashoffset:-20}}.memory-target{position:absolute;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.92);border-radius:999px;background:#07844d61;box-shadow:0 0 0 6px #10b98133;color:var(--app-primary-contrast);font-size:9px;font-style:normal;font-weight:950;line-height:1;animation:target-pulse 1.15s ease-in-out infinite}@keyframes target-pulse{0%,to{transform:translate(-50%,-50%) scale(.92);opacity:.78}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.linked-word{color:var(--app-accent-text);font-weight:950;text-decoration-line:underline;text-decoration-color:#067647eb;text-decoration-thickness:2px;text-underline-offset:3px}.page-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 0}.audio-button{gap:7px;min-height:40px;background:var(--app-info-soft);color:var(--app-brand-blue);font-weight:900}.audio-button+.audio-button{background:var(--app-warning-soft);color:var(--app-warning-text)}.audio-button.active{border-color:color-mix(in srgb,var(--app-brand-blue) 38%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-brand-blue) 18%,transparent)}.story-text{display:grid;gap:7px;padding:10px 12px 13px;color:var(--app-text);font-size:14px;line-height:1.55}.story-text.bilingual{gap:10px;font-size:12.5px;line-height:1.46}.sentence-line{display:block;width:100%;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;line-height:inherit;padding:2px 0;text-align:left}.sentence-line.playing{background:var(--app-accent-muted);color:var(--app-accent-text);font-weight:850;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--app-accent) 75%,transparent);text-decoration-thickness:2px;text-underline-offset:4px}.sentence-pair{display:grid;gap:4px}.story-text-cn{color:var(--app-text-muted);font-size:12px;line-height:1.5}.practice-page,.game-page{overflow:hidden;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-panel);box-shadow:0 14px 40px var(--app-shadow-soft);animation:page-in .18s ease-out}.game-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.game-head span,.game-head strong{color:var(--app-text-muted);font-size:12px;font-weight:900}.game-head h2{margin:2px 0 0;color:var(--app-text-strong);font-size:18px;line-height:1.2}.game-head strong{display:inline-flex;align-items:center;min-height:32px;border-radius:7px;background:var(--app-accent-soft);color:var(--app-accent-text);padding:0 10px}.game-mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 12px 12px}.game-mode-tab{display:grid;gap:2px;min-width:0;min-height:44px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);color:var(--app-text);font:inherit;padding:6px 4px;text-align:center}.game-mode-tab strong,.game-mode-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-mode-tab strong{color:var(--app-text-strong);font-size:12px;font-weight:950}.game-mode-tab span{color:var(--app-text-muted);font-size:10px;font-weight:850}.game-mode-tab.active{border-color:color-mix(in srgb,var(--app-accent) 38%,transparent);background:var(--app-accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-accent) 12%,transparent)}.sky-game-stage{position:relative;min-height:560px;overflow:hidden;background:#65c7f5}.sky-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sky-hud{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.sky-hud>span{display:inline-flex;align-items:center;min-height:36px;border:1px solid rgba(255,255,255,.72);border-radius:8px;background:#ffffffc7;color:var(--app-brand-blue);font-size:12px;font-weight:950;padding:0 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sky-audio-button,.sky-start-panel button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid rgba(255,255,255,.72);border-radius:8px;background:var(--app-surface);color:var(--app-accent-text);font:inherit;font-size:13px;font-weight:950;padding:0 12px}.sky-audio-button:disabled{color:var(--app-text-soft);cursor:not-allowed}.sky-plane-card{position:absolute;left:3%;bottom:21%;z-index:2;width:34%;max-width:190px;aspect-ratio:35 / 18;opacity:.92;filter:drop-shadow(0 12px 22px rgba(15,23,42,.2));pointer-events:none;transform-origin:82% 58%;animation:sky-plane-patrol 3.6s ease-in-out infinite}.sky-plane-card:after{content:"";position:absolute;left:84%;top:53%;width:26px;height:26px;transform:translate(-50%,-50%) scale(.35);border-radius:999px;background:radial-gradient(circle,#ffffff 0 18%,#ffe16a 19% 43%,rgba(255,177,32,.74) 44% 62%,transparent 63%);filter:drop-shadow(0 0 16px rgba(255,193,7,.86));opacity:0}.sky-plane-card.firing:after{animation:sky-muzzle-flash .56s ease-out both}.sky-plane-card img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sky-plane-card.firing img{animation:sky-plane-recoil .62s cubic-bezier(.16,.96,.24,1) both}.sky-target{position:absolute;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:6px;transform:translate(-50%,-50%);min-width:106px;min-height:42px;border:2px solid rgba(255,255,255,.88);border-radius:999px;background:#ffffffe0;box-shadow:0 12px 24px #0f172a2e;color:#16365f;font:inherit;font-size:14px;font-weight:950;letter-spacing:0;padding:0 10px;animation:sky-target-float 3.2s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sky-target>span{white-space:nowrap}.sky-target:before{content:"";position:absolute;inset:-9px -10px;z-index:-1;border-radius:999px;background:radial-gradient(circle at 26% 38%,rgba(255,255,255,.92) 0 15%,transparent 16%),radial-gradient(circle at 44% 28%,rgba(255,255,255,.92) 0 18%,transparent 19%),radial-gradient(circle at 62% 42%,rgba(255,255,255,.92) 0 16%,transparent 17%)}.sky-target.correct{border-color:#07844dad;background:var(--app-accent-soft);color:#066f43;pointer-events:none;animation:sky-hit .62s ease-out both}.sky-target.wrong{border-color:#dc26267a;background:var(--app-danger-soft);color:#912018;animation:sky-miss .42s ease-in-out both}.sky-target.cleared{opacity:0;visibility:hidden;pointer-events:none;animation:none}.sky-shot{position:absolute;left:32%;top:70%;z-index:7;width:18px;height:18px;border-radius:999px;background:#ffe16a;box-shadow:0 0 0 8px #ffe16a40,0 0 28px #ffc107eb;pointer-events:none;animation:sky-shot-flight .62s cubic-bezier(.16,.88,.22,1) both}.sky-shot:before{content:"";position:absolute;right:10px;top:50%;width:86px;height:8px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),rgba(255,225,106,.96));filter:blur(.1px)}.sky-shot:after{content:"";position:absolute;inset:-10px;border:2px solid rgba(255,225,106,.92);border-radius:999px;box-shadow:0 0 18px #ffc107bd;opacity:0;animation:sky-shot-spark .62s ease-out both}.sky-shot.wrong{background:#ff7a59;box-shadow:0 0 0 6px #ff7a593d,0 0 18px #ff7a59c2}.sky-shot.wrong:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),rgba(255,122,89,.95))}.sky-shot.wrong:after{border-color:#ff7a59db;box-shadow:0 0 18px #ff7a59b3}.sky-feedback-badge{--feedback-y-start: calc(-50% - 28px) ;--feedback-y-mid: calc(-50% - 42px) ;--feedback-y-end: calc(-50% - 54px) ;position:absolute;z-index:8;transform:translate(-50%,var(--feedback-y-mid));min-width:82px;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:#ffffffe6;box-shadow:0 12px 22px #0f172a2e;color:var(--app-brand-blue);font-size:13px;font-weight:950;padding:7px 10px;text-align:center;pointer-events:none;animation:sky-feedback-pop .62s ease-out both;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.sky-feedback-badge.below{--feedback-y-start: calc(-50% + 28px) ;--feedback-y-mid: calc(-50% + 42px) ;--feedback-y-end: calc(-50% + 54px) }.sky-feedback-badge.correct{border-color:#10b98157;background:#ecfdf3f0;color:var(--app-accent-text)}.sky-feedback-badge.wrong{border-color:#dc262642;background:#fff1f0f0;color:var(--app-danger-text)}@keyframes sky-target-float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}@keyframes sky-plane-patrol{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes sky-plane-recoil{0%,to{transform:translate(0) rotate(0)}22%{transform:translate(-9px,4px) rotate(-2deg)}58%{transform:translate(3px,-2px) rotate(1deg)}}@keyframes sky-muzzle-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.28)}14%,42%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.78)}}@keyframes sky-shot-flight{0%{left:32%;top:70%;transform:translate(-50%,-50%) scale(.62);opacity:0}12%,84%{opacity:1}86%{left:var(--shot-left);top:var(--shot-top);transform:translate(-50%,-50%) scale(1.12);opacity:1}to{left:var(--shot-left);top:var(--shot-top);transform:translate(-50%,-50%) scale(1.76);opacity:0}}@keyframes sky-shot-spark{0%,72%{opacity:0;transform:scale(.45)}84%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@keyframes sky-hit{0%{opacity:1}55%{box-shadow:0 0 0 4px #fffffff2,0 0 0 16px #10b98138,0 12px 24px #0f172a2e}to{transform:translate(-50%,-50%) scale(1.34);opacity:0}}@keyframes sky-miss{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 7px),-50%)}75%{transform:translate(calc(-50% + 7px),-50%)}}@keyframes sky-feedback-pop{0%{opacity:0;transform:translate(-50%,var(--feedback-y-start)) scale(.82)}22%,72%{opacity:1}to{opacity:0;transform:translate(-50%,var(--feedback-y-end)) scale(1)}}.sky-start-panel{position:absolute;left:50%;top:50%;z-index:5;display:grid;justify-items:center;width:min(82%,360px);transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.82);border-radius:8px;background:#ffffffdb;box-shadow:0 20px 50px #0f172a2e;color:var(--app-text-strong);padding:18px;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sky-start-panel strong{font-size:18px;line-height:1.25}.sky-start-panel span{margin-top:6px;color:var(--app-text-muted);font-size:13px;font-weight:800;line-height:1.4}.sky-start-panel button{margin-top:14px;background:var(--app-accent);color:var(--app-primary-contrast);padding:0 18px}.focus-stage,.memory-stage,.order-stage,.logic-stage,.sort-stage,.pattern-stage{position:relative;min-height:560px;overflow:hidden;background:linear-gradient(180deg,#ffffffc7,#ecfdf39e),url(/assets/game/group-001/sky-shooter-bg.webp) center / cover;padding:12px}.order-stage,.logic-stage,.sort-stage,.pattern-stage{background:linear-gradient(180deg,#fffc,#eef6ffa3),url(/assets/game/group-001/order-logic-bg.webp) center / cover}.focus-hud,.memory-hud,.order-hud,.logic-hud,.sort-hud,.pattern-hud{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px}.focus-hud>span,.memory-hud>span,.order-hud>span,.logic-hud>span,.sort-hud>span,.pattern-hud>span{display:inline-flex;align-items:center;min-height:36px;border:1px solid rgba(255,255,255,.7);border-radius:8px;background:#ffffffd6;color:var(--app-brand-blue);font-size:12px;font-weight:950;padding:0 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-audio-button,.memory-audio-button,.order-audio-button,.logic-audio-button,.sort-audio-button,.focus-start-panel button,.memory-start-panel button,.order-start-panel button,.logic-start-panel button,.sort-start-panel button,.pattern-start-panel button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid rgba(255,255,255,.72);border-radius:8px;background:var(--app-surface);color:var(--app-accent-text);font:inherit;font-size:13px;font-weight:950;padding:0 12px}.focus-audio-button:disabled,.memory-audio-button:disabled,.order-audio-button:disabled,.logic-audio-button:disabled,.sort-audio-button:disabled{color:var(--app-text-soft);cursor:not-allowed}.focus-target-pill,.memory-cue,.order-cue,.logic-cue,.sort-cue,.pattern-cue{position:relative;z-index:2;display:grid;gap:3px;margin:12px 0;border:1px solid rgba(255,255,255,.74);border-radius:8px;background:#ffffffdb;box-shadow:0 12px 24px #0f172a1f;color:var(--app-text-strong);padding:11px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.focus-target-pill{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.focus-target-pill.hit{border-color:#10b98185;background:linear-gradient(135deg,#ecfdf3f5,#dcfce7eb);box-shadow:0 0 0 4px #10b9811f,0 16px 30px #07844d29;animation:focus-cue-hit .48s ease-out both}.focus-target-pill.miss{border-color:#dc262652;background:linear-gradient(135deg,#fff1f0f5,#fff7ede6);box-shadow:0 0 0 4px #dc26261a,0 16px 30px #9120181f;animation:focus-cue-miss .36s ease-in-out both}.focus-target-pill span,.memory-cue span,.order-cue span,.logic-cue span,.sort-cue span,.pattern-cue span{color:var(--app-text-muted);font-size:12px;font-weight:900}.focus-target-pill strong,.memory-cue strong,.order-cue strong,.logic-cue strong,.sort-cue strong,.pattern-cue strong{overflow-wrap:anywhere;color:#066f43;font-size:22px;line-height:1.08}.focus-target-pill em,.memory-cue em,.order-cue em,.logic-cue em,.sort-cue em,.pattern-cue em{color:var(--app-text);font-size:13px;font-style:normal;font-weight:800;line-height:1.25}.word-visual-cue{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px}.word-visual-cue>.word-meaning-icon{width:54px;height:54px;border:1px solid color-mix(in srgb,var(--app-brand-blue) 20%,transparent);border-radius:8px;background:#eaf2ff;color:#16365f}.word-visual-cue>div{display:grid;gap:3px;min-width:0}.word-picture-caption{color:#334155;font-size:11px;font-weight:800;line-height:1.35}.focus-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.focus-grid.locked{filter:saturate(.78)}.focus-cell{position:relative;display:grid;align-content:center;gap:3px;min-width:0;min-height:68px;border:1px solid rgba(22,54,95,.14);border-radius:8px;background:#ffffffe6;box-shadow:0 8px 18px #0f172a1a;color:#172033;font:inherit;padding:5px 3px;text-align:center;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.focus-cell>.word-meaning-icon{justify-self:center;color:#2563a9}.focus-cell:after{position:absolute;right:6px;top:5px;min-width:22px;border-radius:999px;color:var(--app-primary-contrast);font-size:9px;font-weight:950;line-height:1;padding:4px 5px;opacity:0;transform:translateY(-5px) scale(.86);pointer-events:none}.focus-cell:active{transform:scale(.97)}.focus-cell span{color:#475569;font-size:10px;font-weight:950;line-height:1}.focus-cell strong{overflow-wrap:normal;font-size:clamp(9px,2.5vw,12px);font-weight:950;letter-spacing:-.025em;line-height:1.1;white-space:nowrap}.focus-cell.done{border-color:#07844d47;background:#ecfdf3eb;color:var(--app-accent-text)}.focus-cell.done>.word-meaning-icon,.focus-cell.hit>.word-meaning-icon{color:var(--app-accent-text)}.focus-cell.miss>.word-meaning-icon{color:var(--app-danger-text)}.focus-cell.cleared{opacity:0;visibility:hidden;pointer-events:none}.focus-cell.target{border-color:#16365f6b;box-shadow:0 0 0 3px #16365f1f,0 12px 24px #0f172a29}.focus-cell.hit{border-color:#07844dd1;background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.82) 0 12%,transparent 13%),linear-gradient(135deg,#dcfce7,#86efac);box-shadow:0 0 0 4px #10b9812e,0 16px 30px #07844d42;color:#064e3b;animation:focus-cell-hit .62s cubic-bezier(.16,.96,.24,1) both}.focus-cell.hit:after{content:"OK";background:#079455;opacity:1;animation:focus-label-pop .62s ease-out both}.focus-cell.miss{border-color:#dc262694;background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.74) 0 12%,transparent 13%),linear-gradient(135deg,var(--app-danger-soft),#fecaca);box-shadow:0 0 0 4px #dc26261f,0 14px 28px #9120182e;color:var(--app-danger-text);animation:grid-miss .42s ease-in-out both}.focus-cell.miss:after{content:"再试";background:#d92d20;opacity:1;animation:focus-label-pop .52s ease-out both}.focus-start-panel,.memory-start-panel,.order-start-panel,.logic-start-panel,.sort-start-panel,.pattern-start-panel{position:absolute;left:50%;top:52%;z-index:5;display:grid;justify-items:center;width:min(84%,370px);transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.82);border-radius:8px;background:#ffffffe6;box-shadow:0 20px 50px #0f172a2e;color:var(--app-text-strong);padding:18px;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.focus-start-panel strong,.memory-start-panel strong,.order-start-panel strong,.logic-start-panel strong,.sort-start-panel strong,.pattern-start-panel strong{font-size:18px;line-height:1.25}.focus-start-panel span,.memory-start-panel span,.order-start-panel span,.logic-start-panel span,.sort-start-panel span,.pattern-start-panel span{margin-top:6px;color:var(--app-text-muted);font-size:13px;font-weight:800;line-height:1.4}.focus-start-panel button,.memory-start-panel button,.order-start-panel button,.logic-start-panel button,.sort-start-panel button,.pattern-start-panel button{margin-top:14px;background:var(--app-accent);color:var(--app-primary-contrast);padding:0 18px}.memory-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.memory-card{position:relative;display:grid;align-content:center;gap:5px;min-width:0;min-height:112px;border:1px solid rgba(22,54,95,.18);border-radius:8px;background:#ffffffed;box-shadow:0 12px 24px #0f172a1f;color:#172033;font:inherit;padding:10px 8px;text-align:center;transform-style:preserve-3d;transition:transform .22s ease,background .22s ease,color .22s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.memory-card span{position:absolute;top:7px;left:8px;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#eaf2ff;color:#16365f;font-size:11px;font-weight:950}.memory-card strong{overflow-wrap:anywhere;font-size:18px;font-weight:950;line-height:1.1}.memory-card em{color:#475569;font-size:12px;font-style:normal;font-weight:850}.memory-card>.word-meaning-icon{justify-self:center;color:#2563a9}.memory-card.solved>.word-meaning-icon,.memory-card.correct>.word-meaning-icon{color:#066f43}.memory-card.hidden{background:#16365f;color:#f8fbff;transform:rotateY(180deg)}.memory-card.hidden strong,.memory-card.hidden span{transform:rotateY(180deg)}.memory-card.hidden span{background:#ffffff29;color:#f8fbff}.memory-card.solved{border-color:#07844d52;background:#ecfdf3f0;color:#066f43}.memory-card.correct{animation:card-correct .42s ease-out both}.memory-card.wrong{animation:grid-miss .3s ease-in-out both}.order-list,.logic-options,.sort-options,.pattern-options{position:relative;z-index:2;display:grid;gap:9px}.order-card,.logic-option,.sort-option,.pattern-option{position:relative;display:grid;gap:6px;width:100%;min-width:0;min-height:76px;border:1px solid rgba(22,54,95,.15);border-radius:8px;background:#ffffffe8;box-shadow:0 12px 24px #0f172a1f;color:var(--app-text-strong);font:inherit;font-weight:850;line-height:1.3;padding:11px 12px;text-align:left;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.order-card span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--app-info-soft);color:var(--app-brand-blue);font-size:12px;font-weight:950}.order-card strong{overflow-wrap:anywhere;font-size:14px;line-height:1.35}.order-card.done{border-color:#07844d4d;background:#ecfdf3f0;color:var(--app-accent-text)}.order-card.target{box-shadow:0 0 0 3px #16365f1a,0 12px 24px #0f172a29}.order-card.correct,.logic-option.correct,.sort-option.correct,.pattern-option.correct{border-color:#07844d66;background:var(--app-accent-soft);color:var(--app-accent-text);animation:card-correct .42s ease-out both}.order-card.wrong,.logic-option.wrong,.sort-option.wrong,.pattern-option.wrong{border-color:#b4231857;background:var(--app-danger-soft);color:var(--app-danger-text);animation:grid-miss .3s ease-in-out both}.logic-cue strong,.pattern-cue strong{color:#16365f;font-size:18px;line-height:1.24}.logic-option,.pattern-option{min-height:68px;align-content:center;font-size:14px}.sort-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sort-option{grid-template-columns:38px minmax(0,1fr);grid-template-areas:"icon label" "icon hint";align-content:center;align-items:center;-moz-column-gap:10px;column-gap:10px;min-height:92px;text-align:left}.sort-category-icon{grid-area:icon;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#eaf2ff;color:#16365f;font-style:normal;line-height:0}.sort-option strong{grid-area:label;color:#16365f;font-size:17px;font-weight:950}.sort-option span{grid-area:hint;color:#475569;font-size:12px;font-weight:850;line-height:1.25}.pattern-option{grid-template-columns:auto minmax(0,1fr);align-items:center}.pattern-option>.word-meaning-icon{color:#2563a9}.pattern-option>strong{overflow-wrap:anywhere;color:#172033;font-size:15px;font-weight:950}.sort-option.correct .sort-category-icon,.pattern-option.correct>.word-meaning-icon{color:var(--app-accent-text)}.sort-option.wrong .sort-category-icon,.pattern-option.wrong>.word-meaning-icon{color:var(--app-danger-text)}@keyframes grid-miss{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes focus-cell-hit{0%{transform:scale(.98)}38%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes focus-label-pop{0%{opacity:0;transform:translateY(-7px) scale(.78)}22%,82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-9px) scale(.92)}}@keyframes focus-cue-hit{0%,to{transform:translateY(0)}44%{transform:translateY(-2px) scale(1.01)}}@keyframes focus-cue-miss{0%,to{transform:translate(0)}30%{transform:translate(-5px)}70%{transform:translate(5px)}}@keyframes card-correct{50%{transform:scale(1.04)}to{transform:scale(1)}}.practice-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 8px}.practice-head span{display:inline-flex;align-items:center;min-height:30px;border-radius:7px;background:var(--app-primary);color:var(--app-primary-contrast);font-size:13px;font-weight:900;padding:0 10px}.practice-head strong{color:var(--app-text-muted);font-size:13px}.practice-score{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 14px;border-radius:7px;background:var(--app-bg-soft);color:var(--app-text-muted);font-size:12px;padding:9px 10px}.practice-score strong{color:var(--app-accent)}.practice-card{display:grid;gap:14px;padding:16px 14px}.practice-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--app-text-muted);font-size:12px;font-weight:900}.practice-meta em{font-style:normal}.practice-audio{width:54px;height:46px;border-radius:8px;background:var(--app-accent-soft);color:var(--app-accent-text)}.practice-card h2{margin:0;color:var(--app-text-strong);font-size:20px;line-height:1.3}.practice-options{display:grid;gap:9px}.practice-option{justify-content:flex-start;min-height:44px;border-radius:8px;background:var(--app-surface);color:var(--app-text);font-weight:850;line-height:1.25;padding:0 12px;text-align:left}.practice-option.selected{border-color:color-mix(in srgb,var(--app-brand-blue) 42%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-brand-blue) 18%,transparent)}.practice-option.correct{border-color:color-mix(in srgb,var(--app-accent) 48%,transparent);background:var(--app-accent-soft);color:var(--app-accent-text)}.practice-option.wrong{border-color:color-mix(in srgb,var(--app-danger-text) 42%,transparent);background:var(--app-danger-soft);color:var(--app-danger-text)}.practice-feedback{margin:0;border-radius:8px;background:var(--app-warning-soft);color:var(--app-warning-text);font-size:13px;line-height:1.5;padding:10px 11px}.practice-feedback.correct{background:var(--app-accent-soft);color:var(--app-accent-text)}.practice-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 14px 14px}.practice-nav-button{gap:6px;min-height:40px;border-radius:8px;background:var(--app-info-soft);color:var(--app-brand-blue);font-weight:900}.practice-nav-button.reset{background:var(--app-bg-soft);color:var(--app-text)}.practice-nav-button:disabled{background:var(--app-disabled);color:var(--app-disabled-text);cursor:not-allowed}.page-nav{position:sticky;bottom:0;z-index:8;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:10px;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:var(--app-shell-fade)}.nav-button{width:52px;height:48px;border-radius:8px;background:var(--app-primary);color:var(--app-primary-contrast)}.nav-button:disabled{background:var(--app-disabled);color:var(--app-disabled-text);cursor:not-allowed}.page-meter{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-elevated);color:var(--app-text)}.page-meter strong,.page-meter span{min-width:18px;text-align:center;font-size:14px;font-weight:900}.page-meter span{color:var(--app-text-muted)}.page-dots{display:flex;align-items:center;justify-content:center;gap:6px}.page-dots i{display:block;width:7px;height:7px;border-radius:999px;background:var(--app-disabled-text)}.page-dots i.active{width:22px;background:var(--app-brand-blue)}.state-panel{display:grid;min-height:70vh;place-items:center;color:var(--app-text-muted);padding:24px}.loading-panel{align-content:center;gap:18px}.loading-copy{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:900}.loading-skeleton{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);grid-template-rows:48px minmax(260px,42vh);gap:12px;width:min(100%,980px);border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface-panel);padding:12px}.loading-skeleton i,.loading-skeleton b,.loading-skeleton span{display:block;border-radius:7px;background:var(--app-bg-muted)}.loading-skeleton i{grid-column:1 / -1}.loading-skeleton b,.loading-skeleton span{grid-row:2}.loading-skeleton span{background:var(--app-bg-soft)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-panel{align-content:center;gap:10px;color:var(--app-danger-text);text-align:center}.error-panel strong{font-size:20px;font-weight:950}.error-panel span,.error-panel small{color:var(--app-text-muted)}.error-panel button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:8px;background:var(--app-primary);color:var(--app-primary-contrast);font-weight:900;padding:0 16px}.error-panel small{font-size:11px}.drawer-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:stretch;justify-content:flex-start;background:var(--app-backdrop)}.course-drawer{position:relative;width:min(88vw,390px);height:100%;overflow-y:auto;background:var(--app-surface-soft);box-shadow:18px 0 54px var(--app-shadow-panel);padding:14px 14px calc(18px + env(safe-area-inset-bottom));animation:drawer-in .18s ease-out}.drawer-head{padding:4px 46px 13px 2px}.drawer-head span{color:var(--app-text-muted);font-size:12px;font-weight:950}.drawer-head h2{margin:4px 0 5px;color:var(--app-text-strong);font-size:22px;line-height:1.12}.drawer-head strong{color:var(--app-accent-text);font-size:13px;font-weight:950}.drawer-section{display:grid;gap:8px;border-top:1px solid var(--app-border-soft);padding:12px 0}.drawer-section-compact{padding-bottom:4px}.drawer-section-title{color:var(--app-text-muted);font-size:12px;font-weight:950}.drawer-item{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:58px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);color:var(--app-text);font:inherit;padding:8px;text-align:left;cursor:pointer}.drawer-item.active{border-color:color-mix(in srgb,var(--app-accent) 38%,transparent);background:var(--app-accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-accent) 14%,transparent)}.drawer-item:disabled{opacity:.46;cursor:not-allowed}.drawer-index{display:inline-grid;width:38px;height:38px;border-radius:8px;background:var(--app-info-soft);color:var(--app-brand-blue);font-size:13px;font-weight:950;place-items:center}.drawer-item.active .drawer-index{background:var(--app-accent);color:var(--app-primary-contrast)}.drawer-item-copy{min-width:0}.drawer-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.drawer-title-row>strong{min-width:0}.drawer-item-copy strong,.drawer-item-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-item-copy strong{color:var(--app-text-strong);font-size:14px;font-weight:950}.drawer-item-copy em{margin-top:3px;color:var(--app-text-muted);font-size:11px;font-style:normal;font-weight:850}.drawer-status{flex:0 0 auto;border-radius:6px;background:var(--app-bg-muted);color:var(--app-text-muted);font-size:10px;font-weight:950;line-height:1;padding:5px 6px}.drawer-status.current{background:var(--app-accent);color:var(--app-primary-contrast)}.drawer-status.done{background:var(--app-accent-soft);color:var(--app-accent-text)}.drawer-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.drawer-game-tab{display:grid;gap:2px;min-width:0;min-height:50px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);color:var(--app-text);font:inherit;padding:7px;text-align:left;cursor:pointer}.drawer-game-tab strong,.drawer-game-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-game-tab strong{font-size:13px;font-weight:950}.drawer-game-tab span{color:var(--app-text-muted);font-size:11px;font-weight:850}.drawer-game-tab.active{border-color:color-mix(in srgb,var(--app-accent) 38%,transparent);background:var(--app-accent-soft);color:var(--app-accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-accent) 14%,transparent)}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}:root[data-theme=dark] .course-drawer,:root[data-theme=dark] .word-sheet,:root[data-theme=dark] .comic-page,:root[data-theme=dark] .practice-page,:root[data-theme=dark] .game-page{border-color:var(--app-border);background:var(--app-surface-panel);color:var(--app-text)}:root[data-theme=dark] .drawer-head h2,:root[data-theme=dark] .drawer-item-copy strong,:root[data-theme=dark] .word-sheet h3,:root[data-theme=dark] .method-card strong,:root[data-theme=dark] .growth-row strong,:root[data-theme=dark] .game-head h2,:root[data-theme=dark] .page-head h2,:root[data-theme=dark] .brand strong{color:var(--app-text-strong)}:root[data-theme=dark] .brand span,:root[data-theme=dark] .drawer-head span,:root[data-theme=dark] .drawer-section-title,:root[data-theme=dark] .drawer-item-copy em,:root[data-theme=dark] .metric-card span,:root[data-theme=dark] .metric-card em,:root[data-theme=dark] .method-card em,:root[data-theme=dark] .story-text-cn{color:var(--app-text-muted)}:root[data-theme=dark] .drawer-item,:root[data-theme=dark] .drawer-game-tab,:root[data-theme=dark] .account-tabs button,:root[data-theme=dark] .auth-form input,:root[data-theme=dark] .auth-switch,:root[data-theme=dark] .loop-toggle,:root[data-theme=dark] .loop-stepper,:root[data-theme=dark] .loop-menu,:root[data-theme=dark] .loop-menu-item,:root[data-theme=dark] .metric-card,:root[data-theme=dark] .method-card,:root[data-theme=dark] .growth-row,:root[data-theme=dark] .snapshot-strip article,:root[data-theme=dark] .weak-word-list article,:root[data-theme=dark] .theme-row-button,:root[data-theme=dark] .auth-summary span{border-color:var(--app-border);background:var(--app-surface-soft);color:var(--app-text)}:root[data-theme=dark] .drawer-item.active,:root[data-theme=dark] .drawer-game-tab.active,:root[data-theme=dark] .account-tabs button.active,:root[data-theme=dark] .loop-toggle.active,:root[data-theme=dark] .loop-menu-item.active{border-color:color-mix(in srgb,var(--app-accent) 44%,transparent);background:var(--app-accent-soft);color:var(--app-accent-text)}:root[data-theme=dark] .story-text,:root[data-theme=dark] .text-sentence,:root[data-theme=dark] .method-card p,:root[data-theme=dark] .word-sheet p{color:var(--app-text)}:root[data-theme=dark] .metric-card strong,:root[data-theme=dark] .growth-row span,:root[data-theme=dark] .snapshot-strip strong,:root[data-theme=dark] .weak-word-list span,:root[data-theme=dark] .theme-row-button,:root[data-theme=dark] .word-sheet strong{color:var(--app-brand-blue)}:root[data-theme=dark] .word-sheet-action{color:var(--app-text)}:root[data-theme=dark] .word-sheet-action:focus-visible,:root[data-theme=dark] .word-sheet-action.focused,:root[data-theme=dark] .word-sheet-action.playing{border-color:color-mix(in srgb,var(--app-accent) 50%,transparent);background:var(--app-accent-muted);box-shadow:0 0 0 4px var(--app-accent-ring)}:root[data-theme=dark] .word-pronunciation{border-color:color-mix(in srgb,var(--app-accent) 22%,transparent);background:var(--app-accent-muted);color:var(--app-accent-text)}:root[data-theme=dark] .word-pronunciation span{color:var(--app-text-muted)}:root[data-theme=dark] .word-pronunciation b{color:var(--app-accent-text)}:root[data-theme=dark] .weak-word-list strong{color:var(--app-text-strong)}:root[data-theme=dark] .snapshot-strip span,:root[data-theme=dark] .snapshot-strip em,:root[data-theme=dark] .weak-word-list em{color:var(--app-text-muted)}.sheet-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:end;justify-content:center;background:var(--app-backdrop);padding:14px}.word-sheet{position:relative;width:min(100%,520px);border-radius:8px;background:var(--app-surface-panel);padding:18px;box-shadow:0 20px 60px var(--app-shadow-panel)}.word-id{color:var(--app-text-muted);font-size:12px;font-weight:900}.word-sheet h3{margin:4px 0 2px;font-size:30px;line-height:1.1}.word-sheet strong{display:block;color:var(--app-brand-blue);font-size:16px}.word-sheet-action{display:block;width:100%;margin:8px 0 0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--app-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.word-sheet-action:active{transform:scale(.992)}.word-sheet-action:focus-visible,.word-sheet-action.focused,.word-sheet-action.playing{border-color:color-mix(in srgb,var(--app-accent) 42%,transparent);background:var(--app-accent-muted);box-shadow:0 0 0 4px var(--app-accent-ring)}.word-sheet-action.focused{animation:word-sheet-focus .72s ease both}.word-head-action{margin-top:2px;padding:4px 8px 8px}.word-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.word-title-copy{min-width:0}.word-title-copy h3{overflow-wrap:anywhere}.word-pronunciation{flex:0 0 150px;display:grid;grid-template-columns:auto 1fr;gap:5px 8px;align-items:center;border:1px solid color-mix(in srgb,var(--app-accent) 18%,transparent);border-radius:8px;background:var(--app-accent-muted);padding:8px 10px;color:var(--app-accent-text)}.word-pronunciation span{color:var(--app-text-muted);font-size:11px;font-weight:900}.word-pronunciation b{color:var(--app-accent-text);font-size:13px;font-weight:900;line-height:1.2;overflow-wrap:anywhere}.word-pronunciation .phonetic{font-family:ui-serif,Georgia,Times New Roman,serif;font-size:14px}.word-head-action h3,.word-head-action strong{pointer-events:none}.word-sheet p{margin:12px 0 0;color:var(--app-text);line-height:1.55}.text-sentence{padding:10px 8px;font-weight:800;line-height:1.55}.sentence-cn{padding:10px 8px;color:var(--app-text-muted);line-height:1.55}.word-highlight{color:var(--app-accent);font-weight:900;text-decoration-line:underline;text-decoration-color:var(--app-accent);text-decoration-thickness:2px;text-underline-offset:4px}.memory-hook{border-top:1px solid var(--app-border-soft);padding-top:12px}@keyframes word-sheet-focus{0%{transform:translateY(2px) scale(.99);box-shadow:0 0 #10b9813d}55%{transform:translateY(0) scale(1.006);box-shadow:0 0 0 7px #10b98129}to{transform:translateY(0) scale(1);box-shadow:0 0 0 4px #10b98124}}.auth-sheet h3{padding-right:42px}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px}.auth-form label span{color:var(--app-text-muted);font-size:12px;font-weight:900}.auth-form input{width:100%;min-height:42px;border:1px solid var(--app-border-strong);border-radius:8px;background:var(--app-surface);color:var(--app-text);font:inherit;padding:0 11px}.auth-form input::-moz-placeholder{color:var(--app-text-muted);opacity:1}.auth-form input::placeholder{color:var(--app-text-muted);opacity:1}.sky-hud>span,.focus-hud>span,.memory-hud>span,.order-hud>span,.logic-hud>span,.sort-hud>span,.pattern-hud>span{color:#16365f}.sky-start-panel,.focus-start-panel,.memory-start-panel,.order-start-panel,.logic-start-panel,.sort-start-panel,.pattern-start-panel,.focus-target-pill,.memory-cue,.order-cue,.logic-cue,.sort-cue,.pattern-cue{color:#172033}.sky-start-panel span,.focus-start-panel span,.memory-start-panel span,.order-start-panel span,.logic-start-panel span,.sort-start-panel span,.pattern-start-panel span,.focus-target-pill span,.memory-cue span,.order-cue span,.logic-cue span,.sort-cue span,.pattern-cue span{color:#475569}.focus-target-pill em,.memory-cue em,.order-cue em,.logic-cue em,.sort-cue em,.pattern-cue em{color:#334155}:root[data-theme=dark] .sky-start-panel button,:root[data-theme=dark] .focus-start-panel button,:root[data-theme=dark] .memory-start-panel button,:root[data-theme=dark] .order-start-panel button,:root[data-theme=dark] .logic-start-panel button,:root[data-theme=dark] .sort-start-panel button,:root[data-theme=dark] .pattern-start-panel button{color:#052e21}.auth-error{margin:0;border-radius:8px;background:var(--app-danger-soft);color:var(--app-danger-text);font-size:13px;font-weight:800;line-height:1.45;padding:9px 10px}.auth-submit,.auth-switch{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--app-border);border-radius:8px;font:inherit;font-weight:900}.auth-submit{gap:7px;background:var(--app-primary);color:var(--app-primary-contrast)}.auth-submit:disabled{background:var(--app-disabled);color:var(--app-disabled-text);cursor:not-allowed}.auth-submit.logout{width:100%;margin-top:14px;background:var(--app-danger-soft);color:var(--app-danger-text)}.auth-switch{background:var(--app-surface);color:var(--app-brand-blue)}.auth-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.auth-summary span{border-radius:8px;background:var(--app-bg-soft);color:var(--app-text);font-size:13px;font-weight:850;padding:10px}.account-sheet{max-height:min(82vh,760px);overflow-y:auto}.account-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px}.account-tabs button{min-height:36px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);color:var(--app-text);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.account-tabs button.active{border-color:color-mix(in srgb,var(--app-accent) 38%,transparent);background:var(--app-accent-soft);color:var(--app-accent-text)}.account-panel{margin-top:14px}.assessment-grid,.method-grid{display:grid;gap:9px}.metric-card,.method-card,.growth-row,.theme-row-button{border:1px solid var(--app-border-soft);border-radius:8px;background:var(--app-surface-soft)}.metric-card,.method-card{display:grid;gap:4px;padding:12px}.metric-card span,.metric-card em,.method-card em{color:var(--app-text-muted);font-size:12px;font-style:normal;font-weight:850}.metric-card strong{color:var(--app-brand-blue);font-size:25px;line-height:1.1}.method-card strong{color:var(--app-text-strong);font-size:16px}.method-card p{margin:0;color:var(--app-text);font-size:13px;line-height:1.55}.growth-list{display:grid;gap:10px}.growth-row{display:grid;gap:8px;padding:11px}.growth-row div{display:flex;align-items:center;justify-content:space-between;gap:12px}.growth-row strong{color:var(--app-text-strong);font-size:13px}.growth-row span{color:var(--app-brand-blue);font-size:13px;font-weight:950}.growth-row i{display:block;height:8px;overflow:hidden;border-radius:999px;background:var(--app-border-soft)}.growth-row b{display:block;height:100%;border-radius:inherit;background:var(--app-accent)}.snapshot-strip{display:grid;grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:2px}.snapshot-strip article,.weak-word-list article{border:1px solid var(--app-border-soft);border-radius:8px;background:var(--app-surface-soft)}.snapshot-strip article{display:grid;gap:3px;min-height:72px;padding:9px}.snapshot-strip span,.snapshot-strip em,.weak-word-list em{color:var(--app-text-muted);font-size:11px;font-style:normal;font-weight:850}.snapshot-strip strong{color:var(--app-brand-blue);font-size:20px;line-height:1}.weak-word-list{display:grid;gap:8px;margin-top:12px}.weak-word-list article{display:grid;gap:6px;padding:10px}.weak-word-list div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.weak-word-list strong{color:var(--app-text-strong);font-size:15px}.weak-word-list span{color:var(--app-brand-blue);font-size:12px;font-weight:900}.weak-word-review{justify-self:start;min-height:34px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--app-brand-blue) 36%,transparent);border-radius:999px;background:color-mix(in srgb,var(--app-brand-blue) 12%,var(--app-surface));color:var(--app-brand-blue);font:inherit;font-size:12px;font-weight:950;cursor:pointer}.weak-word-review:hover{background:color-mix(in srgb,var(--app-brand-blue) 19%,var(--app-surface))}.weak-word-empty{margin:12px 0 0;padding:12px;border:1px dashed var(--app-border);border-radius:8px;color:var(--app-text-muted);font-size:12px;font-weight:750;line-height:1.6;text-align:center}.theme-row-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin-top:12px;color:var(--app-brand-blue);font:inherit;font-weight:950}.close-button{position:absolute;top:12px;right:12px;width:36px;height:36px}@media(min-width:520px){.memory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.memory-card{min-height:124px}}@media(min-width:900px){.reader{width:min(100%,560px)}.brand strong{max-width:none}}@media(min-width:1024px),(orientation:landscape)and (min-width:700px)and (max-width:1180px)and (max-height:760px){.app-shell{min-height:100vh;min-height:100dvh;padding-bottom:0}.topbar{padding:10px 18px}.reader{width:min(100%,calc(100vw - 48px),1880px);gap:12px;padding:14px 18px 22px}.guest-reminder{width:min(100%,1120px);justify-self:center}.comic-page{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);grid-template-rows:auto auto minmax(0,1fr);-moz-column-gap:18px;column-gap:18px;align-items:start;min-height:min(740px,calc(100vh - 126px));padding:0}.page-head{grid-column:1 / -1;min-height:64px;border-bottom:1px solid var(--app-border-soft);padding:13px 16px}.page-head.reading{grid-column:1 / -1;min-height:72px;padding:9px 16px}.page-sentence-card{max-height:none;font-size:15px;line-height:1.5;padding:10px 12px}.art-frame{grid-column:1;grid-row:2 / span 2;width:min(100%,1160px);aspect-ratio:16 / 9;align-self:start;justify-self:center;margin:16px 0 18px 16px;border-radius:8px;box-shadow:0 18px 44px var(--app-shadow-soft)}.page-actions{grid-column:2;grid-row:2;align-self:start;padding:16px 18px 0 0}.audio-button{min-height:46px}.story-text{grid-column:2;grid-row:3;align-self:stretch;gap:10px;max-height:min(560px,calc(100vh - 300px));overflow-y:auto;padding:16px 18px 18px 0;font-size:22px;line-height:1.62}.story-text.bilingual{gap:12px;font-size:18px;line-height:1.55}.sentence-line{border:1px solid transparent;border-radius:8px;padding:8px 10px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.sentence-line:hover{border-color:var(--app-border-soft);background:var(--app-surface-soft)}.sentence-line:active{transform:scale(.992)}.story-text-cn{font-size:13px}.page-nav{width:min(100%,calc(100vw - 48px),1880px);margin:0 auto;grid-template-columns:64px minmax(0,1fr) 64px;gap:14px;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.nav-button{width:64px;height:56px}.page-meter{min-height:56px}.practice-page,.game-page{min-height:min(760px,calc(100vh - 152px))}.practice-card,.practice-controls,.game-mode-tabs{max-width:760px;margin-right:auto;margin-left:auto}.practice-head,.practice-score,.game-head{max-width:820px;margin-right:auto;margin-left:auto}}@media(orientation:landscape)and (min-width:700px)and (max-width:1180px)and (max-height:760px){.quick-guide{display:none}.reader{width:calc(100vw - 20px);max-width:none;gap:8px;padding:10px 8px 14px}.comic-page{grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr);-moz-column-gap:12px;column-gap:12px}.page-head,.page-head.reading{min-height:56px;padding:8px 12px}.art-frame{margin:12px 0 14px 12px}.page-actions{padding:12px 12px 0 0}.story-text{gap:8px;max-height:max(120px,calc(100vh - 240px));padding:10px 12px 14px 0;font-size:18px;line-height:1.5}.story-text.bilingual{gap:8px;font-size:16px;line-height:1.48}.page-nav{width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}}@media(max-width:900px){.top-actions{max-width:calc(100vw - 58px);justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.top-loop-toggle{width:42px;min-width:42px;padding:0;font-size:0}.top-loop-toggle:after{content:attr(data-short);font-size:11px;font-weight:950;line-height:1}.top-loop-stepper{grid-template-columns:24px 18px 14px 24px;min-height:36px;padding:2px}.top-loop-stepper button{width:22px;height:30px}.loop-menu{position:fixed;top:52px;right:10px;width:176px}}@media(max-width:520px){.topbar{gap:6px;justify-content:flex-start;overflow:hidden;padding:7px 8px}.word-title-row{flex-direction:column;gap:8px}.word-pronunciation{width:min(100%,210px);flex-basis:auto}.story-button,.course-menu-button,.toggle-button,.theme-button,.user-button{flex-basis:36px;width:36px;min-width:36px;height:36px;min-height:36px}.brand{flex:0 0 auto;gap:7px}.brand-copy{display:none}.brand strong{max-width:calc(100vw - 312px)}.top-actions{flex:1 1 auto;gap:5px;max-width:calc(100vw - 58px);min-width:0;overflow-x:auto;overscroll-behavior-x:contain}.reader{width:min(100%,390px);max-width:390px;margin:0 auto;overflow-x:hidden;padding-right:10px;padding-left:10px}.quick-guide{grid-template-columns:1fr}.quick-guide ol{display:grid}.quick-guide>button{width:100%}.loading-skeleton{grid-template-columns:1fr;grid-template-rows:42px 300px 120px}.loading-skeleton i{grid-column:1}.loading-skeleton b{grid-row:2}.loading-skeleton span{grid-row:3}.comic-page{width:100%;max-width:100%;min-width:0}.art-frame{width:100%;max-width:100%}.page-head{grid-template-columns:38px minmax(0,1fr)}.page-head>em{display:none}.story-text{min-width:0;overflow-wrap:anywhere}.top-loop-controls{gap:4px;padding:0}.speed-control{flex-basis:48px;width:48px;min-width:48px;height:36px;min-height:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}