@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;700;900&family=Noto+Sans+KR:wght@400;500;700;900&family=Noto+Sans+Mono:wght@400;500;700&display=swap";:root{--orange-50: #FFF3E8;--orange-100: #FFE3C9;--orange-200: #FFC79A;--orange-300: #FFA866;--orange-400: #FB8C3A;--orange-500: #F26A1B;--orange-600: #DC560D;--orange-700: #B5440A;--orange-800: #8E3508;--amber-300: #FFC766;--amber-400: #FFB02E;--amber-500: #F59E0B;--ink-900: #2A2017;--ink-800: #3A2E22;--ink-700: #4A3F33;--ink-600: #645747;--ink-500: #7A6E5F;--ink-400: #9C8E7C;--ink-300: #BCAE9A;--ink-200: #DCCFBC;--milk-50: #FFFCF7;--milk-100: #FDF6EC;--milk-200: #F7EDDD;--milk-300: #F0E3D0;--cream: #FFFFFF;--line-soft: #F0E5D5;--line: #E9DCC8;--line-strong: #D9C8AF;--success-50: #E7F6EE;--success-100: #C6EAD5;--success-500: #2BA36B;--success-600: #1F8757;--danger-50: #FCEBEB;--danger-100: #F8D2D3;--danger-500: #E5484D;--danger-600: #C7383D;--warning-50: #FFF4E0;--warning-500: #F59E0B;--warning-600: #D6860A;--info-50: #E9F1FB;--info-500: #3B82C4;--info-600: #2E6CA6;--bg-page: var(--milk-50);--bg-elevated: var(--milk-100);--surface-card: var(--cream);--surface-sunken: var(--milk-200);--surface-hover: var(--milk-100);--text-strong: var(--ink-900);--text-body: var(--ink-700);--text-muted: var(--ink-500);--text-faint: var(--ink-400);--text-inverse: #FFFFFF;--brand: var(--orange-500);--brand-hover: var(--orange-600);--brand-press: var(--orange-700);--brand-soft: var(--orange-50);--brand-softer: #FFF8F1;--brand-border: var(--orange-200);--on-brand: #FFFFFF;--accent: var(--amber-400);--accent-soft: var(--warning-50);--border: var(--line);--border-soft: var(--line-soft);--border-strong: var(--line-strong);--focus-ring: color-mix(in srgb, var(--orange-500) 40%, transparent);--bubble-user-bg: var(--orange-500);--bubble-user-text: #FFFFFF;--bubble-tutor-bg: #FFFFFF;--bubble-tutor-text: var(--ink-900);--bubble-tutor-border: var(--line);--correct-bg: var(--success-50);--correct-fg: var(--success-600);--correct-line: var(--success-100);--wrong-bg: var(--danger-50);--wrong-fg: var(--danger-600);--wrong-line: var(--danger-100);--tiger-fur: var(--orange-400);--tiger-stripe: var(--ink-900);--tiger-belly: #FFE9D2}:root[data-theme=dark]{--bg-page: #17120D;--bg-elevated: #1F1810;--surface-card: #251D15;--surface-sunken: #1B150F;--surface-hover: #2C2318;--text-strong: #F7EFE3;--text-body: #E3D8C7;--text-muted: #A89A82;--text-faint: #8A7C66;--text-inverse: #2A2017;--brand: #FF8636;--brand-hover: #FF9A52;--brand-press: #FFAE6E;--brand-soft: #34230F;--brand-softer: #2A1C0C;--brand-border: #5A3A18;--on-brand: #1A1208;--accent: var(--amber-400);--accent-soft: #2E2310;--border: #3A2F22;--border-soft: #2E2519;--border-strong: #4D3F2D;--focus-ring: color-mix(in srgb, #FF8636 45%, transparent);--bubble-user-bg: #FF8636;--bubble-user-text: #1A1208;--bubble-tutor-bg: #2A2118;--bubble-tutor-text: #F2E9DA;--bubble-tutor-border: #3A2F22;--correct-bg: #14271C;--correct-fg: #6FD79F;--correct-line: #1F4030;--wrong-bg: #2E1818;--wrong-fg: #F39A9D;--wrong-line: #4A2526;--success-500: #45C387;--danger-500: #F36B6F;--tiger-belly: #3A2C1C}:root{--font-sans: "Nunito", "Noto Sans SC", "Noto Sans KR", -apple-system, "PingFang SC", "Apple SD Gothic Neo", system-ui, sans-serif;--font-display: "Nunito", "Noto Sans SC", "Noto Sans KR", system-ui, sans-serif;--font-kr: "Noto Sans KR", "Nunito", system-ui, sans-serif;--font-cn: "Noto Sans SC", "Nunito", system-ui, sans-serif;--font-mono: "Noto Sans Mono", "SFMono-Regular", ui-monospace, monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 700;--fw-bold: 800;--fw-black: 900;--text-display: 2.125rem;--text-h1: 1.75rem;--text-h2: 1.375rem;--text-h3: 1.125rem;--text-lg: 1.0625rem;--text-base: 1rem;--text-sm: .875rem;--text-xs: .75rem;--text-2xs: .6875rem;--text-hangul-xl: 3.5rem;--text-hangul-lg: 2.5rem;--leading-tight: 1.18;--leading-snug: 1.32;--leading-normal: 1.5;--leading-relaxed:1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .08em}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--gutter: 16px;--gutter-lg: 20px;--stack-tight: 8px;--stack: 12px;--stack-loose: 20px;--bubble-gap: 10px;--bubble-pad-y: 10px;--bubble-pad-x: 14px;--card-pad: 16px;--tap-min: 44px;--avatar-sm: 28px;--avatar-md: 36px;--avatar-lg: 48px;--control-h: 48px;--control-h-sm: 36px;--inputbar-h: 52px;--screen-max: 430px;--content-max: 600px}:root{--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--radius-bubble: 22px;--radius-bubble-tail: 6px;--shadow-xs: 0 1px 2px rgba(42, 32, 23, .06);--shadow-sm: 0 1px 2px rgba(42, 32, 23, .06), 0 2px 6px rgba(42, 32, 23, .07);--shadow-md: 0 2px 6px rgba(42, 32, 23, .06), 0 8px 20px rgba(42, 32, 23, .09);--shadow-lg: 0 6px 14px rgba(42, 32, 23, .08), 0 18px 40px rgba(42, 32, 23, .12);--shadow-brand: 0 6px 18px rgba(242, 106, 27, .3);--shadow-brand-sm: 0 3px 10px rgba(242, 106, 27, .24);--shadow-inset: inset 0 1px 2px rgba(42, 32, 23, .05)}:root[data-theme=dark]{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 2px 6px rgba(0, 0, 0, .4), 0 8px 22px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .5), 0 18px 44px rgba(0, 0, 0, .6);--shadow-brand: 0 6px 20px rgba(255, 134, 54, .34);--shadow-brand-sm: 0 3px 12px rgba(255, 134, 54, .28);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .4)}:root{--dur-instant: 90ms;--dur-fast: .15s;--dur-base: .22s;--dur-slow: .34s;--dur-slower: .52s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.5, 1.8, .5, .9);--transition-base: all var(--dur-base) var(--ease-out);--transition-press: transform var(--dur-fast) var(--ease-out);--transition-color: background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}@keyframes hl-pop-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hl-bubble-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hl-typing-dot{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}@keyframes hl-mascot-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes hl-streak-flame{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.08) rotate(2deg)}}@keyframes hl-shine{0%{background-position:-120% 0}to{background-position:220% 0}}@media(prefers-reduced-motion:reduce){:root{--dur-instant: 0ms;--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--dur-slower: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--fw-regular);color:var(--text-body);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);font-weight:var(--fw-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}p{margin:0}button{font-family:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}::selection{background:var(--orange-200);color:var(--ink-900)}.lang-kr{font-family:var(--font-kr)}.lang-cn{font-family:var(--font-cn)}.romaja{font-family:var(--font-mono);color:var(--text-muted);font-style:normal;letter-spacing:.01em}