@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:100 900;src:url(./heebo-hebrew-wght-normal-BPH8bhzJ.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:100 900;src:url(./heebo-latin-wght-normal-CXdlclQD.woff2)format("woff2-variations");unicode-range:U+2?,U+3A-40,U+5B-60,U+7B-7E,U+A0,U+B7,U+2011-2027,U+2032-2033}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:200 1000;size-adjust:104%;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f6f4fb) var(--lightningcss-dark,#0a0e1f);--surface-1:var(--lightningcss-light,#fff) var(--lightningcss-dark,#141a33);--surface-2:var(--lightningcss-light,#f0edf8) var(--lightningcss-dark,#1b2243);--surface-3:var(--lightningcss-light,#e3def0) var(--lightningcss-dark,#262f58);--border:var(--lightningcss-light,#e6e1f2) var(--lightningcss-dark,#252d55);--border-strong:var(--lightningcss-light,#8a83a6) var(--lightningcss-dark,#6e78a8);--highlight:var(--lightningcss-light,#ffffffe6) var(--lightningcss-dark,#ffffff12);--ink:var(--lightningcss-light,#17122e) var(--lightningcss-dark,#f3f1ff);--ink-2:var(--lightningcss-light,#3a3456) var(--lightningcss-dark,#d2d0ec);--muted:var(--lightningcss-light,#5a5478) var(--lightningcss-dark,#a9a8cc);--accent:var(--lightningcss-light,#4f46e5) var(--lightningcss-dark,#6366f1);--accent-strong:var(--lightningcss-light,#3730a3) var(--lightningcss-dark,#4338ca);--accent-weak:var(--lightningcss-light,#eeecff) var(--lightningcss-dark,#222a5c);--accent-fg:var(--lightningcss-light,#4f46e5) var(--lightningcss-dark,#a5b4fc);--on-accent:#fff;--focus:var(--lightningcss-light,#4f46e5) var(--lightningcss-dark,#a5b4fc);--grad-brand:linear-gradient(135deg, #4338ca 0%, #6d28d9 45%, #a21caf 78%, #be185d 100%);--grad-accent:linear-gradient(135deg, #4f46e5 0%, #6d28d9 100%);--glow-amber:radial-gradient(closest-side, #fbbf248c, #fbbf2400);--glow-pink:radial-gradient(closest-side, #f472b673, #f472b600);--hero-from:var(--lightningcss-light,#eeecff) var(--lightningcss-dark,#222a5c);--hero-to:var(--lightningcss-light,#fbeaf5) var(--lightningcss-dark,#3a1d4f);--mesh:radial-gradient(60% 40% at 100% 0%, var(--lightningcss-light,#7c3aed21) var(--lightningcss-dark,#7c3aed52), transparent 70%), radial-gradient(50% 35% at 0% 8%, var(--lightningcss-light,#ec48991a) var(--lightningcss-dark,#be185d38), transparent 70%), radial-gradient(45% 30% at 85% 55%, var(--lightningcss-light,#f59e0b14) var(--lightningcss-dark,#4f46e529), transparent 70%);--g-vocabulary:linear-gradient(150deg, #2563eb 0%, #0369a1 100%);--g-grammar:linear-gradient(150deg, #047857 0%, #0f766e 100%);--g-reading:linear-gradient(150deg, #c2410c 0%, #be123c 100%);--g-listening:linear-gradient(150deg, #9333ea 0%, #6d28d9 100%);--g-writing:linear-gradient(150deg, #db2777 0%, #9d174d 100%);--g-speaking:linear-gradient(150deg, #b45309 0%, #a16207 100%);--g-games:linear-gradient(150deg, #7c3aed 0%, #4338ca 100%);--g-primary:var(--grad-accent);--success:var(--lightningcss-light,#15803d) var(--lightningcss-dark,#22c55e);--success-strong:var(--lightningcss-light,#166534) var(--lightningcss-dark,#15803d);--success-weak:var(--lightningcss-light,#ecfdf3) var(--lightningcss-dark,#0f2a1c);--success-ink:var(--lightningcss-light,#166534) var(--lightningcss-dark,#86efac);--on-success:var(--lightningcss-light,#fff) var(--lightningcss-dark,#052e16);--danger:var(--lightningcss-light,#b91c1c) var(--lightningcss-dark,#f87171);--danger-strong:var(--lightningcss-light,#991b1b) var(--lightningcss-dark,#dc2626);--danger-weak:var(--lightningcss-light,#fef2f2) var(--lightningcss-dark,#2e1414);--danger-ink:var(--lightningcss-light,#991b1b) var(--lightningcss-dark,#fca5a5);--on-danger:var(--lightningcss-light,#fff) var(--lightningcss-dark,#1f0a0a);--warning:var(--lightningcss-light,#b45309) var(--lightningcss-dark,#fbbf24);--warning-weak:var(--lightningcss-light,#fffbeb) var(--lightningcss-dark,#2b2110);--warning-ink:var(--lightningcss-light,#92400e) var(--lightningcss-dark,#fcd34d);--t-vocabulary-fg:var(--lightningcss-light,#0369a1) var(--lightningcss-dark,#7dd3fc);--t-vocabulary-weak:var(--lightningcss-light,#e0f2fe) var(--lightningcss-dark,#0c2a3d);--t-grammar-fg:var(--lightningcss-light,#047857) var(--lightningcss-dark,#6ee7b7);--t-grammar-weak:var(--lightningcss-light,#d1fae5) var(--lightningcss-dark,#0b2e24);--t-reading-fg:var(--lightningcss-light,#c2410c) var(--lightningcss-dark,#fdba74);--t-reading-weak:var(--lightningcss-light,#ffedd5) var(--lightningcss-dark,#3a1e0e);--t-listening-fg:var(--lightningcss-light,#7e22ce) var(--lightningcss-dark,#d8b4fe);--t-listening-weak:var(--lightningcss-light,#f3e8ff) var(--lightningcss-dark,#2a1640);--t-writing-fg:var(--lightningcss-light,#be185d) var(--lightningcss-dark,#f9a8d4);--t-writing-weak:var(--lightningcss-light,#fce7f3) var(--lightningcss-dark,#3a1229);--t-speaking-fg:var(--lightningcss-light,#a16207) var(--lightningcss-dark,#fde047);--t-speaking-weak:var(--lightningcss-light,#fef9c3) var(--lightningcss-dark,#33290a);--t-games-fg:var(--lightningcss-light,#5b21b6) var(--lightningcss-dark,#c4b5fd);--t-games-weak:var(--lightningcss-light,#ede9fe) var(--lightningcss-dark,#241a45);--t-primary-fg:var(--accent-fg);--t-primary-weak:var(--accent-weak);--k-bg:var(--lightningcss-light,#fff8ee) var(--lightningcss-dark,#1f1a16);--k-surface:var(--lightningcss-light,#fff) var(--lightningcss-dark,#2a231d);--k-surface-2:var(--lightningcss-light,#ffefd9) var(--lightningcss-dark,#352c24);--k-ink:var(--lightningcss-light,#3b2a1a) var(--lightningcss-dark,#fff4e6);--k-muted:var(--lightningcss-light,#7a5c3e) var(--lightningcss-dark,#d9c2a6);--k-edge:var(--lightningcss-light,#ebd3b0) var(--lightningcss-dark,#140f0b);--k-primary:var(--lightningcss-light,#c2410c) var(--lightningcss-dark,#f97316);--k-on-primary:var(--lightningcss-light,#fff) var(--lightningcss-dark,#1f1a16);--k-sun:#f59e0b;--k-sun-edge:#b45309;--k-right:var(--lightningcss-light,#16a34a) var(--lightningcss-dark,#22c55e);--k-right-weak:var(--lightningcss-light,#dcfce7) var(--lightningcss-dark,#12301e);--k-try:#f59e0b;--k-sky:var(--lightningcss-light,#e3f2fd) var(--lightningcss-dark,#413c37);--k-mint:var(--lightningcss-light,#e3f7ec) var(--lightningcss-dark,#413c35);--k-peach:var(--lightningcss-light,#ffe8d6) var(--lightningcss-dark,#443b33);--k-butter:var(--lightningcss-light,#fff3c4) var(--lightningcss-dark,#443c31);--k-lilac:var(--lightningcss-light,#efe6fb) var(--lightningcss-dark,#423a37);--k-rose:var(--lightningcss-light,#fde4ec) var(--lightningcss-dark,#433a36);--font-ui:"Heebo", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Arial Hebrew", Arial, sans-serif;--font-en:"Nunito", "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--fs-display:40px;--lh-display:48px;--fs-h1:28px;--lh-h1:36px;--fs-title:32px;--lh-title:40px;--fs-hero:36px;--lh-hero:44px;--fs-h2:22px;--lh-h2:28px;--fs-h3:18px;--lh-h3:24px;--fs-body-lg:18px;--lh-body-lg:28px;--fs-body:16px;--lh-body:24px;--fs-caption:14px;--lh-caption:20px;--fs-micro:12px;--lh-micro:16px;--fs-display-lg:56px;--fs-display-xl:64px;--fs-jumbo:96px;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-black:800;--space-0:0;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:40px;--space-7:48px;--space-8:64px;--gutter:var(--space-3);--content-max:560px;--hit:48px;--hit-kids:64px;--control-h:48px;--control-h-lg:56px;--stroke:1.5px;--stroke-strong:2px;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:999px;--e0:none;--e1:0 1px 2px var(--lightningcss-light,#28185a0f) var(--lightningcss-dark,#00000059), 0 4px 12px var(--lightningcss-light,#28185a0d) var(--lightningcss-dark,#00000040);--e2:0 2px 4px var(--lightningcss-light,#28185a0f) var(--lightningcss-dark,#00000059), 0 12px 28px var(--lightningcss-light,#28185a1a) var(--lightningcss-dark,#00000073);--e3:0 24px 56px var(--lightningcss-light,#28185a33) var(--lightningcss-dark,#000000a6);--glow:0 10px 24px -8px var(--lightningcss-light,#4f46e58c) var(--lightningcss-dark,#6366f199);--press-edge:3px;--press-edge-kids:6px;--scrim:#0f172a80;--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.6s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--motion:1;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--s-3:var(--space-3);--t-lg:var(--fs-h3)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--k-sky:var(--lightningcss-light,lab(94.6105% -3.55247 -7.10427)) var(--lightningcss-dark,lab(25.6105% 1.54485 3.4885));--k-mint:var(--lightningcss-light,lab(95.5194% -8.29652 2.94381)) var(--lightningcss-dark,lab(25.7332% .967294 4.95042));--k-peach:var(--lightningcss-light,lab(93.5265% 6.00708 11.784)) var(--lightningcss-dark,lab(25.4522% 3.00811 6.22634));--k-butter:var(--lightningcss-light,lab(95.9337% -1.14509 24.2954)) var(--lightningcss-dark,lab(25.7889% 2.02116 7.98454));--k-lilac:var(--lightningcss-light,lab(92.4775% 5.96941 -9.06553)) var(--lightningcss-dark,lab(25.3131% 2.87002 3.20674));--k-rose:var(--lightningcss-light,lab(92.8201% 9.82034 -.622237)) var(--lightningcss-dark,lab(25.3567% 3.48872 4.44205))}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--motion:0}}@media (width>=414px){:root{--gutter:20px}}[data-mood=kids]{--bg:var(--k-bg);--surface-1:var(--k-surface);--surface-2:var(--k-surface-2);--surface-3:var(--k-edge);--border:var(--k-edge);--ink:var(--k-ink);--ink-2:var(--k-ink);--muted:var(--k-muted);--accent:var(--k-primary);--accent-strong:var(--lightningcss-light,#9a3412) var(--lightningcss-dark,#c2410c);--accent-weak:var(--k-surface-2);--accent-fg:var(--lightningcss-light,#c2410c) var(--lightningcss-dark,#fdba74);--on-accent:var(--k-on-primary);--success:var(--k-right);--success-weak:var(--k-right-weak);--fs-body:20px;--lh-body:28px;--fs-h3:24px;--lh-h3:32px;--fs-display:56px;--lh-display:64px;--fs-caption:18px;--lh-caption:24px;--hit:var(--hit-kids);--press-edge:var(--press-edge-kids);background:var(--bg);color:var(--ink)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body:has([data-mood=kids]){background:var(--k-bg)}body:before{content:"";z-index:-1;pointer-events:none;background-image:var(--mesh), var(--grain);background-repeat:no-repeat,no-repeat,no-repeat,repeat;background-size:100% 100%,100% 100%,100% 100%,160px 160px;position:fixed;inset:0}body:has([data-mood=kids],.kids-screen):before{display:none}:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.45 0 0 0 0 0.6 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:var(--stroke-strong) solid var(--focus);outline-offset:2px}h1,h2,h3,p{margin:0}a{color:var(--accent-fg)}img{max-width:100%}.en{font-family:var(--font-en);direction:ltr;unicode-bidi:isolate}.t-display{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:var(--fw-black);letter-spacing:-.01em}.t-h1,.title{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:var(--fw-black);letter-spacing:-.01em}.t-h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-bold)}.t-h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-bold)}.t-body-lg{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.t-body{font-size:var(--fs-body);line-height:var(--lh-body)}.t-strong{font-weight:var(--fw-bold)}.t-caption,.small,.xs{font-size:var(--fs-caption);line-height:var(--lh-caption)}.t-micro{font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:var(--fw-bold)}.subtitle{color:var(--muted);font-size:var(--fs-body)}.section-label{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);font-weight:var(--fw-bold)}.muted{color:var(--muted)}.num{font-family:var(--font-en);font-weight:var(--fw-black);font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-bold);color:var(--muted)}.section-title{font-size:20px;line-height:28px;font-weight:var(--fw-black);letter-spacing:-.01em}.section-intro{flex-direction:column;gap:2px;display:flex}.page-title{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-black);letter-spacing:-.02em}.clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{max-width:var(--content-max);min-height:100dvh;padding:calc(var(--safe-top) + var(--space-3)) var(--gutter) calc(var(--safe-bottom) + var(--space-5));gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.screen.tight{gap:var(--space-3)}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.grid-2{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grow{flex:1;min-width:0}.center{place-items:center;min-height:40vh;display:grid}.wrap{flex-wrap:wrap}.topbar{--slot:var(--hit);grid-template-columns:var(--slot) minmax(0, 1fr) var(--slot);align-items:center;gap:var(--space-2);min-height:var(--control-h-lg);display:grid}.topbar.wide{--slot:64px}.topbar-slot{align-items:center;min-width:0;display:flex}.topbar-slot.end{justify-content:flex-end}.topbar-center{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;display:flex}.topbar-title{min-width:0;font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-bold);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.section-head h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-bold)}.hit-slop{position:relative}.hit-slop:after{content:"";inset:calc(-1 * var(--space-2));position:absolute}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:inset 0 1px 0 var(--highlight), var(--e1)}.list{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 var(--highlight), var(--e1);overflow:hidden}.list>*+*{border-top:1px solid var(--border)}.list-item{align-items:center;gap:var(--space-3);width:100%;min-height:72px;padding:var(--space-2) var(--space-3);text-align:start;color:inherit;transition:background var(--dur-1) var(--ease-out);background:0 0;border:0;text-decoration:none;display:flex}.list-item strong{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-bold)}a.list-item:active,button.list-item:active{background:var(--surface-2)}.list-item[aria-disabled=true]{opacity:.55;cursor:default}.chev{color:var(--muted);transition:transform var(--dur-1) var(--ease-out);flex:none;display:inline-flex}a.list-item:active .chev{transform:translateX(calc(-3px * var(--motion)))}.art{width:var(--art);height:var(--art);object-fit:contain;filter:drop-shadow(0 6px 10px var(--lightningcss-light,#28185a2e) var(--lightningcss-dark,#00000080));flex:none}.art-orb{--orb:var(--grad-accent);color:#fff;background:radial-gradient(120% 90% at 30% 15%, #ffffff61, #fff0 55%), var(--orb);filter:none;border-radius:32%;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff59,inset 0 -3px 8px #0000002e,0 6px 14px -6px #28185a73}.art-orb svg{stroke-width:2px;width:52%;height:52%}.orb-vocabulary{--orb:var(--g-vocabulary)}.orb-grammar{--orb:var(--g-grammar)}.orb-reading{--orb:var(--g-reading)}.orb-listening{--orb:var(--g-listening)}.orb-writing{--orb:var(--g-writing)}.orb-speaking{--orb:var(--g-speaking)}.orb-games{--orb:var(--g-games)}.orb-brand,.orb-primary{--orb:var(--grad-accent)}.orb-hero{--orb:linear-gradient(150deg, #ffffff47, #ffffff14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff73,0 10px 24px -10px #0006}.on-color.art-orb{--orb:linear-gradient(150deg, #ffffff4d, #ffffff1a);box-shadow:inset 0 1px #ffffff80,0 8px 18px -8px #00000059}.divider{background:var(--border);border:0;height:1px;margin:0}.empty-state{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-3);flex-direction:column;display:flex}.empty-state p{max-width:32ch}.empty-state .muted{margin-top:calc(-1 * var(--space-2))}.empty-icon{border-radius:var(--radius-full);background:var(--accent-weak);width:64px;height:64px;color:var(--accent-fg);place-items:center;display:grid}.text-link{color:var(--accent-fg);font-weight:var(--fw-bold);font-size:var(--fs-caption);align-items:center;min-height:32px;text-decoration:none;display:inline-flex;position:relative}.text-link:after{content:"";inset:calc(-1 * var(--space-2)) calc(-1 * var(--space-2));position:absolute}.empty{text-align:center;padding:var(--space-6) var(--space-3);color:var(--muted)}.btn{--b:var(--surface-1);--b-edge:var(--border-strong);--b-ink:var(--ink);--b-press:0px;--b-h:var(--control-h);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--b-h);padding:0 var(--space-4);border-radius:var(--radius-sm);border:var(--stroke) solid var(--b-edge);background:var(--b);color:var(--b-ink);font-weight:var(--fw-bold);font-size:var(--fs-body);line-height:var(--lh-body);text-align:center;box-shadow:0 var(--b-press) 0 var(--b-edge);transition:transform calc(var(--dur-1) * var(--motion)) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);touch-action:manipulation;-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(calc(1 - .02 * var(--motion)));background:color-mix(in srgb, var(--b) 92%, var(--ink))}.btn:disabled{--b:var(--surface-3);--b-edge:var(--surface-3);--b-ink:var(--muted);cursor:default;box-shadow:none}.btn-icon{flex:none;display:inline-flex}.btn-label{min-width:0}.btn.is-loading .btn-label,.btn.is-loading .btn-icon{visibility:hidden}.btn-spinner{border:2px solid;border-inline-end-color:#0000;border-radius:50%;width:20px;height:20px;margin:auto;animation:.8s linear infinite spin;position:absolute;inset:0}.btn-lg,.btn-block{--b-h:var(--control-h-lg)}.btn-md{--b-h:var(--control-h)}.btn-sm{--b-h:40px;padding:0 var(--space-3);font-size:var(--fs-caption);line-height:var(--lh-caption)}.btn-sm:after{content:"";inset:calc(-1 * var(--space-1)) 0;position:absolute}.btn-block{width:100%}.btn-primary,.btn-good,.btn-bad,.btn-danger{--b-press:var(--press-edge);border-color:#0000}.btn-primary{--b:var(--accent);--b-edge:var(--accent-strong);--b-ink:var(--on-accent);background-image:var(--grad-accent);box-shadow:0 var(--b-press) 0 var(--b-edge), var(--glow)}.btn-primary:disabled{background-image:none}.btn-danger,.btn-bad{--b:var(--danger);--b-edge:var(--danger-strong);--b-ink:var(--on-danger)}.btn-good{--b:var(--success);--b-edge:var(--success-strong);--b-ink:var(--on-success)}.btn-primary:active:not(:disabled),.btn-good:active:not(:disabled),.btn-bad:active:not(:disabled),.btn-danger:active:not(:disabled){transform:translateY(calc(var(--press-edge) / 2 * var(--motion)));box-shadow:0 calc(var(--press-edge) / 2) 0 var(--b-edge);background:var(--b)}.btn-primary:disabled,.btn-good:disabled,.btn-bad:disabled,.btn-danger:disabled{border-color:#0000}.btn-secondary{--b:var(--surface-1);--b-edge:var(--border-strong);--b-ink:var(--ink)}.btn-tertiary,.btn-ghost{--b:transparent;--b-edge:transparent;--b-ink:var(--accent-fg);padding-inline:var(--space-3)}.btn-ghost{--b-ink:var(--ink-2)}.btn-tertiary:active:not(:disabled),.btn-ghost:active:not(:disabled){background:var(--surface-2);transform:none}.btn-tertiary:disabled,.btn-ghost:disabled{--b:transparent;--b-edge:transparent}.btn-row{gap:var(--space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.btn-row.lead{grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-auto-flow:row}.icon-btn{width:var(--hit);height:var(--hit);border-radius:var(--radius-full);color:var(--ink-2);transition:background var(--dur-1) var(--ease-out);background:0 0;border:0;flex:none;place-items:center;text-decoration:none;display:inline-grid;position:relative}.icon-btn:active{background:var(--surface-2)}.icon-btn.sm{width:40px;height:40px}.icon-btn.sm:after{content:"";inset:calc(-1 * var(--space-1));position:absolute}.link-btn{padding:var(--space-1) 0;color:var(--accent-fg);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline;position:relative}.link-btn:after{content:"";inset:calc(-1 * var(--space-2)) calc(-1 * var(--space-1));position:absolute}.switch-link{font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-bold);color:var(--accent-fg);white-space:nowrap;text-decoration:none;position:relative}.switch-link:after{content:"";inset:calc(-1 * var(--space-3)) calc(-1 * var(--space-2));position:absolute}.home-head{align-items:center;gap:var(--space-3);min-height:64px;display:flex}.home-greet{flex-direction:column;min-width:0;display:flex}.home-name{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-black);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar-btn{border-radius:var(--radius-full);box-shadow:0 0 0 3px var(--surface-1), 0 0 0 4px var(--border), var(--e1);background:0 0;border:0;flex:none;padding:0}.avatar-btn:active{transform:scale(calc(1 - .04 * var(--motion)))}.stat-pill{align-items:center;gap:var(--space-2);min-height:var(--hit);padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--highlight), var(--e1);color:var(--ink);flex:none;text-decoration:none;display:inline-flex;position:relative}.stat-pill-item{align-items:center;gap:var(--space-1);display:inline-flex}.stat-pill-item b{font-family:var(--font-en);font-weight:var(--fw-black);font-variant-numeric:tabular-nums;font-size:var(--fs-body)}.stat-pill-sep{background:var(--border);width:1px;height:20px}.chip-stat{align-items:center;gap:var(--space-1);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--border);font-weight:var(--fw-bold);font-size:var(--fs-caption);color:var(--ink);font-variant-numeric:tabular-nums;text-decoration:none;display:inline-flex;position:relative}.hero{isolation:isolate;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-4) var(--space-3);border-radius:var(--radius-xl);background:var(--grad-brand);color:#fff;text-align:start;box-shadow:inset 0 1px 0 #ffffff40, 0 18px 40px -16px #6d28d9b3, var(--e1);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-glow{z-index:-1;background:var(--glow-amber);pointer-events:none;inset-inline-start:-70px;width:260px;height:260px;position:absolute;bottom:-110px}.hero:before{content:"";z-index:-1;pointer-events:none;inset-inline-end:-60px;background:radial-gradient(closest-side,#ffffff38,#fff0);border-radius:50%;width:240px;height:240px;position:absolute;top:-80px}.hero:after{content:"";z-index:-1;pointer-events:none;animation:sheen 1.6s .3s var(--ease-out) both;background:linear-gradient(105deg,#0000 35%,#ffffff29 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.hero-top{align-items:flex-start;gap:var(--space-2);display:flex}.hero-eyebrow{font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-bold);color:#ffffffd9}.hero-title{font-size:26px;line-height:32px;font-weight:var(--fw-black);letter-spacing:-.01em;color:#fff}.hero-sub{font-size:var(--fs-caption);line-height:var(--lh-caption);color:#ffffffe0}.hero-art{margin-top:calc(-1 * var(--space-2));margin-inline-end:calc(-1 * var(--space-2))}.hero-goal{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border-radius:var(--radius-md);font-size:var(--fs-caption);line-height:var(--lh-caption);color:#ffffffeb;background:#ffffff24;border:1px solid #ffffff2e;display:flex}.hero-goal b{color:#fff}.hero-cta{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-h-lg);border-radius:var(--radius-md);color:#3b1d8f;font-weight:var(--fw-black);font-size:var(--fs-body-lg);transition:transform calc(var(--dur-1) * var(--motion)) var(--ease-out);background:#fff;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px -8px #17122e99,inset 0 -2px #3b1d8f1f}.hero-cta:active{transform:translateY(calc(2px * var(--motion))) scale(calc(1 - .01 * var(--motion)))}.ring.ring-on-dark .ring-track{stroke:#ffffff38}.ring.ring-on-dark .ring-value{stroke:#fff}.ring.ring-on-dark .ring-label{color:#fff;font-size:var(--fs-caption)}@keyframes sheen{to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.hero:after{animation:none;display:none}}.skill-grid{gap:var(--space-3)}.skill-tile{--g:var(--grad-accent);isolation:isolate;gap:var(--space-2);aspect-ratio:1/1.02;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--g);color:#fff;transition:transform calc(var(--dur-2) * var(--motion)) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,0 14px 28px -14px #17122e8c}.skill-tile:active{transform:translateY(calc(-3px * var(--motion))) scale(calc(1 - .015 * var(--motion)));box-shadow:inset 0 1px #ffffff47,0 20px 34px -14px #17122e99}.skill-tile-sheen{z-index:-1;aspect-ratio:1;inset-inline-end:-40%;background:radial-gradient(closest-side,#ffffff38,#fff0);border-radius:50%;width:110%;position:absolute;top:-45%}.skill-tile-top{width:100%}.skill-tile-text{flex-direction:column;margin-top:auto;display:flex}.skill-tile-text strong{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-black)}.skill-tile-en{font-size:var(--fs-caption);line-height:var(--lh-caption);color:#fff;opacity:.95;font-weight:var(--fw-bold)}.skill-tile-bar{border-radius:var(--radius-full);background:#ffffff38;height:6px;overflow:hidden}.skill-tile-bar>span{height:100%;width:var(--pct);border-radius:inherit;animation:grow .9s .2s var(--ease-out) both;transform-origin:100%;background:#fff;display:block}.glass-chip{min-height:28px;padding:0 var(--space-2);border-radius:var(--radius-full);color:#fff;font-family:var(--font-en);font-size:var(--fs-micro);font-weight:var(--fw-black);letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);background:#0003;border:1px solid #ffffff59;align-items:center;display:inline-flex}.g-vocabulary{--g:var(--g-vocabulary)}.g-grammar{--g:var(--g-grammar)}.g-reading{--g:var(--g-reading)}.g-listening{--g:var(--g-listening)}.g-writing{--g:var(--g-writing)}.g-speaking{--g:var(--g-speaking)}.g-games{--g:var(--g-games)}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.skill-tile-bar>span{animation:none}}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{transform:rotate(-90deg)}.ring .ring-track{stroke:var(--surface-3)}.ring .ring-value{stroke:var(--accent-fg);transition:stroke-dashoffset .7s var(--ease-out)}.ring-label{text-align:center;font-size:var(--fs-h3);line-height:1;font-weight:var(--fw-bold);place-items:center;display:grid;position:absolute;inset:0}.ring-label small{font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:var(--fw-medium);color:var(--ink-2);display:block}.ring.on-light .ring-track{stroke:var(--surface-2)}.ring.on-light .ring-value{stroke:var(--c-fg,var(--accent-fg))}.tile{--c-weak:var(--accent-weak);--c-fg:var(--accent-fg);align-items:flex-start;gap:var(--space-2);min-height:136px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-1);color:var(--ink);text-align:start;border:1px solid var(--border);box-shadow:var(--e1);transition:transform var(--dur-1) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}a.tile:active,button.tile:active{transform:scale(calc(1 - .02 * var(--motion)))}.tile.compact{min-height:104px}.tile[aria-disabled=true]{opacity:.55}.tile-icon{border-radius:var(--radius-sm);background:var(--c-weak,var(--accent-weak));width:40px;height:40px;color:var(--c-fg,var(--accent-fg));flex:none;place-items:center;display:grid}.tile-icon.sm{border-radius:var(--radius-xs);width:32px;height:32px}.tile strong{font-weight:var(--fw-bold);font-size:var(--fs-body);line-height:var(--lh-body)}.tile .tile-sub{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.tile .tile-bar{width:100%;height:var(--space-1);border-radius:var(--radius-full);background:var(--surface-2);margin-top:auto;overflow:hidden}.tile .tile-bar>span{background:var(--c-fg);border-radius:inherit;height:100%;display:block}.tile-level{font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:var(--fw-bold);color:var(--c-fg,var(--accent-fg));background:var(--c-weak,var(--accent-weak));padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.tile .tile-level{top:var(--space-3);position:absolute;inset-inline-end:var(--space-3)}.tile-solid{background:var(--c-weak);border-color:color-mix(in srgb, var(--c-fg) 22%, var(--border))}.tile-solid .tile-icon{background:var(--surface-1);color:var(--c-fg)}.tile-solid .tile-sub{color:var(--ink-2)}.row-card{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--e1);color:inherit;text-align:start;transition:transform var(--dur-1) var(--ease-out);text-decoration:none;display:flex}a.row-card:active,button.row-card:active{transform:scale(calc(1 - .01 * var(--motion)))}.row-card[aria-disabled=true]{opacity:.6}.avatar{border-radius:var(--radius-full);width:44px;height:44px;font-weight:var(--fw-bold);font-size:var(--fs-h3);color:#fff;background:linear-gradient(135deg, oklch(.52 .13 var(--hue)), oklch(.46 .13 calc(var(--hue) + 30)));flex:none;place-items:center;display:grid}.picker{gap:var(--space-5)}.picker-intro{text-align:center;align-items:center;gap:var(--space-2);margin-top:var(--space-5);flex-direction:column;display:flex}.brand-mark{width:72px;height:72px;margin-bottom:var(--space-2);background:radial-gradient(120% 90% at 30% 15%, #ffffff59, #fff0 55%), var(--grad-brand);color:#fff;font-family:var(--font-en);font-weight:var(--fw-black);letter-spacing:-.02em;border-radius:30%;place-items:center;font-size:30px;display:grid;box-shadow:inset 0 1px #fff6,0 16px 32px -12px #6d28d9b3}.student-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.student-card{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--highlight), var(--e2);color:inherit;text-align:center;transition:transform calc(var(--dur-2) * var(--motion)) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.student-card:active{transform:translateY(calc(-2px * var(--motion))) scale(calc(1 - .02 * var(--motion)))}.student-card .avatar{width:72px;height:72px;font-size:var(--fs-h1);box-shadow:0 10px 20px -8px oklch(.45 .13 var(--hue) / .7)}.student-card strong{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-black)}.add-row{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);border:var(--stroke) dashed var(--border-strong);min-height:56px;color:var(--accent-fg);font-weight:var(--fw-bold);margin-top:calc(-1 * var(--space-2));text-decoration:none;display:flex}.add-row:active{background:var(--surface-2)}.add-icon{border-radius:var(--radius-full);background:var(--accent-weak);place-items:center;width:32px;height:32px;display:grid}.parent-gate{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.parent-gate .hold-btn.wide{min-height:var(--hit);padding:0 var(--space-4);color:var(--ink-2);font-size:var(--fs-body);font-weight:var(--fw-bold);background:linear-gradient(to left, var(--accent-weak) calc(var(--hold-p,0) * 100%), var(--surface-1) 0);box-shadow:0 0 0 var(--stroke) var(--border-strong), var(--e1)}.parent-gate .hold-btn.wide[data-holding=true]{color:var(--accent-fg);box-shadow:0 0 0 var(--stroke-strong) var(--accent-fg), var(--e1)}.parent-gate .gate-inner{align-items:center;gap:var(--space-2);display:inline-flex}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-full);border:var(--stroke) solid var(--border-strong);background:var(--surface-1);font-size:var(--fs-caption);font-weight:var(--fw-bold);transition:background var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out)}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--accent-weak);border-color:var(--accent-fg);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent-fg)}.chip.dot-chip{min-width:32px;min-height:32px;padding:0 var(--space-2);position:relative}.chip.dot-chip:after{content:"";inset:calc(-1 * var(--space-2)) calc(-1 * var(--space-1));position:absolute}.badge{min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:var(--fw-bold);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.badge-good{background:var(--success-weak);color:var(--success-ink)}.badge-warn{background:var(--warning-weak);color:var(--warning-ink)}.badge-bad{background:var(--danger-weak);color:var(--danger-ink)}.badge-neutral{background:var(--surface-2);color:var(--muted)}.badge-accent{background:var(--accent-weak);color:var(--accent-fg)}.progress{height:var(--space-2);border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.progress>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .42s var(--ease-out);display:block}.progress.thin{height:var(--space-1)}.week{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;display:grid}.week-day{align-items:center;gap:var(--space-1);font-size:var(--fs-micro);line-height:var(--lh-micro);color:var(--muted);font-weight:var(--fw-bold);flex-direction:column;display:flex}.week-bar{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);align-items:flex-end;width:100%;max-width:32px;height:72px;display:flex;overflow:hidden}.week-bar>span{background:var(--grad-accent);border-radius:var(--radius-sm);width:100%;animation:rise-bar .7s var(--ease-out) both;transform-origin:bottom}.week-bar[data-goal=true]>span{background:linear-gradient(#f59e0b,#db2777)}.week-day{font-size:var(--fs-caption);line-height:var(--lh-caption)}.week-day.today{color:var(--accent-fg)}.week-day.today .week-bar{border-color:var(--accent-fg)}@keyframes rise-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.week-bar>span,.rank-bar>span{animation:none}}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label,.field .label{font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-bold);color:var(--ink-2)}.input{width:100%;min-height:var(--control-h-lg);padding:0 var(--space-3);font-size:var(--fs-body-lg);border-radius:var(--radius-sm);border:var(--stroke) solid var(--border-strong);background:var(--surface-1);transition:border-color var(--dur-1) var(--ease-out)}.input.narrow{max-width:128px}.input:focus{outline:var(--stroke-strong) solid var(--focus);outline-offset:2px;border-color:var(--accent)}.segmented{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);background:var(--surface-2);border:var(--stroke) solid var(--border-strong);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.segmented.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.segmented button{min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-xs);font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-medium);color:var(--ink-2);transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);background:0 0;border:0}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--surface-1);color:var(--accent-fg);font-weight:var(--fw-bold);box-shadow:var(--e1), inset 0 calc(-1 * var(--stroke-strong)) 0 var(--accent-fg)}.feedback{border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--fs-body);gap:var(--space-2);animation:rise var(--dur-2) var(--ease-out);flex-direction:column;display:flex}.feedback-hint{background:var(--warning-weak);color:var(--ink);border:1px solid color-mix(in srgb, var(--warning) 35%, transparent)}.feedback-good{background:var(--success-weak)}.feedback-info{background:var(--surface-1);border:1px solid var(--border)}.feedback .secondary{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.feedback-tag{align-items:center;gap:var(--space-1);font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:var(--fw-bold);color:var(--warning-ink);display:inline-flex}.feedback-tag.accent{color:var(--accent-fg)}@media (prefers-reduced-motion:reduce){.feedback{animation:fade var(--dur-2) var(--ease-out)}}.actions{z-index:5;gap:var(--space-2);margin:auto calc(-1 * var(--gutter)) calc(-1 * (var(--safe-bottom) + var(--space-5)));padding:var(--space-3) var(--gutter) calc(var(--safe-bottom) + var(--space-3));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);flex-direction:column;display:flex;position:sticky;bottom:0}.actions>.btn{width:100%;min-height:var(--control-h-lg)}.speak{width:var(--hit);height:var(--hit);border-radius:var(--radius-sm);border:var(--stroke) solid var(--border-strong);background:var(--surface-1);color:var(--accent-fg);touch-action:manipulation;transition:transform calc(var(--dur-1) * var(--motion)) var(--ease-out), background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.speak:active{transform:scale(calc(1 - .06 * var(--motion)))}.speak-inline{border-radius:var(--radius-full);background:var(--accent-weak);border-color:#0000;width:32px;height:32px}.speak-inline:after{content:"";inset:calc(-1 * var(--space-2));position:absolute}.speak-hero{border-radius:var(--radius-full);background:var(--accent);width:96px;height:96px;color:var(--on-accent);box-shadow:var(--e2);border-color:#0000}.speak-md.speak-slow{border-radius:var(--radius-full);width:64px;height:64px}.speak[data-state=loading]{animation:.9s ease-in-out infinite pulse}.speak[data-state=playing]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.speak-hero[data-state=playing]{box-shadow:0 0 0 var(--space-2) var(--accent-weak), var(--e2)}.eq-bar{fill:currentColor;transform-box:fill-box;transform-origin:50% 100%}.speak[data-state=playing] .eq-bar{animation:.9s ease-in-out infinite eq}.speak[data-state=playing] .eq-bar:nth-child(2){animation-delay:-300ms}.speak[data-state=playing] .eq-bar:nth-child(3){animation-delay:-600ms}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.speak[data-state=playing] .eq-bar{animation:none}.speak[data-state=playing] .eq-bar:nth-child(odd){transform:scaleY(.55)}.speak[data-state=loading]{opacity:.7;animation:none}}.sheet-backdrop{background:var(--scrim);z-index:20;animation:fade var(--dur-2) var(--ease-out);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--content-max);background:var(--surface-1);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:88dvh;box-shadow:var(--e3);padding:var(--space-2) var(--gutter) calc(var(--safe-bottom) + var(--space-4));overscroll-behavior:contain;animation:slideUp var(--dur-3) var(--ease-out);flex-direction:column;display:flex;overflow-y:auto}.sheet-grip{border-radius:var(--radius-full);background:var(--surface-3);width:40px;height:4px;margin:0 auto var(--space-1);flex:none}.sheet-head{grid-template-columns:var(--hit) minmax(0, 1fr) var(--hit);align-items:center;gap:var(--space-2);min-height:var(--hit);display:grid}.sheet-title{text-align:center;font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet-body{gap:var(--space-4);padding-top:var(--space-2);flex-direction:column;display:flex}.sheet-text{color:var(--ink-2);text-align:center;padding:0 var(--space-2)}.sheet-footer{bottom:calc(-1 * (var(--safe-bottom) + var(--space-4)));margin-top:var(--space-4);padding:var(--space-3) 0 calc(var(--safe-bottom) + var(--space-4));margin-bottom:calc(-1 * (var(--safe-bottom) + var(--space-4)));background:var(--surface-1);border-top:1px solid var(--border);position:sticky}.sheet .panel,.sheet .list,.sheet .anchor-card,.sheet .table{background:var(--surface-1)}@media (prefers-reduced-motion:reduce){.sheet{animation:fade var(--dur-2) var(--ease-out)}}.timer{min-width:56px;height:40px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--accent-weak);color:var(--accent-fg);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);place-items:center;display:inline-grid}.timer[data-low=true]{background:var(--danger-weak);color:var(--danger-ink);animation:.9s ease-in-out infinite pulse}.rank{align-items:center;gap:var(--space-3);display:flex}.rank-badge{clip-path:polygon(50% 0,100% 18%,100% 70%,50% 100%,0 70%,0 18%);background:var(--accent);width:48px;height:56px;color:var(--on-accent);font-weight:var(--fw-bold);font-size:var(--fs-h3);flex:none;place-items:center;text-decoration:none;display:grid}.rank-badge.sm{width:32px;height:40px;font-size:var(--fs-caption)}.rank-badge.lg{width:64px;height:72px;font-size:var(--fs-h2)}.result-hero{isolation:isolate;text-align:center;padding:var(--space-5) var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--grad-brand);color:#fff;align-items:center;gap:var(--space-1);animation:rise var(--dur-3) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 18px 40px -16px #6d28d9b3}.result-hero .hero-glow{inset-inline:auto -80px}.result-title{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-black);margin-top:var(--space-2)}.result-hero .big{font-size:var(--fs-display-xl);letter-spacing:-.03em;color:#fff;text-shadow:0 6px 24px #17122e59;line-height:1}.result-hero .big small{margin-inline-start:2px;font-size:.5em}.result-sub{color:#ffffffe6}.wrong-en{font-weight:var(--fw-bold);text-align:left}.wrong-why{white-space:pre-line}@media (prefers-reduced-motion:reduce){.result-hero{animation:fade var(--dur-2) var(--ease-out)}}.stat-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat{text-align:center;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--highlight), var(--e1);flex-direction:column;align-items:center;gap:2px;display:flex}.stat>svg{margin-bottom:var(--space-1);color:var(--accent-fg)}.stat b{font-family:var(--font-en);font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:var(--fw-black);font-variant-numeric:tabular-nums}.stat span{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.rank-card{isolation:isolate;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--grad-brand);color:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 18px 40px -16px #6d28d9b3}.rank-top{align-items:center;gap:var(--space-3);display:flex}.rank-name{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-black);letter-spacing:-.02em}.rank-en{font-size:var(--fs-body);font-weight:var(--fw-bold);color:#ffffffd9}.rank-bar{border-radius:var(--radius-full);background:#ffffff38;height:10px;overflow:hidden}.rank-bar>span{border-radius:inherit;height:100%;animation:grow .9s .2s var(--ease-out) both;transform-origin:100%;background:linear-gradient(90deg,#fde68a,#fff);display:block}.rank-next{font-size:var(--fs-caption);line-height:var(--lh-caption);color:#ffffffeb}.rank-note{margin-top:calc(-1 * var(--space-2));padding:0 var(--space-3)}.level-chip{min-width:48px;min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--accent-weak);color:var(--accent-fg);font-family:var(--font-en);font-weight:var(--fw-black);font-size:var(--fs-caption);place-items:center;display:inline-grid}.ach{text-align:center;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--highlight), var(--e1);flex-direction:column;display:flex}.ach strong{margin-top:var(--space-1);font-size:var(--fs-body);line-height:var(--lh-body)}.ach .small{line-height:var(--lh-caption)}.ach-badge{--art:56px;border-radius:32%;place-items:center;width:56px;height:56px;display:grid;position:relative}.ach-badge svg{width:28px;height:28px}.ach[data-earned=false] .ach-badge{background:var(--surface-2);color:var(--border-strong);border:1.5px dashed var(--border-strong)}.ach[data-earned=false] .ach-badge svg:not(.ach-lock svg){opacity:.8}.ach[data-earned=false] strong{color:var(--ink-2)}.ach-lock{border-radius:var(--radius-full);background:var(--surface-1);width:24px;height:24px;color:var(--muted);border:1px solid var(--border-strong);bottom:-6px;place-items:center;display:grid;position:absolute;inset-inline-start:-6px}.ach-lock svg{width:14px;height:14px}.empty-state.compact{padding:var(--space-4) var(--space-3);gap:var(--space-2)}.combo-toast{top:calc(var(--safe-top) + 72px);z-index:25;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);font-weight:var(--fw-bold);box-shadow:var(--e2);animation:comboIn 1.6s var(--ease-out) forwards;position:fixed;left:50%;transform:translate(-50%)}.confetti{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.confetti i{opacity:.95;width:9px;height:14px;animation:fall var(--d,1.8s) var(--delay,0s) cubic-bezier(.25, .6, .4, 1) forwards;border-radius:2px;position:absolute;top:-12px}.tone-vocabulary{--c-weak:var(--t-vocabulary-weak);--c-fg:var(--t-vocabulary-fg)}.tone-grammar{--c-weak:var(--t-grammar-weak);--c-fg:var(--t-grammar-fg)}.tone-reading{--c-weak:var(--t-reading-weak);--c-fg:var(--t-reading-fg)}.tone-listening{--c-weak:var(--t-listening-weak);--c-fg:var(--t-listening-fg)}.tone-writing{--c-weak:var(--t-writing-weak);--c-fg:var(--t-writing-fg)}.tone-speaking{--c-weak:var(--t-speaking-weak);--c-fg:var(--t-speaking-fg)}.tone-games{--c-weak:var(--t-games-weak);--c-fg:var(--t-games-fg)}.tone-primary{--c-weak:var(--t-primary-weak);--c-fg:var(--t-primary-fg)}.tone-good{--c-weak:var(--success-weak);--c-fg:var(--success-ink)}.tone-warn{--c-weak:var(--warning-weak);--c-fg:var(--warning-ink)}@keyframes pulse{50%{opacity:.55}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fall{0%{transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--x,0), 105vh, 0) rotate(var(--r,540deg));opacity:.9}}@keyframes comboIn{0%{opacity:0;transform:translate(-50%,-12px)scale(.9)}15%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.combo-toast{animation:fade var(--dur-2) var(--ease-out);width:fit-content;margin:0 auto;left:0;right:0;transform:none}.ring .ring-value,.progress>span{transition:none}.timer[data-low=true]{animation:none}.btn-spinner{animation-duration:2s}.story-line,.sheet-backdrop{animation:none}:where(.kids-screen,[data-mood=kids]) *,:where(.kids-screen,[data-mood=kids]) :before,:where(.kids-screen,[data-mood=kids]) :after{transition:none!important;animation:none!important}}.input+.btn{min-height:var(--control-h-lg)}:where(.kids-screen,[data-mood=kids]) .btn-primary{box-shadow:0 var(--b-press) 0 var(--b-edge);background-image:none}.form-grid{gap:var(--space-3);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.radio-list{gap:var(--space-2);flex-direction:column;display:flex}.radio-row{align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--stroke) solid var(--border-strong);background:var(--surface-1);color:var(--ink);text-align:start;transition:background var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);display:flex}.radio-row strong{font-size:var(--fs-body)}.radio-row[aria-checked=true]{border-color:var(--accent-fg);background:var(--accent-weak);box-shadow:inset 0 0 0 1px var(--accent-fg)}.radio-dot{border:2px solid var(--border-strong);background:var(--surface-1);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.radio-row[aria-checked=true] .radio-dot{border-color:var(--accent-fg)}.radio-row[aria-checked=true] .radio-dot:after{content:"";background:var(--accent-fg);border-radius:50%;width:12px;height:12px}.chip{align-items:center;gap:var(--space-1);display:inline-flex}.btn.danger-text{--b-ink:var(--danger-ink)}.settings-card>.field>.segmented{width:100%}.chip-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.chip-grid .chip{padding:0 var(--space-2);justify-content:center}.ring-pct{font-size:var(--fs-micro)}.hero-art{margin-top:calc(-1 * var(--space-3));margin-bottom:calc(-1 * var(--space-3));margin-inline-end:calc(-1 * var(--space-3))}.skill-tile-top .art{margin-top:calc(-1 * var(--space-2));margin-inline-start:calc(-1 * var(--space-1))}.ach[data-earned=false] .ach-badge>svg{filter:grayscale();opacity:.6}.pgroup-h{font:inherit;margin:0}.pgroup-btn{cursor:pointer}.pgroup-btn:hover{background:var(--surface-2)}.pgroup-btn:active{background:var(--surface-3)}.pgroup-btn:focus-visible{outline-offset:-3px;border-radius:var(--radius-lg)}.pgroup[data-open] .pgroup-btn{background:var(--surface-2)}.pgroup-title{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pgroup-due{font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;color:var(--accent-fg);background:var(--accent-weak);padding:1px var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.pgroup-chev{transition:transform calc(var(--dur-2) * var(--motion)) var(--ease-out);transform:rotate(-90deg)}.pgroup[data-open] .pgroup-chev{transform:rotate(90deg)}.pgroup-panel{transition:grid-template-rows calc(var(--dur-3) * var(--motion)) var(--ease-out);grid-template-rows:0fr;display:grid}.pgroup[data-open] .pgroup-panel{grid-template-rows:1fr}.pgroup-items{background:color-mix(in srgb, var(--surface-2) 55%, var(--surface-1));min-height:0;overflow:hidden}.pgroup-items .list-item{min-height:60px}.pgroup-items .art{width:36px;height:36px}.pgroup-items>*{border-top:1px solid var(--border);opacity:0;transform:translateY(calc(-6px * var(--motion)));transition:opacity calc(var(--dur-2) * var(--motion)) var(--ease-out), transform calc(var(--dur-2) * var(--motion)) var(--ease-out);padding-inline-start:calc(var(--space-3) + 20px)}.pgroup[data-open] .pgroup-items>*{opacity:1;transform:none}.pgroup[data-open] .pgroup-items>:nth-child(2){transition-delay:calc(40ms * var(--motion))}.pgroup[data-open] .pgroup-items>:nth-child(3){transition-delay:calc(80ms * var(--motion))}.pgroup[data-open] .pgroup-items>:nth-child(4){transition-delay:calc(.12s * var(--motion))}.pgroup[data-open] .pgroup-items>:nth-child(5){transition-delay:calc(.16s * var(--motion))}@media (forced-colors:active){.pgroup-due{border:1px solid canvastext}.pgroup[data-open] .pgroup-btn{outline:1px solid canvastext}}.row-title{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pgroup-tag{font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:var(--fw-medium);color:var(--muted);background:var(--surface-2);border:1px solid var(--border);padding:0 var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.pgroup-tag-pick{color:var(--success-ink);background:var(--success-weak);border-color:#0000}.pgroup-btn{position:relative}.pgroup-week{inset-inline:calc(var(--space-3) + 44px + var(--space-3)) var(--space-3);border-radius:var(--radius-full);background:var(--surface-3);height:3px;position:absolute;bottom:7px;overflow:hidden}.pgroup-week>span{border-radius:inherit;background:var(--accent-fg);block-size:100%;transition:inline-size calc(var(--dur-3) * var(--motion)) var(--ease-out);display:block}@media (forced-colors:active){.pgroup-tag{border-color:canvastext}.pgroup-week{border:1px solid canvastext}.pgroup-week>span{background:highlight}}.session-head{align-items:stretch}.session-title{text-align:center;font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:var(--fw-bold);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.session-head .progress>span{min-width:var(--space-2)}.session-count{font-family:var(--font-en);font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.resume-note{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--accent-weak);color:var(--ink);border:1px solid color-mix(in srgb, var(--accent-fg) 20%, transparent);display:flex}.resume-note strong{font-size:var(--fs-caption);line-height:var(--lh-caption)}.resume-icon{border-radius:var(--radius-full);background:var(--surface-1);width:32px;height:32px;color:var(--accent-fg);flex:none;place-items:center;display:grid}.exercise{gap:var(--space-4);padding-bottom:var(--space-2);flex-direction:column;flex:1;display:flex}.ex-instruction{align-items:center;gap:var(--space-2);font-weight:var(--fw-bold);color:var(--ink-2);font-size:var(--fs-body);line-height:var(--lh-body);display:flex}.ex-instruction .dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--c-fg,var(--accent-fg));flex:none}.prompt{font-size:var(--fs-h2);line-height:32px;font-weight:var(--fw-bold)}.prompt .en,.prompt.en{font-size:var(--fs-h2)}.prompt-word{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:var(--fw-black);letter-spacing:-.01em}.prompt-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-3);box-shadow:var(--e1)}.prompt-row{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3) var(--space-4) var(--space-4);display:flex}.prompt-row[dir=rtl]{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-3)}.prompt-row.is-word{justify-content:center;min-height:128px}.prompt-row.is-word>p{text-align:center}.prompt-row>.speak{border-radius:var(--radius-full);background:var(--accent-weak);border-color:#0000}.prompt-row>.speak[data-state=playing]{background:var(--accent)}.listen-stage{justify-content:center;align-items:center;gap:var(--space-4);min-height:160px;display:flex}.blank{border-bottom:3px solid var(--accent-fg);vertical-align:baseline;border-radius:1px;min-width:3em;height:.9em;margin:0 2px;display:inline-block}.fill{color:var(--success-ink)}.passage{font-family:var(--font-en);font-size:calc(var(--fs-body-lg) + 2px);line-height:calc(var(--lh-body-lg) + 4px);max-height:32vh;overflow-y:auto}.options{gap:var(--space-2);flex-direction:column;display:flex}.option{--o-edge:var(--border-strong);--o-bg:var(--surface-1);--o-key-bg:transparent;--o-key-ink:var(--muted);--o-key-edge:var(--border-strong);width:100%;min-height:var(--control-h-lg);border-radius:var(--radius-sm);border:var(--stroke) solid var(--o-edge);background:var(--o-bg);box-shadow:inset 0 0 0 var(--o-ring,0px) var(--o-edge);transition:background var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), transform calc(var(--dur-1) * var(--motion)) var(--ease-out);align-items:center;display:flex;position:relative}.option-hit{align-self:stretch;align-items:center;gap:var(--space-3);min-width:0;min-height:calc(var(--control-h-lg) - 3px);padding:var(--space-2) var(--space-3);border-radius:inherit;color:var(--ink);text-align:start;font-size:var(--fs-body-lg);line-height:var(--lh-body);font-weight:var(--fw-medium);touch-action:manipulation;background:0 0;border:0;flex:1;display:flex}.option-hit:disabled{cursor:default}.option:has(.option-hit:active:not(:disabled)){transform:scale(calc(1 - .015 * var(--motion)))}.option-text{flex:1;min-width:0}.option-end{flex:none;padding-inline-end:var(--space-2);display:flex}.option .key{border-radius:var(--radius-xs);border:var(--stroke) solid var(--o-key-edge);background:var(--o-key-bg);width:28px;height:28px;color:var(--o-key-ink);font-size:var(--fs-caption);line-height:1;font-weight:var(--fw-bold);font-family:var(--font-en);transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);flex:none;place-items:center;display:grid}.option[data-selected]{--o-edge:var(--accent-fg);--o-ring:1px;--o-bg:var(--accent-weak);--o-key-bg:var(--accent-fg);--o-key-edge:var(--accent-fg);--o-key-ink:var(--surface-1)}.option[data-state=correct]{--o-edge:var(--success);--o-ring:1px;--o-bg:var(--success-weak);--o-key-bg:var(--success);--o-key-edge:var(--success);--o-key-ink:var(--on-success)}.option[data-state=correct] .option-hit{font-weight:var(--fw-bold)}.option[data-state=wrong]{--o-edge:var(--danger);--o-ring:1px;--o-bg:var(--danger-weak);--o-key-bg:var(--danger);--o-key-edge:var(--danger);--o-key-ink:var(--on-danger);animation:shake .38s var(--ease-out)}.option[data-state=dim] .option-text{color:var(--muted)}.option[data-state=dim]{--o-edge:var(--border)}.option[data-state=correct]{animation:pop var(--dur-3) var(--ease-out)}@media (prefers-reduced-motion:reduce){.option[data-state=wrong],.option[data-state=correct]{animation:none}}.lesson-link{align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-1);color:var(--ink);text-align:start;transition:background var(--dur-1) var(--ease-out);display:flex}.lesson-link:active{background:var(--surface-2)}.fb-strip{--fb-bg:var(--success-weak);--fb-icon:var(--success);--fb-on:var(--on-success);--fb-ink:var(--success-ink);z-index:5;margin:auto calc(-1 * var(--gutter)) calc(-1 * (var(--safe-bottom) + var(--space-5)));padding:var(--space-3) var(--gutter) calc(var(--safe-bottom) + var(--space-3));gap:var(--space-3);background:var(--fb-bg);border-top:1px solid color-mix(in srgb, var(--fb-icon) 30%, transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--e2);animation:slideUp var(--dur-3) var(--ease-out);flex-direction:column;display:flex;position:sticky;bottom:0}.fb-strip[data-tone=warn]{--fb-bg:var(--warning-weak);--fb-icon:var(--warning);--fb-on:var(--lightningcss-light,#fff) var(--lightningcss-dark,#2b2110);--fb-ink:var(--warning-ink)}.fb-strip[data-tone=neutral]{--fb-bg:var(--surface-2);--fb-icon:var(--muted);--fb-on:var(--surface-1);--fb-ink:var(--ink)}.fb-head{align-items:center;gap:var(--space-3);display:flex}.fb-icon{border-radius:var(--radius-full);background:var(--fb-icon);width:40px;height:40px;color:var(--fb-on);flex:none;place-items:center;display:grid}.fb-title{font-size:var(--fs-h3);line-height:var(--lh-h3);color:var(--fb-ink)}.fb-answer{font-size:var(--fs-body);color:var(--ink)}.fb-preview{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fb-strip[data-tone=good] .fb-icon{animation:pop-in .52s var(--ease-spring) both;box-shadow:0 8px 18px -6px color-mix(in srgb, var(--success) 70%, transparent);position:relative}.fb-strip[data-tone=good] .fb-icon:before,.fb-strip[data-tone=good] .fb-icon:after{content:"";border-radius:inherit;border:2px solid var(--success);opacity:0;animation:burst .7s .12s var(--ease-out);position:absolute;inset:0}.fb-strip[data-tone=good] .fb-icon:after{border-color:#f59e0b;animation-delay:.22s}@keyframes pop-in{0%{transform:scale(.4)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes burst{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@media (prefers-reduced-motion:reduce){.fb-strip{animation:fade var(--dur-2) var(--ease-out)}.fb-strip[data-tone=good] .fb-icon,.fb-strip[data-tone=good] .fb-icon:before,.fb-strip[data-tone=good] .fb-icon:after{animation:none}}.ex-section{gap:var(--space-2);flex-direction:column;display:flex}.say-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);display:flex}.why-not-x{border-radius:var(--radius-full);background:var(--danger-weak);width:20px;height:20px;color:var(--danger-ink);flex:none;place-items:center;margin-top:2px;display:grid}.he .en-line{text-align:left;font-weight:var(--fw-medium);margin:2px 0;display:block}.he .en-line:first-child{margin-top:0}.bi-text{white-space:pre-line}.order-line{gap:var(--space-2);min-height:96px;padding:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.order-bank{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.order-end{font-family:var(--font-en);font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--muted);margin-inline-start:auto}.word-tile{font-family:var(--font-en);font-size:var(--fs-body-lg);font-weight:var(--fw-medium);min-height:var(--control-h);min-width:var(--hit);padding:0 var(--space-3);border-radius:var(--radius-xs);background:var(--surface-1);color:var(--ink);border:var(--stroke) solid var(--border-strong);box-shadow:0 2px 0 var(--border);transition:transform var(--dur-1) var(--ease-out);touch-action:manipulation}.word-tile:active:not(:disabled){transform:scale(calc(1 - .05 * var(--motion)))}.word-tile[data-used=true]{color:#0000;background:var(--surface-2);border-color:var(--surface-2);box-shadow:none}.word-tile.placed{background:var(--accent-weak);border-color:color-mix(in srgb, var(--accent-fg) 60%, transparent)}.fix-line{gap:var(--space-2);font-family:var(--font-en);flex-wrap:wrap;align-items:center;display:flex}.fix-word{font:inherit;font-size:var(--fs-body-lg);min-height:var(--control-h);min-width:var(--hit);padding:0 var(--space-2);border-radius:var(--radius-xs);border:var(--stroke) dashed var(--border-strong);background:var(--surface-1);color:var(--ink);cursor:pointer}.fix-word[aria-pressed=true]{border-style:solid;border-color:var(--accent);background:var(--accent-weak)}.fix-word[data-state=missed]{opacity:.45;text-decoration:line-through}.fix-word[data-state=wrong-word]{border-style:solid;border-color:var(--danger);background:var(--danger-weak)}.match-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.match-card{min-height:64px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-1);border:var(--stroke) solid var(--border-strong);font-size:var(--fs-body-lg);font-weight:var(--fw-medium);text-align:center;color:var(--ink);transition:transform var(--dur-1) var(--ease-out), opacity .3s, background var(--dur-1) var(--ease-out);touch-action:manipulation}.match-card.en{font-family:var(--font-en)}.match-card:active:not(:disabled){transform:scale(calc(1 - .03 * var(--motion)))}.match-card[data-state=selected]{border-color:var(--accent-fg);box-shadow:inset 0 0 0 1px var(--accent-fg);background:var(--accent-weak)}.match-card[data-state=wrong]{border-color:var(--danger);background:var(--danger-weak);animation:shake .38s var(--ease-out)}.match-card[data-state=done]{border-color:var(--success);background:var(--success-weak);color:var(--success-ink);opacity:.35}.kid-tabs{gap:var(--space-2);scrollbar-width:none;margin:-2px;padding:2px;display:flex;overflow-x:auto}.kid-tab{align-items:center;gap:var(--space-2);min-height:var(--hit);padding:0 var(--space-3) 0 var(--space-2);border-radius:var(--radius-full);border:var(--stroke) solid var(--border-strong);background:var(--surface-1);color:var(--ink);font-weight:var(--fw-bold);transition:background var(--dur-1) var(--ease-out);flex:none;display:inline-flex}.kid-tab>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;overflow:hidden}.kid-tab .avatar{font-size:var(--fs-caption);width:32px!important;height:32px!important}.kid-tab[aria-selected=true]{background:var(--grad-accent);color:#fff;box-shadow:var(--glow);border-color:#0000}.report-head{align-items:center;gap:var(--space-3);display:flex}.skill-row{gap:var(--space-2) var(--space-3);padding:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.skill-row-title{flex-direction:column;min-width:0;display:flex}.skill-facts{gap:var(--space-2);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.4fr);display:grid}.fact{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:2px;min-width:0;display:flex}.fact-k{font-size:var(--fs-micro);line-height:var(--lh-micro);color:var(--muted);font-weight:var(--fw-bold)}.fact-v{font-size:var(--fs-body);line-height:var(--lh-body)}.trend{font-size:var(--fs-caption);font-weight:var(--fw-bold);grid-column:1/-1}.conf{height:var(--lh-body);align-items:center;gap:3px;display:inline-flex}.conf i{background:var(--surface-3);border-radius:3px;flex:1;min-width:8px;height:10px}.conf i.on{background:var(--c-fg,var(--accent-fg))}.settings-card{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--highlight), var(--e1)}.input-row{gap:var(--space-2);display:flex}.input-row .input{flex:1;min-width:0}.switch{border-radius:var(--radius-full);background:var(--surface-3);border:1px solid var(--border-strong);width:52px;height:32px;transition:background var(--dur-1) var(--ease-out);flex:none;position:relative}.switch>span{width:24px;height:24px;box-shadow:var(--e1);transition:transform calc(var(--dur-2) * var(--motion)) var(--ease-out);top:3px;background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px}.switch[data-on=true]{background:var(--success);border-color:var(--success)}.switch[data-on=true]>span{transform:translate(-20px)}.lesson-title{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-black);letter-spacing:-.02em}.lesson-goal{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--ink-2)}.lesson-text p{font-size:var(--fs-body-lg);line-height:30px}.eyebrow[dir=ltr]{text-align:right;font-family:var(--font-en)}.rule-label{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--ink-2);font-weight:var(--fw-bold)}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-caption);line-height:var(--lh-caption);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.table th,.table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);text-align:start;vertical-align:top}.table[dir=ltr]{font-family:var(--font-en)}.table tr:last-child td{border-bottom:0}.table th{background:var(--surface-2);font-weight:var(--fw-bold)}.table-scroll{overflow-x:auto}.rule-box{background:linear-gradient(135deg, var(--hero-from), var(--hero-to));border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);gap:var(--space-2);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);box-shadow:inset 0 1px 0 var(--highlight);flex-direction:column;display:flex}.rule-box .t-h3{color:var(--accent-fg)}.path-summary{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--highlight), var(--e1);display:flex}.path-summary-level{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-black)}.path-section>summary{cursor:pointer;list-style:none}.path-section>summary::-webkit-details-marker{display:none}.path-section[open]>summary{margin-bottom:var(--space-3)}.path-level{align-items:center;gap:var(--space-2);min-height:var(--hit);display:flex}.path-level-code{min-width:40px;height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--surface-1);border:1px solid var(--border-strong);color:var(--ink);font-family:var(--font-en);font-weight:var(--fw-black);font-size:var(--fs-caption);place-items:center;display:inline-grid}.path-level[data-here=true] .path-level-code{background:var(--grad-accent);color:#fff;box-shadow:var(--glow);border-color:#0000}.path-level .badge{gap:var(--space-1)}.path-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.path-node{align-items:center;gap:var(--space-2);min-height:72px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--e1);color:var(--ink);text-align:start;transition:transform calc(var(--dur-1) * var(--motion)) var(--ease-out);text-decoration:none;display:flex;position:relative}.path-node:active{transform:scale(calc(1 - .02 * var(--motion)))}.path-node .ring{flex:none}.path-icon{border-radius:var(--radius-full);background:var(--c-weak);width:36px;height:36px;color:var(--c-fg);place-items:center;display:grid}.path-node[data-status=mastered] .path-icon{background:var(--c-fg);color:var(--surface-1)}.path-node[data-status=unseen] .path-icon{background:var(--surface-2);color:var(--muted)}.path-text{flex-direction:column;min-width:0;display:flex}.path-label{font-size:var(--fs-caption);line-height:18px;font-weight:var(--fw-bold)}.path-status{font-size:var(--fs-micro);line-height:var(--lh-micro);color:var(--muted);margin-top:2px}.path-node[data-next]{border:var(--stroke-strong) solid var(--accent-fg);box-shadow:var(--glow)}.path-next{padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--grad-accent);color:#fff;min-height:20px;font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:var(--fw-bold);top:-10px;place-items:center;display:inline-grid;position:absolute;inset-inline-start:var(--space-2)}.story-head{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.story-title{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-bold)}.story-lines{gap:var(--space-2);flex-direction:column;display:flex}.story-line{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);box-shadow:inset 0 1px 0 var(--highlight), var(--e1);animation:rise var(--dur-2) ease-out;flex-direction:column;display:flex}.story-line>.link-btn{align-self:flex-start}.story-speaker-A{border-inline-start:var(--space-1) solid var(--t-writing-fg)}.story-speaker-B{border-inline-start:var(--space-1) solid var(--t-grammar-fg)}.story-name{font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:var(--fw-bold);color:var(--muted)}.story-text{font-family:var(--font-en);font-size:calc(var(--fs-body-lg) + 2px);line-height:calc(var(--lh-body-lg) + 4px);margin:0}.story-he{color:var(--muted)}.story-answered{align-items:center;gap:var(--space-2);color:var(--muted);display:flex}.story-answered.good{color:var(--success-ink)}.story-question{border-color:var(--accent)}.story-next{bottom:var(--space-2);position:sticky}.story-end{position:relative;overflow:hidden}.word-tap{font:inherit;color:inherit;cursor:pointer;padding:var(--space-1) 1px;border-radius:var(--space-1);background:0 0;border:0;margin:0}.word-tap[data-saved=true],.word-tap:active{background:var(--accent-weak)}.sent{border-radius:var(--space-1);transition:background var(--dur-2)}.sent[data-on=true]{background:color-mix(in srgb, var(--accent) 18%, transparent)}.story-line[data-on=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}.gloss-pop{inset-inline:var(--space-3);bottom:calc(var(--space-3) + var(--safe-bottom));z-index:40;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);max-width:520px;box-shadow:var(--e3);padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-direction:column;margin-inline:auto;display:flex;position:fixed}.screen:has(.actions,.story-next)~.gloss-pop{bottom:calc(var(--safe-bottom) + 96px)}.screen:has(.fb-strip)~.gloss-pop{top:calc(env(safe-area-inset-top,0px) + 72px);bottom:auto}.gloss-word{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-bold)}.gloss-he{font-size:var(--fs-body)}.shadow-card{gap:var(--space-3);flex-direction:column;align-items:stretch;display:flex}.shadow-step{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);align-items:flex-start;display:flex}.shadow-num{border-radius:var(--radius-full);background:var(--accent-weak);width:32px;height:32px;color:var(--accent-fg);font-weight:var(--fw-bold);flex:none;place-items:center;display:grid}.rec-btn{gap:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.rec-live{animation:1.4s ease-in-out infinite pulse-rec}@keyframes pulse-rec{50%{opacity:.75}}.player{gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;display:flex}.player-track{align-items:center;gap:var(--space-2);grid-template-columns:40px minmax(0,1fr) 40px;display:grid}.player-time{font-size:var(--fs-micro);line-height:var(--lh-micro);color:var(--muted);font-variant-numeric:tabular-nums;font-family:var(--font-en);font-weight:var(--fw-bold)}.player-time.end{text-align:end}.player-bar{appearance:none;width:100%;height:var(--hit);cursor:pointer;background:0 0;margin:0}.player-bar::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:linear-gradient(to right, var(--accent-fg) var(--p), var(--border-strong) var(--p));height:4px}.player-bar::-moz-range-track{border-radius:var(--radius-full);background:linear-gradient(to right, var(--accent-fg) var(--p), var(--border-strong) var(--p));height:4px}.player-bar::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface-1);border:2px solid var(--accent-fg);width:20px;height:20px;box-shadow:var(--e1);border-radius:50%;margin-top:-8px}.player-bar::-moz-range-thumb{background:var(--surface-1);border:2px solid var(--accent-fg);border-radius:50%;width:16px;height:16px}.player-bar:disabled{cursor:default;opacity:.6}.player-row{justify-content:space-between;align-items:center;gap:var(--space-1);width:100%;max-width:320px;margin:0 auto;display:flex}.player-btn{width:var(--hit);height:var(--hit);border-radius:var(--radius-full);color:var(--ink);cursor:pointer;transition:background var(--dur-1) var(--ease-out), transform calc(var(--dur-1) * var(--motion)) var(--ease-out);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.player-btn:active:not(:disabled){background:var(--surface-3);transform:scale(calc(1 - .06 * var(--motion)))}.player-btn:disabled{color:var(--muted);opacity:.5}.player-main{background:var(--accent);width:56px;height:56px;color:var(--on-accent);box-shadow:var(--e1)}.player-main:active:not(:disabled){background:var(--accent-strong)}.player-main:disabled{background:var(--surface-3);opacity:1}.player-speed{width:var(--hit);border-radius:var(--radius-full);border:var(--stroke) solid var(--border-strong);background:var(--surface-1);height:32px;color:var(--ink);font-family:var(--font-en);font-size:var(--fs-micro);font-weight:var(--fw-black);font-variant-numeric:tabular-nums;flex:none;padding:0;position:relative}.player-speed:after{content:"";inset:calc(-1 * var(--space-2)) 0;position:absolute}.anchor-card{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--hero-from), var(--hero-to));border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);box-shadow:inset 0 1px 0 var(--highlight);flex-direction:column;display:flex}.anchor-head{align-items:center;gap:var(--space-3);display:flex}.anchor-emoji{background:var(--surface-1);width:48px;height:48px;box-shadow:var(--e1);border-radius:30%;flex:none;place-items:center;font-size:28px;line-height:1;display:grid}.anchor-image{font-size:var(--fs-body)}.anchor-pattern{font-family:var(--font-en);font-weight:var(--fw-black);text-align:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--accent-fg)}.anchor-example{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-1);display:flex}.anchor-example .en{text-align:left}.anchor-trap{gap:var(--space-2);color:var(--ink-2);align-items:flex-start;display:flex}.anchor-trap>svg{color:var(--warning);flex:none;margin-top:2px}.why-not{gap:var(--space-3);padding:0 var(--space-3) var(--space-1);border-radius:var(--radius-md);background:var(--surface-2);flex-direction:column;display:flex}.why-not[open]{padding-bottom:var(--space-3)}.why-not summary{cursor:pointer;font-weight:var(--fw-bold);font-size:var(--fs-body);min-height:var(--hit);justify-content:space-between;align-items:center;list-style:none;display:flex}.why-not summary::-webkit-details-marker{display:none}.why-not summary:after{content:"";border-inline-start:2px solid var(--muted);border-bottom:2px solid var(--muted);width:8px;height:8px;transition:transform var(--dur-2) var(--ease-out);margin-inline-end:var(--space-1);transform:rotate(-45deg)}.why-not[open] summary:after{transform:rotate(135deg)}.why-not-item{gap:var(--space-2);font-size:var(--fs-caption);line-height:var(--lh-caption);display:flex}.why-not-item strong{font-size:var(--fs-body);line-height:var(--lh-body)}.why-not-item[data-chosen=true] .why-not-x{background:var(--danger);color:var(--on-danger)}.read-check{gap:var(--space-2);flex-direction:column;align-items:flex-start;width:100%;display:flex}.read-result{font-family:var(--font-en);font-size:var(--fs-body);margin:0;line-height:1.9}.rc-word{font:inherit;border-radius:var(--space-1);cursor:pointer;color:inherit;background:0 0;border:0;padding:1px 3px}.rc-word[data-status=ok]{background:var(--success-weak);color:var(--success-ink)}.rc-word[data-status=close]{background:var(--warning-weak);color:var(--warning-ink)}.rc-word[data-status=wrong]{background:var(--danger-weak);color:var(--danger-ink)}.rc-word[data-status=missed]{color:var(--muted);background:var(--surface-2);border:var(--stroke) dashed var(--border-strong)}.rc-verdict{font-weight:var(--fw-bold)}.rc-error{color:var(--danger-ink)}.rc-legend{gap:var(--space-1) var(--space-3);font-size:var(--fs-caption);color:var(--muted);flex-wrap:wrap;display:flex}.rc-legend span{align-items:center;gap:var(--space-1);display:inline-flex}.rc-dot{border-radius:3px;width:12px;height:12px;display:inline-block}.rc-dot[data-status=ok]{background:var(--success-weak);border:var(--stroke) solid var(--success-ink)}.rc-dot[data-status=close]{background:var(--warning-weak);border:var(--stroke) solid var(--warning-ink)}.rc-dot[data-status=wrong]{background:var(--danger-weak);border:var(--stroke) solid var(--danger-ink)}.rc-dot[data-status=missed]{background:var(--surface-2);border:var(--stroke) dashed var(--muted)}.rc-heard{padding:var(--space-2);border-radius:var(--radius-xs);background:var(--surface-2);flex-direction:column;gap:2px;display:flex}.stat-panel{gap:var(--space-3);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat-value{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-bold)}.trend-up{color:var(--success-ink)}.trend-down{color:var(--warning-ink)}.plain-list{margin:0;padding-inline-start:var(--space-5)}.device-section,.page-intro{margin-top:var(--space-5)}.error-text{color:var(--danger-ink)}.stories-intro{align-items:center;gap:var(--space-3);display:flex}.level-head{align-items:center;gap:var(--space-2);min-height:var(--hit);display:flex}.story-en{text-align:right}.story-line-main{align-items:flex-start;gap:var(--space-2);display:flex}.story-line-main>.speak{margin-top:2px}.line-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.mini-btn{align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--ink-2);font-size:var(--fs-caption);font-weight:var(--fw-bold);display:inline-flex;position:relative}.mini-btn:after{content:"";position:absolute;inset:-6px 0}.mini-btn:active{background:var(--surface-2)}@media (prefers-reduced-motion:reduce){.match-card[data-state=wrong],.rec-live{animation:none}}.path-label .wt{white-space:normal}.shadow-text{text-align:left}.order-line>.muted:first-child{text-align:center;flex:1}@media (width<=399px){.resume-note .resume-icon{display:none}}.resume-note strong{white-space:nowrap}.explain-card{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:var(--e1);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);flex-direction:column;display:flex}.explain-head{align-items:center;gap:var(--space-3);display:flex}.explain-title{font-size:21px;line-height:1.35;font-weight:var(--fw-black);margin:0}.explain-sec{gap:var(--space-1);flex-direction:column;display:flex}.explain-sec-label{align-items:center;gap:var(--space-2);font-size:var(--fs-body);font-weight:var(--fw-black);color:var(--accent-fg);display:flex}.explain-sec-icon{background:var(--accent-weak);border-radius:9px;place-items:center;width:28px;height:28px;font-size:15px;line-height:1;display:grid}.explain-examples{gap:var(--space-3);flex-direction:column;display:flex}.explain-pair{gap:var(--space-1);flex-direction:column;display:flex}.explain-ex{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);display:flex}.explain-ex .en{text-align:left;font-size:var(--fs-body-lg);font-weight:var(--fw-bold)}.explain-ex[data-tone=ok]{background:var(--success-weak)}.explain-ex[data-tone=bad]{background:var(--danger-weak)}.explain-ex[data-tone=bad] .en{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--danger) 60%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--danger) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--danger) 60%, transparent)}.explain-mark{text-align:center;width:20px;font-weight:var(--fw-black);flex:none}.explain-ex[data-tone=ok] .explain-mark{color:var(--success)}.explain-ex[data-tone=bad] .explain-mark{color:var(--danger)}.explain-meaning{color:var(--ink-2);font-size:var(--fs-body);padding-inline-start:var(--space-3)}.explain-check{gap:var(--space-1);flex-direction:column;margin:0;display:flex}.explain-check>div{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:2px;display:flex}.explain-check dt,.explain-check dd{margin:0}.explain-check dt{color:var(--ink-2);font-size:var(--fs-body)}.explain-check dd{font-weight:var(--fw-bold)}.explain-check-ex,.explain-list-ex{text-align:left;font-weight:var(--fw-bold);color:var(--accent-fg)}.explain-list{gap:var(--space-2);flex-direction:column;margin:0;padding-inline-start:var(--space-4);display:flex}.explain-remember{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--hero-from), var(--hero-to));border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);font-weight:var(--fw-bold);flex-direction:column;gap:2px;display:flex}.explain-remember-label{font-size:var(--fs-caption);color:var(--accent-fg);font-weight:var(--fw-black)}.sheet .explain-card{background:var(--surface-1)}[data-mood=kids]{--k-card-a:var(--lightningcss-light,#fff) var(--lightningcss-dark,#3b3129);--k-card-b:var(--lightningcss-light,#fed) var(--lightningcss-dark,#2c241e);--k-lock:#a07a50;--k-right-ink:var(--lightningcss-light,#15803d) var(--lightningcss-dark,#4ade80);--k-shadow:0 10px 24px var(--lightningcss-light,#7a48141f) var(--lightningcss-dark,#00000059);--k-pic-shadow:drop-shadow(0 8px 10px var(--lightningcss-light,#5a2d0033) var(--lightningcss-dark,#00000073));--k-contact:radial-gradient(closest-side, var(--lightningcss-light,#6e3c0a42) var(--lightningcss-dark,#0000008c), transparent)}[data-mood=kids] [data-tint=sky]{--tile-a:var(--lightningcss-light,#eef7ff) var(--lightningcss-dark,#26425a);--tile-b:var(--lightningcss-light,#cfe6fb) var(--lightningcss-dark,#1d3448);--tile-edge:var(--lightningcss-light,#a9cdef) var(--lightningcss-dark,#12202c)}[data-mood=kids] [data-tint=mint]{--tile-a:var(--lightningcss-light,#effbf3) var(--lightningcss-dark,#244a3b);--tile-b:var(--lightningcss-light,#cdeedb) var(--lightningcss-dark,#1c3a2e);--tile-edge:var(--lightningcss-light,#a3dcbb) var(--lightningcss-dark,#10221b)}[data-mood=kids] [data-tint=peach]{--tile-a:var(--lightningcss-light,#fff3ea) var(--lightningcss-dark,#55331f);--tile-b:var(--lightningcss-light,#ffd9bf) var(--lightningcss-dark,#432819);--tile-edge:var(--lightningcss-light,#f5bb93) var(--lightningcss-dark,#26160d)}[data-mood=kids] [data-tint=butter]{--tile-a:var(--lightningcss-light,#fffae0) var(--lightningcss-dark,#4f4019);--tile-b:var(--lightningcss-light,#ffeb9e) var(--lightningcss-dark,#3e3213);--tile-edge:var(--lightningcss-light,#f0d064) var(--lightningcss-dark,#231c0a)}[data-mood=kids] [data-tint=lilac]{--tile-a:var(--lightningcss-light,#f6f0ff) var(--lightningcss-dark,#3d3159);--tile-b:var(--lightningcss-light,#e1d3f8) var(--lightningcss-dark,#302647);--tile-edge:var(--lightningcss-light,#c4ade9) var(--lightningcss-dark,#1b1529)}[data-mood=kids] [data-tint=rose]{--tile-a:var(--lightningcss-light,#fff1f5) var(--lightningcss-dark,#532a3a);--tile-b:var(--lightningcss-light,#fcd3e0) var(--lightningcss-dark,#41202d);--tile-edge:var(--lightningcss-light,#f0a9c0) var(--lightningcss-dark,#25121a)}.kids-screen{gap:var(--space-4);width:100%;overflow-x:clip}.k-h{color:var(--k-ink);margin:0;font-size:22px;font-weight:800;line-height:28px}.k-section{gap:var(--space-3);flex-direction:column;display:flex}.k-foot{text-align:center;color:var(--k-muted);margin:0;font-size:18px;font-weight:600;line-height:24px}.k-top{align-items:center;gap:var(--space-2);grid-template-columns:64px minmax(0,1fr) 64px;min-height:64px;display:grid}.k-top-slot{place-items:center;width:64px;height:64px;display:grid}.k-top-title{text-align:center;color:var(--k-ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:24px;font-weight:800;line-height:32px;overflow:hidden}.k-icon-btn,.k-round-btn,.k-nav-btn{background:var(--k-surface);width:64px;height:64px;color:var(--k-ink);cursor:pointer;box-shadow:0 5px 0 var(--k-edge), var(--k-shadow);transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;flex:none;place-items:center;padding:0;text-decoration:none;display:grid}.k-icon-btn:active,.k-round-btn:active,.k-nav-btn:active:not(:disabled){box-shadow:0 1px 0 var(--k-edge);transform:translateY(4px)}.k-ring{place-items:center;width:64px;height:64px;display:grid;position:relative}.k-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.k-ring-track,.k-ring-value{fill:none}.k-ring-track{stroke:var(--lightningcss-light,#f3dfc3) var(--lightningcss-dark,#3b3129)}.k-ring-value{stroke:var(--k-sun);stroke-linecap:round;transition:stroke-dashoffset var(--dur-3) var(--ease-spring)}.k-ring .k-sun{position:relative}.hold-btn{cursor:pointer;background:var(--k-surface);width:64px;height:64px;color:var(--k-muted);box-shadow:var(--k-shadow);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;border:0;border-radius:50%;flex:none;padding:0;position:relative}.hold-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hold-ring circle{fill:none;stroke-width:5px}.hold-track{stroke:var(--k-surface-2)}.hold-value{stroke:var(--k-primary);stroke-linecap:round}.hold-face{place-items:center;width:100%;height:100%;display:grid;position:relative}.hold-btn[data-holding=true]{color:var(--k-primary)}.hold-btn.wide{border-radius:var(--radius-full);width:auto;height:auto;min-height:64px;padding:0 var(--space-4);color:var(--k-ink);background:linear-gradient(to left, var(--k-surface-2) calc(var(--hold-p,0) * 100%), var(--k-surface) 0);box-shadow:0 0 0 3px var(--k-edge), var(--k-shadow);font-size:18px;font-weight:800}.k-owl{width:var(--owl,96px);height:var(--owl,96px);object-fit:contain;filter:var(--k-pic-shadow);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:28%;flex:none}.k-owl.bob{animation:3.6s ease-in-out infinite k-bob}.k-owl-says{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.k-owl-says .k-bubble{flex:1}.k-reward>.k-owl-says .k-bubble,.k-message .k-bubble{flex:0 auto}.k-bubble{min-width:0;padding:var(--space-2) var(--space-3) 10px;border-radius:var(--radius-lg);background:var(--k-surface);box-shadow:var(--k-shadow);flex-direction:column;gap:2px;display:flex;position:relative}.k-bubble:before{content:"";background:var(--k-surface);inset-inline-start:-9px;border-radius:4px;width:20px;height:20px;margin-top:-10px;position:absolute;top:50%;transform:rotate(45deg)}.k-bubble-title{color:var(--k-ink);overflow-wrap:anywhere;font-size:24px;font-weight:800;line-height:30px;position:relative}.k-bubble-line{color:var(--k-muted);font-size:18px;font-weight:600;line-height:24px;position:relative}.k-home-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}@media (width<=380px){.k-home-head{gap:var(--space-2)}.k-home-head .k-owl{width:68px;height:68px}.k-home-head .k-owl-says{gap:var(--space-2)}.k-home-head .k-bubble{padding-inline:12px}}.k-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.k-tile{--tile-a:var(--k-surface);--tile-b:var(--k-surface-2);--tile-edge:var(--k-edge);align-items:center;gap:var(--space-1);aspect-ratio:1;min-width:0;padding:var(--space-3) var(--space-2) 14px;border-radius:var(--radius-xl);background:linear-gradient(165deg, var(--tile-a), var(--tile-b));color:var(--k-ink);box-shadow:0 6px 0 var(--tile-edge), var(--k-shadow);transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);-webkit-tap-highlight-color:transparent;flex-direction:column;margin-bottom:6px;text-decoration:none;display:flex;position:relative}.k-tile:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(5px)}.k-tile-art{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative}.k-tile-art:after{content:"";background:var(--k-contact);z-index:0;width:58%;height:12px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.k-tile-pic{z-index:1;aspect-ratio:1;object-fit:contain;width:min(112px,66%);height:auto;filter:var(--k-pic-shadow);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:24px;position:relative}.k-tile-pic.art{filter:none;place-items:center;display:grid}.k-tile-emoji{font-size:64px;line-height:1}.k-tile-label{z-index:1;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:20px;font-weight:800;line-height:28px;position:relative;overflow:hidden}.k-badge{z-index:2;border-radius:var(--radius-full);background:var(--k-primary);min-width:40px;min-height:32px;color:var(--k-on-primary);font-family:var(--font-en);top:10px;direction:ltr;place-items:center;padding:2px 10px;font-size:18px;font-weight:900;line-height:24px;display:grid;position:absolute;inset-inline-end:10px;box-shadow:0 3px #9a3412}.k-grid>.k-tile:last-child:nth-child(odd),.k-tile.feature{aspect-ratio:auto;gap:var(--space-4);min-height:136px;padding:var(--space-3) var(--space-5);flex-direction:row;grid-column:1/-1}.k-grid>.k-tile:last-child:nth-child(odd) .k-tile-art,.k-tile.feature .k-tile-art{flex:none;width:112px;height:104px}.k-grid>.k-tile:last-child:nth-child(odd) .k-tile-pic,.k-tile.feature .k-tile-pic{width:100px}.k-grid>.k-tile:last-child:nth-child(odd) .k-tile-label,.k-tile.feature .k-tile-label{text-align:start;flex:1;font-size:24px;line-height:32px}.k-grid>.k-tile:last-child:nth-child(odd) .k-badge,.k-tile.feature .k-badge{flex:none;position:static}.k-blocks{align-items:flex-end;gap:4px;padding-bottom:6px;display:flex}.k-block{color:#fff;width:36px;height:36px;font-family:var(--font-en);text-shadow:0 2px #0003;border-radius:10px;place-items:center;font-size:26px;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 -5px #0000002e,inset 0 3px #ffffff4d,0 6px 8px #5a2d0033}.k-block.b0{background:#ef5350;transform:rotate(-6deg)translateY(-2px)}.k-block.b1{background:#2f80ed;transform:translateY(-14px)}.k-block.b2{background:#27ae60;transform:rotate(6deg)translateY(-2px)}.k-memory-art{width:104px;height:96px;position:relative}.k-mini-card{border-radius:14px;width:62px;height:78px;position:absolute;top:4px;overflow:hidden;box-shadow:0 6px 10px #5a2d0038}.k-mini-card.a{left:8px;transform:rotate(-9deg)}.k-mini-card.b{background:radial-gradient(circle at 50% 35%,#fff,#fed);place-items:center;display:grid;right:8px;transform:rotate(8deg)}.k-mini-card.b img{border-radius:10px;width:86%;height:auto}.k-card-back{width:100%;height:100%;display:block}.k-game{gap:var(--space-3)}.k-prompt{justify-content:center;align-items:center;gap:var(--space-3);min-height:0;padding-block:var(--space-2);flex-direction:column;flex:1;display:flex}.k-prompt-row{justify-content:center;gap:var(--space-3);display:flex}.k-speak{cursor:pointer;background:radial-gradient(circle at 50% 30%, var(--lightningcss-light,#f97316) var(--lightningcss-dark,#fb923c), var(--k-primary));width:120px;height:120px;color:var(--k-on-primary);box-shadow:0 8px 0 var(--accent-strong), 0 16px 28px var(--lightningcss-light,#c2410c4d) var(--lightningcss-dark,#0006);transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;display:grid}.k-speak:active{box-shadow:0 2px 0 var(--accent-strong);transform:translateY(6px)}.k-word{font-family:var(--font-en);color:var(--k-ink);letter-spacing:.01em;text-align:center;font-size:56px;font-weight:900;line-height:64px}.k-gap{vertical-align:-.04em;border:4px dashed var(--k-muted);border-radius:14px;width:.62em;height:.78em;margin-inline-end:.06em;display:inline-block}.k-caption{min-height:48px;font-family:var(--font-en);color:var(--k-right-ink);text-align:center;font-size:40px;font-weight:900;line-height:48px}.k-gloss{color:var(--k-muted);text-align:center;font-size:20px;font-weight:700;line-height:28px}.k-sentence-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:88px;display:flex}.k-sentence{font-family:var(--font-en);color:var(--k-ink);font-size:28px;font-weight:800;line-height:36px}.k-answers{gap:var(--space-3);padding-bottom:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.k-answers.n3:not(.row)>:last-child{width:calc(50% - var(--space-3) / 2);grid-column:1/-1;justify-self:center}.k-answers.row{grid-template-columns:repeat(3,minmax(0,1fr))}.k-answers.stack{grid-template-columns:minmax(0,1fr)}.k-card{aspect-ratio:1;border-radius:var(--radius-lg);background:radial-gradient(120% 100% at 50% 20%, var(--k-card-a), var(--k-card-b));min-width:0;color:var(--k-ink);cursor:pointer;box-shadow:0 6px 0 var(--k-edge), var(--k-shadow);transition:transform var(--dur-2) var(--ease-spring), box-shadow var(--dur-1) var(--ease-out), opacity var(--dur-2) var(--ease-out);-webkit-tap-highlight-color:transparent;border:0;place-items:center;margin-bottom:6px;padding:16px;display:grid;position:relative}.k-card:active:not([data-state]){box-shadow:0 2px 0 var(--k-edge);transform:translateY(4px)}.k-card.pic:after{content:"";background:var(--k-contact);width:60%;height:9%;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.k-card-face{z-index:1;place-items:center;width:100%;min-width:0;height:100%;display:grid;position:relative}.k-card-face>.fill{aspect-ratio:1;width:100%;height:auto}.k-card.letter{aspect-ratio:auto;min-height:112px;font-family:var(--font-en);padding:0;font-size:64px;font-weight:900;line-height:1}.k-card.word{aspect-ratio:auto;min-height:84px;padding:0 var(--space-3);font-family:var(--font-en);font-size:40px;font-weight:900;line-height:1}.k-card{--k-grow:1.06}.k-card.word{--k-grow:1.02}.k-card[data-state=right]{transform:scale(var(--k-grow));z-index:2;box-shadow:0 0 0 6px var(--k-right), 0 6px 0 6px var(--lightningcss-light,#15803d) var(--lightningcss-dark,#166534), var(--k-shadow);background:radial-gradient(120% 100% at 50% 20%, var(--k-card-a), var(--k-right-weak));animation:k-spring var(--dur-4) var(--ease-spring)}.k-card[data-state=try]{box-shadow:0 0 0 5px var(--k-try), 0 6px 0 5px var(--k-sun-edge);opacity:.72;animation:k-wobble .52s var(--ease-out)}.k-card[data-state=hint]{box-shadow:0 0 0 5px var(--k-sun), 0 6px 0 5px var(--k-sun-edge);animation:1.4s ease-in-out infinite k-glow}.k-check{z-index:3;background:var(--k-right);color:#fff;width:44px;height:44px;box-shadow:0 0 0 4px var(--k-bg);animation:k-pop-in var(--dur-3) var(--ease-spring);top:-12px;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:-12px}.k-burst{z-index:3;pointer-events:none;width:136%;height:136%;position:absolute;inset:-18%;overflow:visible}.k-burst-ray{fill:var(--k-sun);stroke:var(--k-sun-edge);stroke-width:.8px;transform-box:view-box;transform-origin:50px 50px;opacity:0;animation:k-burst .76s var(--ease-out) forwards}.kid-pic{width:var(--kid-size,84px);height:var(--kid-size,84px);object-fit:contain;max-width:100%;filter:var(--k-pic-shadow);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:20px;display:block}.kid-pic.fill,.kid-paint.fill,.kid-dots.fill,.kid-emoji.fill{width:100%;height:100%}.kid-emoji{line-height:1;font-size:min(var(--kid-size,84px), 72px);place-items:center;display:grid}.kid-emoji.fill{font-size:clamp(48px,18vw,88px)}.kid-paint{width:var(--kid-size);height:var(--kid-size);place-items:center;display:grid}.kid-swatch{aspect-ratio:1;outline-offset:-2px;border-radius:46% 54% 50% 50%/55% 48% 52% 45%;outline:2px solid #0000000f;width:78%;display:block;box-shadow:inset 0 -10px 18px #0000002e,inset 0 8px 12px #ffffff59,0 10px 14px #5a2d0033}.kid-dots{width:var(--kid-size);height:var(--kid-size);grid-template-columns:repeat(3,22%);place-content:center;gap:8%;display:grid}.kid-dots[data-n="1"]{grid-template-columns:40%}.kid-dots[data-n="2"],.kid-dots[data-n="4"]{grid-template-columns:repeat(2,26%)}.kid-dots[data-n="7"],.kid-dots[data-n="8"]{grid-template-columns:repeat(4,18%)}.kid-dots[data-n="10"]{grid-template-columns:repeat(5,15%)}.kid-dots i{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #ffe28a, var(--k-sun) 60%, #e08a00);border-radius:50%;display:block;box-shadow:0 3px 4px #5a2d0040}.k-hero-pic{aspect-ratio:1;border-radius:var(--radius-xl);cursor:pointer;background:radial-gradient(120% 100% at 50% 20%, var(--k-card-a), var(--k-card-b));width:min(52vw,220px);box-shadow:0 6px 0 var(--k-edge), var(--k-shadow);border:0;padding:14px;position:relative}.k-hero-pic:after{content:"";background:var(--k-contact);width:60%;height:9%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.k-hero-pic .k-card-face{width:100%;height:100%}.k-hero-pic[data-state=right]{box-shadow:0 0 0 6px var(--k-right), var(--k-shadow)}.k-build{gap:var(--space-4);padding-bottom:var(--space-2);flex-direction:column;display:flex}.k-slots{justify-content:center;gap:var(--space-2);display:flex}.k-slots.try{animation:k-wobble .42s var(--ease-out)}.k-slot{border-radius:var(--radius-md);border:3px dashed var(--k-muted);width:64px;height:80px;font-family:var(--font-en);color:var(--k-ink);place-items:center;font-size:48px;font-weight:900;display:grid}.k-slot[data-full=true]{border-style:solid;border-color:var(--k-right);background:var(--k-right-weak);animation:k-pop-in var(--dur-2) var(--ease-spring)}.k-letter-tiles{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.k-letter-tile{width:calc((100% - 2 * var(--space-3)) / 3);cursor:pointer;max-width:104px;height:80px;color:var(--k-ink);background:radial-gradient(120% 100% at 50% 20%, var(--k-card-a), var(--k-card-b));box-shadow:0 6px 0 var(--k-edge), var(--k-shadow);font-family:var(--font-en);transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), opacity var(--dur-2) var(--ease-out);border:0;border-radius:20px;font-size:44px;font-weight:900}.k-letter-tile:active:not(:disabled){box-shadow:0 2px 0 var(--k-edge);transform:translateY(4px)}.k-letter-tile:disabled{opacity:.28;box-shadow:none;cursor:default;transform:translateY(6px)}.k-memory{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin-block:auto;display:grid}.k-mem{aspect-ratio:1;cursor:pointer;perspective:700px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.k-mem-inner{transform-style:preserve-3d;transition:transform var(--dur-3) var(--ease-out);position:absolute;inset:0}.k-mem[data-up=true] .k-mem-inner{transform:rotateY(180deg)}.k-mem-face{backface-visibility:hidden;border-radius:20px;position:absolute;inset:0;overflow:hidden}.k-mem-face.back{box-shadow:0 5px 0 #9a3412, var(--k-shadow)}.k-mem-face.front{background:radial-gradient(120% 100% at 50% 20%, var(--k-card-a), var(--k-card-b));box-shadow:0 5px 0 var(--k-edge), var(--k-shadow);place-items:center;padding:9%;display:grid;transform:rotateY(180deg)}.k-mem[data-found=true] .k-mem-face.front{box-shadow:0 0 0 4px var(--k-right), var(--k-shadow);background:radial-gradient(120% 100% at 50% 20%, var(--k-card-a), var(--k-right-weak))}.k-btn{min-height:64px;padding:0 var(--space-4);background:var(--k-surface);color:var(--k-ink);cursor:pointer;box-shadow:0 5px 0 var(--k-edge), var(--k-shadow);transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;margin-bottom:5px;font-size:20px;font-weight:800;line-height:28px;text-decoration:none;display:inline-flex}.k-btn.primary{background:var(--k-primary);color:var(--k-on-primary);box-shadow:0 5px 0 var(--accent-strong), var(--k-shadow)}.k-btn:active{box-shadow:0 1px 0 var(--k-edge);transform:translateY(4px)}.k-btn.primary:active{box-shadow:0 1px 0 var(--accent-strong)}.k-link{min-height:48px;padding:0 var(--space-3);color:var(--k-muted);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;font-size:18px;font-weight:700;text-decoration:underline}.k-message{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-3);text-align:center;flex-direction:column;margin-block:auto;display:flex}.k-message-title{color:var(--k-ink);margin:0;font-size:28px;font-weight:800;line-height:36px}.k-message-line{color:var(--k-muted);max-width:30ch;margin:0;font-size:20px;line-height:28px}.k-message .k-btn{margin-top:var(--space-2);min-width:200px}.k-reward{gap:var(--space-3)}.k-reward>.k-owl-says{justify-content:center}.k-stars{justify-content:center;gap:6px;display:flex}.k-star-slot{animation:k-pop-in var(--dur-3) var(--ease-spring) backwards;display:block}.k-star path{fill:var(--k-sun);stroke:var(--k-sun-edge)}.k-star[data-on=false] path{fill:var(--k-surface-2);stroke:var(--k-edge)}.k-reveal-stage{flex:1;place-items:center;min-height:300px;display:grid}.k-reveal{align-items:center;gap:var(--space-3);animation:k-reveal var(--dur-4) var(--ease-spring) both;flex-direction:column;display:flex;position:relative}.k-rays{pointer-events:none;background:repeating-conic-gradient(var(--lightningcss-light,#f59e0b38) var(--lightningcss-dark,#f59e0b29) 0deg 10deg, #0000 10deg 24deg);border-radius:50%;width:340px;height:340px;margin:-170px 0 0 -170px;animation:24s linear infinite k-spin;position:absolute;top:110px;left:50%;-webkit-mask:radial-gradient(closest-side,#000 35%,#0000);mask:radial-gradient(closest-side,#000 35%,#0000)}.k-reveal-pic{object-fit:contain;width:220px;height:220px;filter:var(--k-pic-shadow);border-radius:32px;position:relative}.k-reveal-name{color:var(--k-ink);font-size:28px;font-weight:800;line-height:36px;position:relative}.k-actions{gap:var(--space-3);flex-direction:column;display:flex}.k-actions-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.k-actions .k-btn{width:100%}.k-count{background:var(--k-surface);width:64px;height:64px;box-shadow:var(--k-shadow);font-family:var(--font-en);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.k-count b{color:var(--k-ink);font-size:24px;font-weight:900}.k-count i{color:var(--k-muted);direction:ltr;font-size:18px;font-style:normal;font-weight:800}.k-count i:before{content:"/"}.k-theme-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.k-theme-count{color:var(--k-muted);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.k-meter{border-radius:var(--radius-full);background:var(--lightningcss-light,#f3dfc3) var(--lightningcss-dark,#3b3129);height:10px;margin-top:-4px;overflow:hidden}.k-meter i{height:100%;width:calc(var(--v) * 100%);border-radius:inherit;background:linear-gradient(90deg, #fbbf24, var(--k-sun));display:block}.k-album-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.k-album-grid>:last-child:nth-child(odd){width:calc(50% - var(--space-3) / 2);grid-column:1/-1;justify-self:center}.k-sticker{align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-2) 12px;cursor:pointer;color:var(--k-ink);background:radial-gradient(120% 100% at 50% 20%, var(--k-card-a), var(--k-card-b));box-shadow:0 6px 0 var(--k-edge), var(--k-shadow);transition:transform var(--dur-1) var(--ease-out);border:0;border-radius:28px;flex-direction:column;margin-bottom:6px;display:flex;position:relative}.k-sticker:active{transform:translateY(4px)}.k-sticker img{aspect-ratio:1;object-fit:contain;width:min(160px,100%);height:auto;filter:var(--k-pic-shadow);border-radius:24px}.k-sticker-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:18px;font-weight:800;line-height:24px;overflow:hidden}.k-next-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.k-locked{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--k-surface-2);place-items:center;display:grid;position:relative}.k-silhouette{background:var(--k-lock);width:78%;height:78%;-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;display:block}.k-silhouette.disc{border-radius:50%;width:64%;height:64%;-webkit-mask:none;mask:none}.k-lock-badge{background:var(--k-surface);width:36px;height:36px;color:var(--k-muted);box-shadow:var(--k-shadow);bottom:6px;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:6px}.k-sheet-backdrop{z-index:50;padding:var(--space-3);animation:fade var(--dur-2) var(--ease-out);background:#1f140a99;place-items:center;display:grid;position:fixed;inset:0}.k-sticker-sheet{align-items:center;gap:var(--space-2);width:min(360px,100%);padding:var(--space-6) var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--k-bg);box-shadow:var(--k-shadow);animation:k-reveal var(--dur-4) var(--ease-spring) both;flex-direction:column;display:flex;position:relative}.k-sheet-pic{aspect-ratio:1;object-fit:contain;width:240px;max-width:100%;height:auto;filter:var(--k-pic-shadow);border-radius:32px}.k-sheet-title{color:var(--k-ink);font-size:28px;font-weight:800;line-height:36px}.k-sheet-en{font-family:var(--font-en);color:var(--k-muted);font-size:22px;font-weight:800}.k-sticker-sheet{padding-top:88px}.k-sticker-sheet .close{top:var(--space-3);position:absolute;inset-inline-end:var(--space-3)}.k-shelf{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.k-book{--tile-a:var(--k-surface);--tile-b:var(--k-surface-2);--tile-edge:var(--k-edge);aspect-ratio:3/4;min-width:0;color:var(--k-ink);background:linear-gradient(165deg, var(--tile-a), var(--tile-b));box-shadow:0 6px 0 var(--tile-edge), var(--k-shadow);transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);border-radius:28px;padding:12px 12px 14px;border-start-start-radius:10px;border-end-start-radius:10px;flex-direction:column;margin-bottom:6px;padding-inline-start:26px;text-decoration:none;display:flex;position:relative}.k-book:before{content:"";background:linear-gradient(90deg, var(--tile-edge), color-mix(in oklab, var(--tile-edge) 60%, transparent));border-start-start-radius:10px;border-end-start-radius:10px;width:14px;position:absolute;inset-block:0;inset-inline-start:0}.k-book:active{box-shadow:0 1px 0 var(--tile-edge);transform:translateY(5px)}.k-book-art{flex:1;min-height:0;position:relative}.k-book-title{text-align:center;text-wrap:balance;place-items:center;min-height:56px;font-size:20px;font-weight:800;line-height:28px;display:grid}.k-scene{display:block;position:absolute;inset:0}.k-float{display:block;position:absolute}.k-float img{z-index:1;aspect-ratio:1;object-fit:contain;width:100%;height:auto;filter:var(--k-pic-shadow);border-radius:22%;display:block;position:relative}.k-float:after{content:"";background:var(--k-contact);width:62%;height:10%;position:absolute;bottom:-2%;left:50%;transform:translate(-50%)}.k-scene.n2 .k-float.char img{transform-origin:50% 92%;transform:scale(1.1)}.k-scene.n1 .k-float{width:75%;top:50%;left:50%;transform:translate(-50%,-50%)}.k-scene.n2 .k-float{width:60%}.k-scene.n2 .p0{z-index:1;bottom:10%;right:0}.k-scene.n2 .p1{z-index:2;bottom:3%;left:0}.k-scene.placeholder{border-radius:18px;overflow:hidden}.k-scene-hills{width:100%;height:100%;position:absolute;inset:0}.k-scene-hills .sun{fill:var(--lightningcss-light,#ffd36b) var(--lightningcss-dark,#8a6a2a)}.k-scene-hills .hill-b{fill:var(--lightningcss-light,#cdeacb) var(--lightningcss-dark,#34402f)}.k-scene-hills .hill-a{fill:var(--lightningcss-light,#a9dca5) var(--lightningcss-dark,#2b3627)}.k-scene-emoji{letter-spacing:4px;place-items:center;font-size:clamp(48px,16vw,96px);line-height:1.1;display:grid;position:absolute;inset:0}.k-reader{gap:var(--space-3)}.k-stage{aspect-ratio:4/3;border-radius:var(--radius-xl);cursor:pointer;width:100%;box-shadow:var(--k-shadow);animation:fade var(--dur-3) var(--ease-out);background:radial-gradient(70% 28% at 50% 100%, var(--lightningcss-light,#f6dfb8) var(--lightningcss-dark,#3a2f25), #0000 70%), linear-gradient(var(--lightningcss-light,#e3f1fb) var(--lightningcss-dark,#2c333b), var(--lightningcss-light,#fff6e8) var(--lightningcss-dark,#2f2721) 72%);border:0;padding:0;display:block;position:relative;overflow:hidden}.k-stage>.k-scene{inset:8% 10% 9%}.k-stage .k-scene.n1 .k-float{aspect-ratio:1;width:auto;height:100%}.k-stage .k-scene.n2 .k-float{width:54%}.k-stage .k-scene.placeholder{border-radius:0;inset:0}.k-stage.full img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (height>=760px){.k-stage{aspect-ratio:1/.92}}.k-page-text{min-height:72px;font-family:var(--font-en);color:var(--k-ink);text-align:center;text-wrap:balance;margin:0;font-size:28px;font-weight:800;line-height:36px}.k-page-word{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;margin:-14px 0;padding:14px 2px}.k-page-word:active{background:var(--k-surface-2)}.k-reader .k-page-text{margin-top:auto}.k-page-he{text-align:center;place-items:center;min-height:48px;display:grid}.k-page-he p{color:var(--k-muted);margin:0;font-size:20px;line-height:28px}.k-page-nav{align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);grid-template-columns:64px minmax(0,1fr) 64px;margin-top:auto;display:grid}.k-nav-btn.primary{background:var(--k-primary);color:var(--k-on-primary);box-shadow:0 5px 0 var(--accent-strong), var(--k-shadow)}.k-nav-btn:disabled{opacity:.35;box-shadow:none;cursor:default}.k-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.k-dots i{border-radius:var(--radius-full);background:var(--k-edge);width:12px;height:12px;transition:width var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out)}.k-dots i[data-past=true]{background:var(--lightningcss-light,#d9a066) var(--lightningcss-dark,#8a6a4a)}.k-dots i[data-on=true]{background:var(--k-primary);width:30px}@keyframes k-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-1.5deg)}}@keyframes k-spring{0%{transform:scale(1)}55%{transform:scale(calc(var(--k-grow) + .04))}to{transform:scale(var(--k-grow))}}@keyframes k-wobble{0%,to{transform:rotate(0)}15%{transform:rotate(-4deg)}35%{transform:rotate(4deg)}55%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes k-glow{50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--k-sun) 35%, transparent), 0 6px 0 5px var(--k-sun-edge)}}@keyframes k-burst{0%{opacity:0;transform:scale(.55)}35%{opacity:1}to{opacity:0;transform:scale(1.12)}}@keyframes k-pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes k-reveal{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.k-owl.bob,.k-rays{animation:none}.k-card[data-state],.k-slots.try,.k-slot[data-full=true],.k-star-slot,.k-check{animation:fade var(--dur-2) var(--ease-out)}.k-card[data-state=right]{transform:none}.k-burst{display:none}.k-reveal,.k-sticker-sheet{animation:fade var(--dur-3) var(--ease-out) both}.k-tile,.k-card,.k-btn,.k-icon-btn,.k-round-btn,.k-nav-btn,.k-letter-tile,.k-book,.k-speak{transition:box-shadow var(--dur-1) var(--ease-out)}.k-tile:active,.k-card:active,.k-btn:active,.k-icon-btn:active,.k-round-btn:active,.k-letter-tile:active,.k-book:active,.k-speak:active,.k-sticker:active{transform:none}.k-mem-inner{transition:none}.k-mem[data-up=true] .k-mem-inner{transform:none}.k-mem-face{backface-visibility:visible;transition:opacity var(--dur-2) var(--ease-out)}.k-mem-face.front{opacity:0;transform:none}.k-mem[data-up=true] .k-mem-face.front{opacity:1}.k-mem[data-up=true] .k-mem-face.back{opacity:0}}.txt-center{text-align:center}.block{display:block}.wt{white-space:nowrap}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.self-start{align-self:flex-start}.self-center{align-self:center}.mt-auto{margin-top:auto}