@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--violet-50: #F3EEFF;--violet-100: #E7DBFF;--violet-200: #CDB4FF;--violet-300: #AE85FB;--violet-400: #935CF5;--violet-500: #7C3AED;--violet-600: #6A24D6;--violet-700: #5718B0;--violet-800: #431188;--magenta-100: #FFD9E8;--magenta-300: #FF8FBE;--magenta-400: #FF5CA1;--magenta-500: #FF2D87;--magenta-600: #E01270;--magenta-700: #B60A59;--turq-100: #D3F5FB;--turq-300: #7FE0EF;--turq-400: #35C7DE;--turq-500: #12B7D4;--turq-600: #0E93AB;--turq-700: #0A7286;--yellow-200: #FFEDB0;--yellow-300: #FFE08A;--yellow-400: #FFD24F;--yellow-500: #FFC531;--yellow-600: #E9A800;--white: #FFFFFF;--lilac-50: #F7F5FF;--lilac-100: #F1EDFF;--lilac-200: #EAE4FB;--lilac-300: #E1D9F5;--grey-400: #C3B9DC;--grey-500: #A99FC2;--ink-600: #6B5E88;--ink-700: #4A3E68;--ink-800: #3A2E52;--ink-900: #1B1130;--cat-green: #29CC7A;--cat-magenta: #FF2D87;--cat-violet: #7C3AED;--cat-turquoise: #12B7D4;--cat-orange: #FF7A00;--cat-yellow: #FFC531;--cat-green-soft: #D4F6E5;--cat-magenta-soft: #FFD9E8;--cat-violet-soft: #E7DBFF;--cat-turquoise-soft: #D3F5FB;--cat-orange-soft: #FFE5CC;--cat-yellow-soft: #FFEDB0;--meter-1: #12B7D4;--meter-2: #29CC7A;--meter-3: #FFC531;--meter-4: #FF7A00;--meter-5: #FF2D87;--meter-gradient: linear-gradient(90deg, var(--meter-1), var(--meter-2), var(--meter-3), var(--meter-4), var(--meter-5));--success-400: #4FDB96;--success-500: #29CC7A;--warning-400: #FF9838;--warning-500: #FF7A00;--danger-400: #FF5C74;--danger-500: #F5334F;--info-500: #12B7D4;--color-primary: var(--violet-500);--color-primary-hover: var(--violet-600);--color-primary-press: var(--violet-700);--color-primary-soft: var(--violet-100);--color-on-primary: var(--white);--color-secondary: var(--turq-500);--color-accent: var(--magenta-500);--color-accent-soft: var(--magenta-100);--color-highlight: var(--yellow-500);--color-data: var(--turq-500);--surface-app: var(--lilac-50);--surface-card: var(--white);--surface-raised: var(--lilac-100);--surface-muted: var(--lilac-200);--surface-inverse: var(--ink-900);--border-subtle: var(--lilac-300);--border-strong: var(--ink-900);--text-heading: var(--ink-900);--text-body: var(--ink-800);--text-muted: var(--ink-600);--text-placeholder: var(--grey-500);--text-on-dark: var(--lilac-50);--text-on-primary: var(--white);--focus-ring: var(--violet-400)}:root{--font-display: "Fredoka", system-ui, -apple-system, sans-serif;--font-text: "Inter", system-ui, -apple-system, sans-serif;--font-numeric: "Space Grotesk", "Inter", system-ui, monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--fw-extra: 800;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 4rem;--text-6xl: 5.25rem;--leading-tight: 1.05;--leading-snug: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .08em;--type-display: var(--fw-bold) var(--text-5xl)/var(--leading-tight) var(--font-display);--type-h1: var(--fw-bold) var(--text-4xl)/var(--leading-tight) var(--font-display);--type-h2: var(--fw-semibold) var(--text-3xl)/var(--leading-snug) var(--font-display);--type-h3: var(--fw-semibold) var(--text-2xl)/var(--leading-snug) var(--font-display);--type-h4: var(--fw-semibold) var(--text-xl)/var(--leading-snug) var(--font-display);--type-body-lg: var(--fw-regular) var(--text-lg)/var(--leading-relaxed) var(--font-text);--type-body: var(--fw-regular) var(--text-base)/var(--leading-normal) var(--font-text);--type-label: var(--fw-bold) var(--text-sm)/var(--leading-snug) var(--font-text);--type-caption: var(--fw-semibold) var(--text-xs)/var(--leading-snug) var(--font-text)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-quiz: 40rem;--container-read: 46rem;--container-app: 75rem;--container-wide: 82.5rem;--control-sm: 2.5rem;--control-md: 3rem;--control-lg: 3.375rem}:root{--radius-xs: 8px;--radius-sm: 12px;--radius-md: 14px;--radius-button: 18px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--radius-round:50%}:root{--shadow-sm: 0 1px 2px rgba(27, 17, 48, .08);--shadow-md: 0 6px 16px rgba(27, 17, 48, .1);--shadow-lg: 0 14px 32px rgba(27, 17, 48, .14);--shadow-xl: 0 26px 60px rgba(27, 17, 48, .2);--shadow-solid-sm: 0 3px 0 rgba(27, 17, 48, .16);--shadow-solid-md: 0 5px 0 rgba(27, 17, 48, .18);--shadow-solid-lg: 0 8px 0 rgba(27, 17, 48, .2);--shadow-primary: 0 5px 0 var(--violet-700);--shadow-primary-press: 0 2px 0 var(--violet-700);--glow-violet: 0 12px 32px rgba(124, 58, 237, .4);--glow-magenta: 0 12px 32px rgba(255, 45, 135, .4);--ring: 0 0 0 4px rgba(124, 58, 237, .32);--inset-sm: inset 0 2px 4px rgba(27, 17, 48, .12)}:root{--dur-instant: 90ms;--dur-fast: .16s;--dur-base: .24s;--dur-slow: .36s;--dur-slower: .56s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .27, 1.55);--transition-button: transform var(--dur-fast) var(--ease-back), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);--transition-card: transform var(--dur-base) var(--ease-back), box-shadow var(--dur-base) var(--ease-out)}@keyframes mq-pop-in{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes mq-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes mq-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}