@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blue-300: #7dd3fc;--blue-500: #0ea5e9;--blue-600: #0284c7;--blue-700: #0369a1;--blue-soft: #eff6ff;--yellow-300: #fcd34d;--yellow-400: #fbbf24;--yellow-500: #f5b94a;--yellow-600: #d97706;--ielts-red: #dc2626;--ielts-orange: #ea580c;--ielts-gradient: linear-gradient(180deg, #ef4444 0%, #dc2626 50%, #b91c1c 100%);--grad-brand: linear-gradient(180deg, #38bdf8 0%, #0ea5e9 50%, #0369a1 100%);--grad-yellow: linear-gradient(180deg, #fcd34d 0%, #fbbf24 50%, #d97706 100%);--grad-rainbow: linear-gradient(135deg, #0284c7 0%, #d97706 100%);--grad-rainbow-soft: linear-gradient(135deg, #0ea5e9 0%, #fbbf24 100%);--nova-gold: #fbbf24;--nova-amber: #f59e0b;--nova-cheek: #fda4af;--nova-glow: #fef3c7;--red-50: #fef2f2;--red-300: #fca5a5;--green-50: #f0fdf4;--green-300: #86efac;--font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 34px;--fs-3xl: 48px;--fs-4xl: 80px;--fs-display: clamp(42px, 5.5vw, 64px);--tracking-tight: -.022em;--tracking-hud: .12em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-2xl: 36px;--r-pill: 999px;--control-h-sm: 40px;--control-h-md: 48px;--control-h-lg: 56px;--control-h-icon: 44px;--control-px-sm: 16px;--control-px-md: 20px;--control-px-lg: 24px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .16s;--dur-base: .24s;--focus-ring: 0 0 0 3px rgba(14,165,233,.35), 0 0 0 5px rgba(14,165,233,.15);--nova-audio-level: 0;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--motion-fast: .15s;--motion-base: .22s;--motion-slow: .32s;--ease-standard: cubic-bezier(.22, 1, .36, 1);--ease-emphasized: cubic-bezier(.34, 1.56, .64, 1);--font-display: 48px;--font-h1: 34px;--font-h2: 24px;--font-h3: 20px;--font-h4: 16px;--font-body: 16px;--font-body-sm: 14px;--font-caption: 12px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--color-bg: var(--bg-base);--color-surface: var(--bg-card);--color-surface-raised: var(--bg-card-top);--color-surface-inset: var(--bg-inset);--color-text: var(--ink-1);--color-text-muted: var(--ink-3);--color-text-subtle: var(--ink-4);--color-text-disabled: var(--ink-disabled);--color-border: var(--line-base);--color-border-strong: var(--line-strong);--color-primary: var(--blue-500);--color-primary-hover: var(--blue-600);--color-primary-contrast: #ffffff;--color-amber-contrast: #422006;--color-success: var(--success);--color-warning: var(--warning);--color-danger: var(--danger);--color-focus-ring: var(--blue-600);--color-primary-tint: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));--color-danger-tint: color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));--border-strong: var(--line-strong);--shadow-sm: var(--shadow-rest);--shadow-md: var(--shadow-raised);--shadow-lg: var(--shadow-floating);--shadow-focus: 0 0 0 2px var(--color-focus-ring), 0 0 0 4px rgba(14,165,233,.2);--space-10: 128px;--topbar-h: 0px;--tabbar-h: 0px;--sidebar-width: 248px;--sidebar-bg: var(--color-surface);--sidebar-bg-hover: var(--color-surface-inset);--sidebar-ink: var(--color-text-muted);--sidebar-ink-active: var(--color-text);--sidebar-accent: var(--color-primary);--sidebar-active-bg: var(--color-primary-tint);--sidebar-divider: var(--color-border)}[data-theme=dark]{--bg-base: #0a0e1a;--bg-raised: #11162a;--bg-card: #161c30;--bg-card-top: #1c2338;--bg-card-bot: #11162a;--bg-inset: #0c1120;--bg-overlay: rgba(0,0,0,.65);--bg-app: #0a0e1a;--ink-1: #f5f7fa;--ink-2: #c5cdd9;--ink-3: #8892a8;--ink-4: #5a6480;--ink-disabled: #3a4258;--line-soft: rgba(255,255,255,.05);--line-base: rgba(255,255,255,.08);--line-strong: rgba(255,255,255,.16);--border-subtle: rgba(255,255,255,.08);--shadow-rest: 0 1px 0 rgba(255,255,255,.04) inset, 0 1px 2px rgba(0,0,0,.3);--shadow-raised: 0 1px 0 rgba(255,255,255,.06) inset, 0 -1px 0 rgba(0,0,0,.3) inset, 0 8px 24px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.3);--shadow-floating: 0 1px 0 rgba(255,255,255,.08) inset, 0 -1px 0 rgba(0,0,0,.3) inset, 0 16px 36px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.3);--shadow-modal: 0 1px 0 rgba(255,255,255,.1) inset, 0 -1px 0 rgba(0,0,0,.4) inset, 0 32px 80px rgba(0,0,0,.65), 0 12px 24px rgba(0,0,0,.5);--shadow-floated: 0 1px 0 rgba(255,255,255,.08) inset, 0 -1px 0 rgba(0,0,0,.3) inset, 0 16px 36px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.3);--clay-inset: 0 2px 4px rgba(0,0,0,.4) inset, 0 -1px 0 rgba(255,255,255,.04) inset;--clay-inset-deep: 0 3px 8px rgba(0,0,0,.55) inset, 0 1px 0 rgba(255,255,255,.05);--clay-btn-blue: 0 1px 0 rgba(255,255,255,.3) inset, 0 -2px 4px rgba(0,0,0,.25) inset, 0 6px 16px rgba(14,165,233,.45), 0 2px 4px rgba(14,165,233,.3), 0 1px 2px rgba(0,0,0,.3);--clay-btn-yellow: 0 1px 0 rgba(255,255,255,.45) inset, 0 -2px 4px rgba(0,0,0,.2) inset, 0 6px 16px rgba(251,191,36,.4), 0 2px 4px rgba(251,191,36,.25), 0 1px 2px rgba(0,0,0,.2);--clay-btn-ielts: 0 1px 0 rgba(255,255,255,.35) inset, 0 -2px 4px rgba(0,0,0,.25) inset, 0 6px 16px rgba(220,38,38,.45), 0 2px 4px rgba(220,38,38,.3), 0 1px 2px rgba(0,0,0,.3);--clay-btn-neutral: 0 1px 0 rgba(255,255,255,.1) inset, 0 -2px 4px rgba(0,0,0,.3) inset, 0 4px 12px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--clay-btn-danger: 0 1px 0 rgba(255,255,255,.3) inset, 0 -2px 4px rgba(0,0,0,.25) inset, 0 6px 16px rgba(248,113,113,.4), 0 2px 4px rgba(248,113,113,.3);--neutral-grad: linear-gradient(180deg, #2a3148 0%, #1a2138 50%, #11162a 100%);--disabled-grad: linear-gradient(180deg, #2a3148 0%, #1f2638 100%);--glass-bg: rgba(20,27,46,.55);--glass-border: rgba(255,255,255,.1);--success: #34d399;--warning: #fbbf24;--danger: #f87171;--success-soft: rgba(52,211,153,.14);--warning-soft: rgba(251,191,36,.16);--danger-soft: rgba(248,113,113,.14);--bg-card-soft: #11162a;--grad-rainbow-text: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 45%, #fbbf24 100%)}[data-theme=light]{--bg-base: #f6f8fb;--bg-raised: #ffffff;--bg-card: #ffffff;--bg-card-top: #ffffff;--bg-card-bot: #fbfcfe;--bg-inset: #eef1f6;--bg-overlay: rgba(10,14,26,.45);--bg-app: #f6f8fb;--ink-1: #0a0e1a;--ink-2: #2d3548;--ink-3: #5a6480;--ink-4: #8892a8;--ink-disabled: #c5cdd9;--line-soft: rgba(10,14,26,.04);--line-base: rgba(10,14,26,.08);--line-strong: rgba(10,14,26,.16);--border-subtle: rgba(10,14,26,.08);--shadow-rest: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 2px rgba(10,14,26,.04);--shadow-raised: 0 1px 0 rgba(255,255,255,1) inset, 0 -1px 0 rgba(10,14,26,.04) inset, 0 12px 28px rgba(10,14,26,.06), 0 4px 8px rgba(10,14,26,.04), 0 1px 2px rgba(10,14,26,.04);--shadow-floating: 0 1px 0 rgba(255,255,255,1) inset, 0 -1px 0 rgba(10,14,26,.04) inset, 0 20px 40px rgba(10,14,26,.1), 0 8px 16px rgba(10,14,26,.06);--shadow-modal: 0 1px 0 rgba(255,255,255,1) inset, 0 -1px 0 rgba(10,14,26,.06) inset, 0 32px 80px rgba(10,14,26,.18), 0 12px 24px rgba(10,14,26,.1);--shadow-floated: 0 1px 0 rgba(255,255,255,1) inset, 0 -1px 0 rgba(10,14,26,.04) inset, 0 20px 40px rgba(10,14,26,.1), 0 8px 16px rgba(10,14,26,.06);--clay-inset: 0 2px 4px rgba(10,14,26,.08) inset, 0 1px 0 rgba(255,255,255,.8);--clay-inset-deep: 0 3px 6px rgba(10,14,26,.12) inset, 0 1px 0 rgba(255,255,255,.85);--clay-btn-blue: 0 1px 0 rgba(255,255,255,.45) inset, 0 -3px 6px rgba(3,105,161,.4) inset, 0 8px 20px rgba(14,165,233,.4), 0 3px 6px rgba(14,165,233,.3);--clay-btn-yellow: 0 1px 0 rgba(255,255,255,.55) inset, 0 -3px 6px rgba(180,83,9,.35) inset, 0 8px 20px rgba(251,191,36,.45), 0 3px 6px rgba(217,119,6,.3);--clay-btn-ielts: 0 1px 0 rgba(255,255,255,.4) inset, 0 -3px 6px rgba(127,29,29,.4) inset, 0 8px 20px rgba(220,38,38,.4), 0 3px 6px rgba(185,28,28,.3);--clay-btn-neutral: 0 1px 0 rgba(255,255,255,1) inset, 0 -2px 4px rgba(10,14,26,.06) inset, 0 6px 14px rgba(10,14,26,.08), 0 2px 4px rgba(10,14,26,.04);--clay-btn-danger: 0 1px 0 rgba(255,255,255,.35) inset, 0 -3px 6px rgba(127,29,29,.4) inset, 0 8px 20px rgba(220,38,38,.35), 0 3px 6px rgba(185,28,28,.25);--neutral-grad: linear-gradient(180deg, #ffffff 0%, #fafbfd 50%, #eef1f6 100%);--disabled-grad: linear-gradient(180deg, #f1f3f8 0%, #e6e9f0 100%);--glass-bg: rgba(255,255,255,.62);--glass-border: rgba(10,14,26,.08);--success: #047857;--warning: #b45309;--danger: #dc2626;--success-soft: #dcfce7;--warning-soft: #fef3c7;--danger-soft: #fee2e2;--bg-card-soft: #f1f5f9;--grad-rainbow-text: linear-gradient(135deg, #0284c7 0%, #0ea5e9 45%, #d97706 100%)}:root:not([data-theme]){--bg-base: #f6f8fb;--bg-raised: #ffffff;--bg-card: #ffffff;--bg-card-top: #ffffff;--bg-card-bot: #fbfcfe;--bg-inset: #eef1f6;--bg-overlay: rgba(10,14,26,.45);--bg-app: #f6f8fb;--ink-1: #0a0e1a;--ink-2: #2d3548;--ink-3: #5a6480;--ink-4: #8892a8;--ink-disabled: #c5cdd9;--line-soft: rgba(10,14,26,.04);--line-base: rgba(10,14,26,.08);--line-strong: rgba(10,14,26,.16);--border-subtle: rgba(10,14,26,.08);--shadow-rest: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 2px rgba(10,14,26,.04);--shadow-raised: 0 1px 0 rgba(255,255,255,1) inset, 0 -1px 0 rgba(10,14,26,.04) inset, 0 12px 28px rgba(10,14,26,.06), 0 4px 8px rgba(10,14,26,.04), 0 1px 2px rgba(10,14,26,.04);--shadow-floating: 0 1px 0 rgba(255,255,255,1) inset, 0 -1px 0 rgba(10,14,26,.04) inset, 0 20px 40px rgba(10,14,26,.1), 0 8px 16px rgba(10,14,26,.06);--shadow-modal: 0 1px 0 rgba(255,255,255,1) inset, 0 -1px 0 rgba(10,14,26,.06) inset, 0 32px 80px rgba(10,14,26,.18), 0 12px 24px rgba(10,14,26,.1);--shadow-floated: 0 1px 0 rgba(255,255,255,1) inset, 0 -1px 0 rgba(10,14,26,.04) inset, 0 20px 40px rgba(10,14,26,.1), 0 8px 16px rgba(10,14,26,.06);--clay-inset: 0 2px 4px rgba(10,14,26,.08) inset, 0 1px 0 rgba(255,255,255,.8);--clay-inset-deep: 0 3px 6px rgba(10,14,26,.12) inset, 0 1px 0 rgba(255,255,255,.85);--clay-btn-blue: 0 1px 0 rgba(255,255,255,.45) inset, 0 -3px 6px rgba(3,105,161,.4) inset, 0 8px 20px rgba(14,165,233,.4), 0 3px 6px rgba(14,165,233,.3);--clay-btn-yellow: 0 1px 0 rgba(255,255,255,.55) inset, 0 -3px 6px rgba(180,83,9,.35) inset, 0 8px 20px rgba(251,191,36,.45), 0 3px 6px rgba(217,119,6,.3);--clay-btn-ielts: 0 1px 0 rgba(255,255,255,.4) inset, 0 -3px 6px rgba(127,29,29,.4) inset, 0 8px 20px rgba(220,38,38,.4), 0 3px 6px rgba(185,28,28,.3);--clay-btn-neutral: 0 1px 0 rgba(255,255,255,1) inset, 0 -2px 4px rgba(10,14,26,.06) inset, 0 6px 14px rgba(10,14,26,.08), 0 2px 4px rgba(10,14,26,.04);--clay-btn-danger: 0 1px 0 rgba(255,255,255,.35) inset, 0 -3px 6px rgba(127,29,29,.4) inset, 0 8px 20px rgba(220,38,38,.35), 0 3px 6px rgba(185,28,28,.25);--neutral-grad: linear-gradient(180deg, #ffffff 0%, #fafbfd 50%, #eef1f6 100%);--disabled-grad: linear-gradient(180deg, #f1f3f8 0%, #e6e9f0 100%);--glass-bg: rgba(255,255,255,.62);--glass-border: rgba(10,14,26,.08);--success: #047857;--warning: #b45309;--danger: #dc2626;--success-soft: #dcfce7;--warning-soft: #fef3c7;--danger-soft: #fee2e2;--bg-card-soft: #f1f5f9;--grad-rainbow-text: linear-gradient(135deg, #0284c7 0%, #0ea5e9 45%, #d97706 100%)}*,*:before,*:after{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-height:100%;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;color:var(--ink-1);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;padding-bottom:env(safe-area-inset-bottom,0)}#app{min-height:100%}button,input,textarea,select,optgroup{font:inherit;color:inherit;letter-spacing:inherit}a{color:inherit}*:focus-visible{outline:2px solid var(--color-focus-ring, #0284c7);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{scrollbar-width:thin;scrollbar-color:var(--ink-4, #cbd5e1) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--ink-4, #cbd5e1);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--ink-3, #8892a8)}*{-webkit-tap-highlight-color:transparent}@keyframes ynova-score-roll{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ynova-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes ynova-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes ynova-pulse-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--nova-orb-color, #38bdf8) 60%,transparent)}70%{box-shadow:0 0 0 16px color-mix(in srgb,var(--nova-orb-color, #38bdf8) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--nova-orb-color, #38bdf8) 0%,transparent)}}@keyframes ynova-sparks-fill{0%{width:var(--sparks-from, 0%)}to{width:var(--sparks-to, 0%)}}@keyframes ynova-toast-in{0%{opacity:0;transform:translateY(60px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){@keyframes ynova-score-roll{0%{opacity:1}to{opacity:1}}@keyframes ynova-slide-up{0%{opacity:1}to{opacity:1}}@keyframes ynova-pop{0%{transform:none}to{transform:none}}@keyframes ynova-pulse-ring{0%{box-shadow:none}to{box-shadow:none}}@keyframes ynova-sparks-fill{0%{width:var(--sparks-from, 0%)}to{width:var(--sparks-to, 0%)}}@keyframes ynova-toast-in{0%{opacity:1}to{opacity:1}}}:root{--sl-color-primary-50: #f0f9ff;--sl-color-primary-100: #e0f2fe;--sl-color-primary-300: var(--blue-300);--sl-color-primary-500: var(--blue-500);--sl-color-primary-600: var(--color-primary);--sl-color-primary-700: var(--color-primary-hover);--sl-color-primary-800: var(--blue-700);--sl-color-warning-500: var(--nova-gold);--sl-color-warning-600: var(--nova-amber);--sl-color-danger-500: var(--color-danger);--sl-color-danger-600: var(--color-danger);--sl-color-success-500: var(--color-success);--sl-color-success-600: var(--color-success);--sl-color-neutral-0: var(--color-bg);--sl-color-neutral-700: var(--color-text-muted);--sl-color-neutral-900: var(--color-text);--sl-color-neutral-1000: var(--color-text);--sl-font-sans: var(--font-sans);--sl-font-mono: var(--font-mono);--sl-font-size-small: var(--font-body-sm);--sl-font-size-medium: var(--font-body);--sl-font-size-large: var(--font-h3);--sl-border-radius-small: var(--radius-sm);--sl-border-radius-medium: var(--radius-md);--sl-border-radius-large: var(--radius-lg);--sl-border-radius-x-large: var(--radius-lg);--sl-border-radius-circle: var(--radius-pill);--sl-border-radius-pill: var(--radius-pill);--sl-spacing-x-small: var(--space-2);--sl-spacing-small: var(--space-3);--sl-spacing-medium: var(--space-4);--sl-spacing-large: var(--space-5);--sl-spacing-x-large: var(--space-6);--sl-transition-x-slow: var(--motion-slow);--sl-transition-slow: var(--motion-slow);--sl-transition-medium: var(--motion-base);--sl-transition-fast: var(--motion-fast);--sl-transition-x-fast: var(--motion-fast);--sl-focus-ring: var(--focus-ring);--sl-focus-ring-color: var(--color-focus-ring);--sl-focus-ring-width: 2px;--sl-focus-ring-offset: 2px;--sl-input-height-small: var(--control-h-sm);--sl-input-height-medium: var(--control-h-icon);--sl-input-height-large: var(--control-h-md)}