@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700;900&family=ZCOOL+KuaiLe&family=Baloo+2:wght@500;600;700;800&display=swap";:root{--auau-yolk-50: #FFF8E1;--auau-yolk-100: #FFEFB3;--auau-yolk-200: #FFE079;--auau-yolk-300: #FFD24A;--auau-yolk-400: #FFC01F;--auau-yolk-500: #F5A800;--auau-yolk-600: #C98300;--auau-peach-50: #FFF2EE;--auau-peach-100: #FFE1D6;--auau-peach-200: #FFC2AC;--auau-peach-300: #FFA17F;--auau-peach-400: #FF7E54;--auau-peach-500: #E85F33;--auau-peach-600: #B7461F;--auau-sky-50: #E8F6FF;--auau-sky-100: #C9EAFF;--auau-sky-200: #93D4FF;--auau-sky-300: #5DBBFF;--auau-sky-400: #2E9DF7;--auau-sky-500: #1A7DD1;--auau-mint-50: #E6FBEF;--auau-mint-100: #C2F4D5;--auau-mint-200: #8DE7AF;--auau-mint-300: #5AD68B;--auau-mint-400: #2EBE6A;--auau-mint-500: #1F9E55;--auau-lilac-50: #F4EEFF;--auau-lilac-100: #E2D4FF;--auau-lilac-200: #C5AEFF;--auau-lilac-300: #A685FF;--auau-lilac-400: #8965E8;--auau-coral-50: #FFEDED;--auau-coral-100: #FFD0D0;--auau-coral-200: #FFA8A8;--auau-coral-300: #FF7A7A;--auau-coral-400: #F25555;--auau-cream: #FFF7EC;--auau-cream-2: #FFEFD9;--auau-paper: #FFFFFF;--auau-ink-50: #F6EFE0;--auau-ink-100: #EAD9BD;--auau-ink-200: #C9B594;--auau-ink-300: #9A8568;--auau-ink-400: #6E5B40;--auau-ink-500: #4A3B27;--auau-ink-600: #2E2415;--bg-app: var(--auau-cream);--bg-surface: var(--auau-paper);--bg-subtle: var(--auau-cream-2);--bg-tinted: var(--auau-yolk-50);--fg-strong: var(--auau-ink-600);--fg-default: var(--auau-ink-500);--fg-muted: var(--auau-ink-400);--fg-subtle: var(--auau-ink-300);--fg-on-primary: var(--auau-ink-600);--fg-on-dark: #FFFDF7;--border-soft: var(--auau-ink-50);--border-default: var(--auau-ink-100);--border-strong: var(--auau-ink-200);--color-primary: var(--auau-yolk-300);--color-primary-press: var(--auau-yolk-500);--color-primary-tint: var(--auau-yolk-50);--color-success: var(--auau-mint-400);--color-success-tint: var(--auau-mint-50);--color-warning: var(--auau-peach-400);--color-error: var(--auau-coral-400);--color-info: var(--auau-sky-400);--color-coin: var(--auau-yolk-400);--color-star: #FFC93C;--color-streak: var(--auau-peach-400);--color-heart: var(--auau-peach-400);--color-xp: var(--auau-sky-400);--font-display: "ZCOOL KuaiLe", "Fredoka", "Baloo 2", "Noto Sans SC", system-ui, sans-serif;--font-body: "Fredoka", "Noto Sans SC", system-ui, -apple-system, "PingFang SC", sans-serif;--font-english: "Fredoka", "Baloo 2", system-ui, sans-serif;--font-num: "Baloo 2", "Fredoka", system-ui, sans-serif;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-32: 32px;--fs-40: 40px;--fs-48: 48px;--fs-64: 64px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--lh-loose: 1.7;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 900;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--tap-min: 44px;--tap-cozy: 56px;--tap-large: 64px;--tap-hero: 72px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-2xl: 36px;--r-pill: 999px;--r-card: 24px;--r-modal: 32px;--shadow-pillow-sm: 0 2px 0 0 rgba(74,59,39,.08), 0 4px 12px -2px rgba(255,168,0,.12);--shadow-pillow-md: 0 4px 0 0 rgba(74,59,39,.1), 0 10px 24px -4px rgba(255,168,0,.18);--shadow-pillow-lg: 0 8px 0 0 rgba(74,59,39,.1), 0 18px 40px -8px rgba(255,168,0,.22);--ledge-yolk: 0 5px 0 0 var(--auau-yolk-500);--ledge-peach: 0 5px 0 0 var(--auau-peach-500);--ledge-sky: 0 5px 0 0 var(--auau-sky-500);--ledge-mint: 0 5px 0 0 var(--auau-mint-500);--ledge-cream: 0 4px 0 0 var(--auau-ink-100);--glow-coin: 0 0 24px rgba(255,192,31,.55);--glow-mint: 0 0 24px rgba(46,190,106,.45);--shadow-inset-soft: inset 0 2px 4px 0 rgba(74,59,39,.08);--ease-bounce-out: cubic-bezier(.34,1.56,.64,1);--ease-pop: cubic-bezier(.68,-.55,.27,1.55);--ease-soft: cubic-bezier(.4,0,.2,1);--dur-fast: .14s;--dur-normal: .22s;--dur-slow: .38s;--dur-celebrate: .7s;--safe-top: env(safe-area-inset-top, 12px);--safe-bot: env(safe-area-inset-bottom, 12px);--nav-h: 72px;--header-h: 56px;--max-mobile: 430px;--gutter: var(--sp-5);--z-base: 1;--z-sticky: 10;--z-nav: 50;--z-modal: 100;--z-toast: 200;--z-confetti: 300}.t-display-xl{font-family:var(--font-display);font-size:var(--fs-48);line-height:var(--lh-tight);font-weight:var(--fw-regular);color:var(--fg-strong);letter-spacing:.5px}.t-display-lg{font-family:var(--font-display);font-size:var(--fs-32);line-height:var(--lh-tight);color:var(--fg-strong)}.t-display-md{font-family:var(--font-display);font-size:var(--fs-24);line-height:var(--lh-snug);color:var(--fg-strong)}.t-h1{font-family:var(--font-body);font-size:var(--fs-28);line-height:var(--lh-tight);font-weight:var(--fw-bold);color:var(--fg-strong)}.t-h2{font-family:var(--font-body);font-size:var(--fs-20);line-height:var(--lh-snug);font-weight:var(--fw-bold);color:var(--fg-strong)}.t-h3{font-family:var(--font-body);font-size:var(--fs-16);line-height:var(--lh-snug);font-weight:var(--fw-semibold);color:var(--fg-strong)}.t-body{font-family:var(--font-body);font-size:var(--fs-15);line-height:var(--lh-normal);font-weight:var(--fw-regular);color:var(--fg-default)}.t-body-lg{font-family:var(--font-body);font-size:var(--fs-16);line-height:var(--lh-normal);font-weight:var(--fw-regular);color:var(--fg-default)}.t-body :is(.en,[data-lang=en]),.t-body-lg :is(.en,[data-lang=en]),.t-h1 :is(.en,[data-lang=en]),.t-h2 :is(.en,[data-lang=en]),.t-h3 :is(.en,[data-lang=en]){font-weight:var(--fw-regular)}.t-caption{font-family:var(--font-body);font-size:var(--fs-13);line-height:var(--lh-snug);color:var(--fg-muted)}.t-tiny{font-family:var(--font-body);font-size:var(--fs-12);line-height:var(--lh-snug);color:var(--fg-muted)}.t-label{font-family:var(--font-body);font-size:var(--fs-13);font-weight:var(--fw-semibold);letter-spacing:.3px;color:var(--fg-default)}.t-word-hero{font-family:var(--font-english);font-size:var(--fs-64);font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--fg-strong)}.t-word-md{font-family:var(--font-english);font-size:var(--fs-32);font-weight:var(--fw-semibold);color:var(--fg-strong)}.t-phonetic{font-family:var(--font-english);font-size:var(--fs-16);color:var(--fg-muted);font-weight:var(--fw-regular)}.t-num-hero{font-family:var(--font-num);font-size:var(--fs-40);font-weight:var(--fw-bold);color:var(--fg-strong);font-variant-numeric:tabular-nums}.t-num-md{font-family:var(--font-num);font-size:var(--fs-20);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:#e9dbc0;color:var(--fg-default);display:flex;align-items:center;justify-content:center;min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.phone{width:390px;height:844px;background:var(--auau-cream);border-radius:48px;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #4a3b2759,0 0 0 10px #2e2415,0 0 0 12px #6e5b40;display:flex;flex-direction:column}.screen-host{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:96px;scrollbar-width:none}.screen-host::-webkit-scrollbar{display:none}@media (max-width: 500px){html,body{height:100dvh}body{background:var(--auau-cream);display:block;min-height:100dvh}.phone{width:100%;height:100dvh;border-radius:0;box-shadow:none}.screen-host{padding-top:env(safe-area-inset-top,12px);padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.dock{bottom:calc(12px + env(safe-area-inset-bottom,0px))}}.dock{position:absolute;left:12px;right:12px;bottom:12px;z-index:90}.phone:after{content:"";position:absolute;bottom:0;left:0;right:0;height:96px;background:var(--auau-cream);z-index:89;pointer-events:none}.btn{font-family:var(--font-body);font-weight:700;font-size:16px;border:0;cursor:pointer;border-radius:20px;padding:0 22px;height:56px;transition:transform .14s var(--ease-bounce-out),box-shadow .14s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:translateY(3px);box-shadow:none!important}.btn-primary{background:var(--auau-yolk-300);color:var(--auau-ink-600);box-shadow:var(--ledge-yolk)}.btn-secondary{background:var(--auau-peach-400);color:#fff;box-shadow:var(--ledge-peach)}.btn-success{background:var(--auau-mint-400);color:#fff;box-shadow:var(--ledge-mint)}.btn-info{background:var(--auau-sky-400);color:#fff;box-shadow:var(--ledge-sky)}.btn-ghost{background:var(--auau-paper);color:var(--auau-ink-500);box-shadow:var(--ledge-cream)}.btn-block{width:100%}.btn-lg{height:64px;font-size:18px;border-radius:24px}.btn-disabled,.btn:disabled{opacity:.4;box-shadow:none!important;cursor:not-allowed;transform:none!important}.card{background:var(--auau-paper);border-radius:24px;padding:18px;box-shadow:var(--shadow-pillow-md)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.breathe{animation:breathe 2.6s ease-in-out infinite;transform-origin:center bottom}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.pop{animation:pop .45s var(--ease-pop) both}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(680px) rotate(360deg);opacity:0}}.fade-in{animation:fadein .25s ease both}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.h-bar{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--fg-muted)}.spacer{flex:1}.scroll-pad{padding:0 20px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 8px;border-radius:999px;font-family:var(--font-num);font-weight:700;font-size:14px;box-shadow:var(--shadow-pillow-sm);background:var(--auau-paper);color:var(--fg-strong)}.chip img{width:22px;height:22px}.bar{height:12px;border-radius:999px;background:var(--auau-ink-50);overflow:hidden;box-shadow:var(--shadow-inset-soft)}.bar>.fill{height:100%;border-radius:999px;transition:width .4s var(--ease-soft)}.spell-input{font-family:var(--font-english);font-size:36px;font-weight:700;text-align:center;padding:14px;border-radius:20px;background:var(--auau-cream-2);border:3px solid transparent;box-shadow:var(--shadow-inset-soft);width:100%;outline:none;letter-spacing:.06em;color:var(--fg-strong);caret-color:var(--auau-yolk-500)}.spell-input:focus{border-color:var(--auau-yolk-300);background:#fff}.spell-input.miss{border-color:var(--auau-coral-300);background:var(--auau-coral-50)}.spell-input.ok{border-color:var(--auau-mint-300);background:var(--auau-mint-50)}