:root{--navy-50: #EEF2F7;--navy-100: #D8E0EC;--navy-200: #B2BFD2;--navy-300: #8599B8;--navy-400: #4E6888;--navy-500: #1A3A5C;--navy-600: #0E2847;--navy-700: #091B33;--navy-800: #061225;--navy-900: #030914;--gold-50: #FBF7ED;--gold-100: #F5EDDA;--gold-200: #E8D890;--gold-300: #D4AF37;--gold-400: #B8941F;--gold-500: #9A7B1E;--gold-600: #7D611A;--gold-700: #604813;--gold-800: #443109;--gold-900: #281C05;--coral-50: #FDECE3;--coral-100: #FCD7C9;--coral-200: #F8BBA6;--coral-300: #F4A186;--coral-400: #EE8A66;--coral-500: #E8734A;--coral-600: #D66539;--coral-700: #C25429;--coral-800: #9A3F1B;--coral-900: #6B2A10;--teal-50: #E4F2F0;--teal-100: #C0E5E0;--teal-200: #8DD0C8;--teal-300: #5EB8AE;--teal-400: #3E9A90;--teal-500: #2D7A72;--teal-600: #236259;--teal-700: #1B4A44;--teal-800: #133431;--teal-900: #0B1F1D;--satblue-50: #E8F0FE;--satblue-100: #C7D9FC;--satblue-200: #9BBAF8;--satblue-300: #6E9AF3;--satblue-400: #427BED;--satblue-500: #1D4FBF;--satblue-600: #153F99;--satblue-700: #103075;--satblue-800: #0B2151;--satblue-900: #06132E;--sage-400: #4D8B4A;--sage-500: #365A32;--sage-600: #243F22;--sage-700: #172A15;--ocean-400: #2C6185;--ocean-500: #1F4862;--ocean-600: #143148;--ocean-700: #0B1E2E;--amber-400: #A35620;--amber-500: #7A3E0F;--amber-600: #5A2D08;--amber-700: #3D1E04;--plum-400: #6B4066;--plum-500: #48294A;--plum-600: #321A34;--plum-700: #20101F;--stone-50: #FBF9F4;--stone-100: #F3F0E8;--stone-150: #EDE8DF;--stone-200: #DDD7CC;--stone-300: #C4BDB0;--stone-400: #B5B0A8;--stone-500: #8A857D;--stone-600: #524E48;--stone-700: #2E2B27;--stone-800: #1A1714;--stone-900: #0F0D0A;--cream-50: #FFFDF9;--cream-100: #FFF8F0;--cream-200: #F5EDE3;--cc-success-50: #E4F2E8;--cc-success-500: #1A6B35;--cc-error-50: #F8E4E4;--cc-error-500: #9B1C1C;--cc-warn-50: #F8F0DF;--cc-warn-500: #8B6511;--cc-info-50: #E6EFF8;--cc-info-500: #1A4F80;--pc-success-50: #E2F8E8;--pc-success-500: #34C759;--pc-error-50: #FEE4E2;--pc-error-500: #FF3B30;--pc-warn-50: #FEF0DC;--pc-warn-500: #FF9500;--pc-info-50: #DFF5FD;--pc-info-500: #5AC8FA}@theme{ --color-brand: var(--navy-700); --color-brand-hover: var(--navy-600); --color-brand-active: var(--navy-500); --color-brand-subtle: var(--navy-50); --color-on-brand: #FFFFFF; --color-accent: var(--gold-500); --color-accent-hover: var(--gold-400); --color-accent-active: var(--gold-600); --color-accent-subtle: var(--gold-100); --color-on-accent: #FFFFFF; --color-bg: #F3F0E8; --color-surface: #FFFFFF; --color-surface-raised: #FDFCF9; --color-surface-sunken: #EDE8DF; --color-muted: #EDE8DF; --color-border: #DDD7CC; --color-border-strong: #C4BDB0; --color-border-focus: var(--navy-700); --color-focus-ring: rgba(9, 27, 51, .22); --color-text: #0F0D0A; --color-text-secondary: #524E48; --color-text-tertiary: #8A857D; --color-text-disabled: #B5B0A8; --color-text-inverse: #F5F3EE; --color-success: var(--cc-success-500); --color-success-bg: var(--cc-success-50); --color-error: var(--cc-error-500); --color-error-bg: var(--cc-error-50); --color-warn: var(--cc-warn-500); --color-warn-bg: var(--cc-warn-50); --color-info: var(--cc-info-500); --color-info-bg: var(--cc-info-50); --color-navy-50: var(--navy-50); --color-navy-100: var(--navy-100); --color-navy-200: var(--navy-200); --color-navy-300: var(--navy-300); --color-navy-400: var(--navy-400); --color-navy-500: var(--navy-500); --color-navy-600: var(--navy-600); --color-navy-700: var(--navy-700); --color-navy-800: var(--navy-800); --color-navy-900: var(--navy-900); --color-gold-50: var(--gold-50); --color-gold-100: var(--gold-100); --color-gold-200: var(--gold-200); --color-gold-300: var(--gold-300); --color-gold-400: var(--gold-400); --color-gold-500: var(--gold-500); --color-gold-600: var(--gold-600); --color-gold-700: var(--gold-700); --color-gold-800: var(--gold-800); --color-gold-900: var(--gold-900); --color-coral-500: var(--coral-500); --color-coral-600: var(--coral-600); --color-coral-700: var(--coral-700); --color-teal-500: var(--teal-500); --color-teal-600: var(--teal-600); --color-teal-700: var(--teal-700); --color-satblue-500: var(--satblue-500); --color-satblue-600: var(--satblue-600); --color-satblue-700: var(--satblue-700); --color-sage-500: var(--sage-500); --color-ocean-500: var(--ocean-500); --color-amber-500: var(--amber-500); --color-plum-500: var(--plum-500); --color-stone-100: var(--stone-100); --color-stone-300: var(--stone-300); --color-stone-500: var(--stone-500); --color-stone-700: var(--stone-700); --color-stone-900: var(--stone-900); --spacing-0: 0px; --spacing-0-5: 2px; --spacing-1: 4px; --spacing-1-5: 6px; --spacing-2: 8px; --spacing-2-5: 10px; --spacing-3: 12px; --spacing-4: 16px; --spacing-5: 20px; --spacing-6: 24px; --spacing-7: 28px; --spacing-8: 32px; --spacing-10: 40px; --spacing-12: 48px; --spacing-14: 56px; --spacing-16: 64px; --spacing-20: 80px; --spacing-24: 96px; --radius-none: 0px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 20px; --radius-3xl: 24px; --radius-full: 9999px; --shadow-1: 0 1px 2px rgba(15,13,10,.04), 0 1px 1px rgba(15,13,10,.03); --shadow-2: 0 2px 4px rgba(15,13,10,.06), 0 1px 2px rgba(15,13,10,.04); --shadow-3: 0 4px 8px rgba(15,13,10,.08), 0 2px 4px rgba(15,13,10,.05); --shadow-4: 0 8px 16px rgba(15,13,10,.1), 0 4px 8px rgba(15,13,10,.06); --shadow-5: 0 16px 32px rgba(15,13,10,.12), 0 8px 16px rgba(15,13,10,.08); --font-display: "Bricolage Grotesque", ui-serif, system-ui, sans-serif; --font-body: "Inter", ui-sans-serif, system-ui, sans-serif; --font-reading: Georgia, "Times New Roman", serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --text-xs: 11px; --text-sm: 12.5px; --text-base: 14px; --text-md: 15px; --text-lg: 16px; --text-xl: 18px; --text-2xl: 20px; --text-3xl: 24px; --text-4xl: 32px; --text-5xl: 44px; --text-6xl: 52px; --z-index-base: 0; --z-index-dropdown: 100; --z-index-sticky: 200; --z-index-banner: 300; --z-index-backdrop: 400; --z-index-modal: 500; --z-index-popover: 600; --z-index-toast: 700; --z-index-tooltip: 800; --breakpoint-sm: 360px; --breakpoint-md: 640px; --breakpoint-lg: 960px; --breakpoint-xl: 1280px; --duration-instant: 80ms; --duration-fast: .12s; --duration-base: .18s; --duration-slow: .28s; --duration-slower: .4s; --ease-out: cubic-bezier(.16, 1, .3, 1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-in-out: cubic-bezier(.65, 0, .35, 1); --ease-spring: cubic-bezier(.175, .885, .32, 1.275); }:root{--display-tracking: -.035em;--body-tracking: -.01em}[data-theme=sat]{--color-accent: var(--satblue-500);--color-accent-hover: var(--satblue-400);--color-accent-active: var(--satblue-600);--color-accent-subtle: var(--satblue-50);--color-border-focus: var(--satblue-500);--color-focus-ring: rgba(29, 79, 191, .25)}[data-theme=toefl]{--color-brand: var(--coral-500);--color-brand-hover: var(--coral-600);--color-brand-active: var(--coral-700);--color-brand-subtle: var(--coral-50);--color-on-brand: #FFFFFF;--color-accent: var(--teal-500);--color-accent-hover: var(--teal-600);--color-accent-active: var(--teal-700);--color-accent-subtle: var(--teal-50);--color-on-accent: #FFFFFF;--color-bg: #FFF8F0;--color-surface: #FFFFFF;--color-surface-raised: #FFFFFF;--color-surface-sunken: #F5EDE3;--color-muted: #F5EDE3;--color-border: rgba(60, 60, 67, .12);--color-border-strong: rgba(60, 60, 67, .22);--color-border-focus: var(--coral-500);--color-focus-ring: rgba(232, 115, 74, .28);--color-text: #1D1D1F;--color-text-secondary: #6B6B70;--color-text-tertiary: #9A969A;--color-text-disabled: #C4C0C4;--color-text-inverse: #FFFFFF;--color-success: var(--pc-success-500);--color-success-bg: var(--pc-success-50);--color-error: var(--pc-error-500);--color-error-bg: var(--pc-error-50);--color-warn: var(--pc-warn-500);--color-warn-bg: var(--pc-warn-50);--color-info: var(--pc-info-500);--color-info-bg: var(--pc-info-50);--font-display: "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-reading: Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--display-tracking: -.02em;--body-tracking: -.005em}