:root{--color-primary-bg: #1a2332;--color-primary-bg-light: #243142;--color-primary-bg-lighter: #2e3f52;--color-accent-primary: #ffd700;--color-accent-glow: rgba(64, 164, 255, .6);--color-accent-glow-bright: rgba(64, 164, 255, .8);--feature-glow-color: #40a4ff;--header-gradient-blue: rgba(45, 60, 80, .95);--header-gradient-blue-mid: rgba(40, 50, 65, .8);--header-gradient-dark: rgba(35, 40, 50, .6);--header-gradient-base: rgba(30, 35, 45, .85);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-disabled: rgba(255, 255, 255, .4);--color-background-primary: #1a2332;--color-index-gradient-start: #667eea;--color-index-gradient-end: #764ba2;--color-inset-highlight-light: rgba(255, 255, 255, .1);--color-inset-highlight: rgba(255, 255, 255, .15);--color-inset-shadow-light: rgba(0, 0, 0, .2);--color-inset-shadow: rgba(0, 0, 0, .3);--inset-shadow-3d: inset 0 2px 6px var(--color-inset-highlight), inset 0 -2px 6px var(--color-inset-shadow);--spacing-minimal: 1px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--size-button-min-height: 60px;--size-button-max-height: 80px;--size-button-min-height-mobile: 50px;--size-button-max-height-mobile: 70px;--size-timer-toggle-min-width: 150px;--size-timer-toggle-min-height: 80px;--size-icon-sm: 16px;--size-icon-md: 24px;--size-icon-lg: 32px;--size-shortcut-indicator: 24px;--size-shortcut-indicator-mobile: 20px;--size-check-indicator: 28px;--size-progress-bar: 3px;--min-height-category-card: 160px;--button-height-clamp: clamp(var(--size-button-min-height), 10vh, var(--size-button-max-height));--button-height-clamp-mobile: clamp(var(--size-button-min-height-mobile), 8vh, var(--size-button-max-height-mobile));--border-width-thin: 1px;--border-width-thick: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--max-width-content: 800px;--max-width-results: 600px;--max-width-review: 900px;--min-width-button: 200px;--min-width-button-mobile: 150px;--min-height-content: 400px;--grid-columns-auto-fit: repeat(auto-fit, minmax(200px, 1fr));--grid-gap-sm: var(--spacing-sm);--grid-gap-md: var(--spacing-md);--grid-gap-lg: var(--spacing-lg);--glass-border: var(--border-width-thin) solid rgba(255, 255, 255, .1);--glass-border-focus: var(--border-width-thin) solid rgba(255, 255, 255, .2);--glass-border-success: var(--border-width-thin) solid rgba(34, 197, 94, .3);--glass-border-error: var(--border-width-thin) solid rgba(239, 68, 68, .3);--glass-backdrop-blur: blur(5px);--glass-backdrop-blur-strong: blur(10px);--glass-border-enhanced: var(--border-width-thin) solid rgba(255, 255, 255, .15);--glass-background: rgba(255, 255, 255, .1);--glass-background-hover: rgba(255, 255, 255, .15);--option-button-background: linear-gradient( 135deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, .01) 100% );--color-success: rgb(34, 197, 94);--color-success-bg: rgba(34, 197, 94, .2);--color-success-light: rgb(134, 239, 172);--color-success-border: rgba(34, 197, 94, .3);--color-success-glow: rgba(34, 197, 94, .2);--color-success-progress: rgba(34, 197, 94, .6);--color-warning: rgb(245, 158, 11);--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-light: rgb(252, 211, 77);--color-warning-border: rgba(245, 158, 11, .3);--color-warning-glow: rgba(245, 158, 11, .3);--color-warning-progress: rgba(245, 158, 11, .6);--color-error: rgb(239, 68, 68);--color-error-bg: rgba(239, 68, 68, .2);--color-error-light: rgb(252, 165, 165);--color-error-border: rgba(239, 68, 68, .3);--color-error-glow: rgba(239, 68, 68, .4);--color-error-progress: rgba(239, 68, 68, .6);--color-error-text: rgb(252, 165, 165);--color-neutral: rgb(107, 114, 128);--color-neutral-bg: rgba(107, 114, 128, .1);--color-neutral-light: rgb(156, 163, 175);--color-neutral-border: rgba(107, 114, 128, .3);--color-info: rgb(59, 130, 246);--color-info-bg: rgba(59, 130, 246, .05);--color-info-bg-light: rgba(59, 130, 246, .08);--color-info-bg-medium: rgba(59, 130, 246, .15);--color-info-border: rgba(59, 130, 246, .2);--color-info-border-medium: rgba(59, 130, 246, .3);--color-info-light: rgb(147, 197, 253);--color-accent-bg-light: rgba(64, 164, 255, .1);--color-accent-bg-medium: rgba(64, 164, 255, .2);--color-accent-bg-strong: rgba(64, 164, 255, .25);--color-accent-bg-extra: rgba(64, 164, 255, .15);--color-accent-border-medium: rgba(64, 164, 255, .3);--color-accent-border-strong: rgba(64, 164, 255, .4);--color-warning-bg-light: rgba(245, 158, 11, .08);--color-warning-bg-medium: rgba(245, 158, 11, .15);--color-success-bg-light: rgba(34, 197, 94, .15);--color-success-bg-medium: rgba(34, 197, 94, .25);--color-success-bg-strong: rgba(34, 197, 94, .3);--color-success-bg-extra: rgba(34, 197, 94, .4);--color-error-bg-light: rgba(239, 68, 68, .05);--color-error-bg-medium: rgba(239, 68, 68, .1);--color-error-glow-light: rgba(239, 68, 68, .3);--color-neutral-bg-light: rgba(107, 114, 128, .08);--color-neutral-bg-medium: rgba(107, 114, 128, .15);--color-neutral-rgba-20: rgba(107, 114, 128, .2);--color-neutral-rgba-30: rgba(107, 114, 128, .3);--color-indigo-rgba-30: rgba(31, 38, 135, .3);--transform-slide-up: translateY(20px);--transform-slide-down: translateY(-2px);--transform-none: translateY(0);--opacity-none: 0;--opacity-light: .3;--opacity-full: 1;--glass-background-light: rgba(255, 255, 255, .08);--glass-background-subtle: rgba(255, 255, 255, .03);--glass-background-medium: rgba(255, 255, 255, .12);--glass-background-strong: rgba(255, 255, 255, .07);--glass-background-extra-light: rgba(255, 255, 255, .05);--glass-background-extra-subtle: rgba(255, 255, 255, .1);--glass-background-intense: rgba(255, 255, 255, .15);--glass-background-extra-extra-light: rgba(255, 255, 255, .05);--glass-background-highlight: rgba(255, 255, 255, .25);--glass-background-minimal: rgba(255, 255, 255, .02);--glass-border-hover: rgba(255, 255, 255, .2);--glass-primary-03: rgba(255, 255, 255, .03);--glass-primary-05: rgba(255, 255, 255, .05);--glass-primary-06: rgba(255, 255, 255, .06);--glass-primary-08: rgba(255, 255, 255, .08);--glass-primary-10: rgba(255, 255, 255, .1);--glass-primary-12: rgba(255, 255, 255, .12);--glass-primary-15: rgba(255, 255, 255, .15);--glass-primary-20: rgba(255, 255, 255, .2);--glass-primary-25: rgba(255, 255, 255, .25);--color-accent-rgba-02: rgba(64, 164, 255, .02);--color-accent-rgba-05: rgba(64, 164, 255, .05);--color-accent-rgba-10: rgba(64, 164, 255, .1);--color-accent-rgba-15: rgba(64, 164, 255, .15);--color-accent-rgba-20: rgba(64, 164, 255, .2);--color-accent-rgba-30: rgba(64, 164, 255, .3);--color-accent-rgba-40: rgba(64, 164, 255, .4);--color-accent-solid: rgb(64, 164, 255);--color-accent-full: rgb(64, 164, 255);--color-success-rgba-05: rgba(34, 197, 94, .05);--color-success-rgba-10: rgba(34, 197, 94, .1);--color-success-rgba-15: rgba(34, 197, 94, .15);--color-success-rgba-20: rgba(34, 197, 94, .2);--color-success-rgba-25: rgba(34, 197, 94, .25);--color-success-rgba-30: rgba(34, 197, 94, .3);--color-success-rgba-40: rgba(34, 197, 94, .4);--color-success-rgba-50: rgba(34, 197, 94, .5);--color-success-full: rgb(34, 197, 94);--color-warning-rgba-03: rgba(245, 158, 11, .03);--color-warning-rgba-05: rgba(245, 158, 11, .05);--color-warning-rgba-08: rgba(245, 158, 11, .08);--color-warning-rgba-10: rgba(245, 158, 11, .1);--color-warning-rgba-20: rgba(245, 158, 11, .2);--color-warning-rgba-40: rgba(245, 158, 11, .4);--color-error-rgba-10: rgba(239, 68, 68, .1);--color-error-rgba-30: rgba(239, 68, 68, .3);--color-error-rgba-40: rgba(239, 68, 68, .4);--color-info-rgba-03: rgba(59, 130, 246, .03);--color-info-rgba-08: rgba(59, 130, 246, .08);--color-info-rgba-10: rgba(59, 130, 246, .1);--color-info-rgba-15: rgba(59, 130, 246, .15);--color-info-rgba-20: rgba(59, 130, 246, .2);--color-info-rgba-25: rgba(59, 130, 246, .25);--color-info-solid: rgb(59, 130, 246);--color-black-rgba-10: rgba(0, 0, 0, .1);--color-black-10: rgba(0, 0, 0, .1);--color-black-20: rgba(0, 0, 0, .2);--color-black-80: rgba(0, 0, 0, .8);--color-black-rgba-90: rgba(0, 0, 0, .9);--color-black-90: rgba(0, 0, 0, .9);--opacity-very-light: .4;--opacity-medium: .7;--opacity-70: .7;--transform-scale-1: scale(1);--transform-translate-y-half: translateY(-50%);--transform-translate-y-half-scale-110: translateY(-50%) scale(1.1);--transform-translate-y-half-scale-095: translateY(-50%) scale(.95);--transform-rotate-0: rotate(0deg);--filter-grayscale-30: grayscale(30%);--filter-grayscale-50: grayscale(50%);--animation-check-pop: .3s;--animation-timing-ease-out: ease-out;--animation-warning-pulse: 1s;--animation-critical-pulse: .5s;--animation-timing-ease-in-out: ease-in-out;--glow-sm: clamp(5px, 1vw, 10px);--glow-md: clamp(8px, 1.5vw, 15px);--glow-lg: clamp(10px, 2vw, 20px);--glow-xl: clamp(12px, 2.5vw, 25px);--glow-2xl: clamp(15px, 3vw, 30px);--font-size-icon: clamp(1.8rem, 8vw, 4rem);--font-size-label: clamp(1rem, 5vw, 1.8rem);--font-weight-label: 600;--line-height-label: 1.3;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.2;--line-height-normal: 1.3;--line-height-relaxed: 1.4;--line-height-loose: 1.5;--line-height-extra-loose: 1.6;--letter-spacing-wide: .05em;--opacity-disabled: .5;--opacity-muted: .8;--opacity-subtle: .6;--opacity-light: .4;--opacity-visible: 1;--opacity-hidden: 0;--opacity-semi: .7;--opacity-high: .9;--filter-grayscale-light: grayscale(30%);--filter-grayscale-medium: grayscale(50%);--transform-scale-none: scale(1);--transform-scale-105: scale(1.05);--transform-scale-110: scale(1.1);--transform-scale-095: scale(.95);--transform-scale-102: scale(1.02);--transform-scale-120: scale(1.2);--transform-scale-0: scale(0);--transform-translate-none: translateY(0);--transform-translate-center: translate(-50%, -50%);--transform-translate-x-center: translateX(-50%);--transform-translate-x-half: translateX(-50%);--transform-translate-y-xs: translateY(var(--spacing-fluid-xs));--transform-translate-x-half-y-xs: translateX(-50%) translateY(var(--spacing-fluid-xs));--transform-translate-x-half-y-none: translateX(-50%) translateY(0);--transform-translate-x-none: translateX(0);--transform-translate-y-none: translateY(0);--transform-translate-x-negative: translateX(calc(var(--spacing-fluid-xs) * -1.25));--transform-translate-x-positive: translateX(calc(var(--spacing-fluid-xs) * 1.25));--transform-translate-y-center-scale-0: translateY(-50%) scale(0);--transform-translate-y-center-scale-120: translateY(-50%) scale(1.2);--transform-translate-y-center-scale-none: translateY(-50%) scale(1);--transform-rotate-none: rotate(0deg);--transform-rotate-360: rotate(360deg);--font-size-icon-desktop: 3.5rem;--font-size-label-desktop: 1.6rem;--font-size-icon-xl: 4rem;--font-size-label-xl: 1.8rem;--shadow-elevation-1: 0 2px 4px rgba(0, 0, 0, .1);--shadow-elevation-2: 0 4px 12px rgba(0, 0, 0, .15);--shadow-elevation-3: 0 8px 24px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px var(--color-accent-glow);--shadow-glow-bright: 0 0 30px var(--color-accent-glow-bright);--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--transition-transform: transform var(--transition-medium);--transition-colors: background var(--transition-medium), border-color var(--transition-medium), color var(--transition-medium);--transition-shadow: box-shadow var(--transition-medium);--transition-glow: filter var(--transition-medium);--focus-ring: 0 0 0 3px var(--color-accent-glow);--focus-ring-offset: 2px;--color-accent-focus: #40a4ff;--breakpoint-xs: 375px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-breakpoint-xs: 375px;--container-breakpoint-header-small: 600px;--container-breakpoint-header-large: 1000px;--container-breakpoint-footer-small: 500px;--container-breakpoint-footer-large: 800px;--container-breakpoint-content-small: 600px;--container-breakpoint-content-large: 1000px;--container-breakpoint-main-small: 768px;--container-breakpoint-main-large: 1280px;--container-breakpoint-carousel-small: 600px;--container-breakpoint-carousel-large: 800px;--container-breakpoint-sm: 600px;--container-breakpoint-md: 1000px;--spinner-size-xs: 16px;--spinner-size-sm: 20px;--spinner-size-md: 24px;--spinner-size-lg: 32px;--spinner-size-xl: 36px;--spinner-size-2xl: 48px;--spinner-size-3xl: 64px;--container-xs: 100%;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-max: 1000px;--config-card-width: 65%;--spacing-fluid-xs: clamp(.25rem, 1vw, .5rem);--spacing-fluid-sm: clamp(.5rem, 1.5vw, 1rem);--spacing-fluid-md: clamp(1rem, 2vw, 1.5rem);--spacing-fluid-lg: clamp(1.5rem, 2.5vw, 2rem);--spacing-fluid-xl: clamp(2rem, 3vw, 3rem);--spacing-fluid-2xl: clamp(3rem, 4vw, 4rem);--spacing-fluid-3xl: clamp(4rem, 5vw, 5rem);--card-min-height: 160px;--card-min-height-fluid: clamp(180px, 25vh, 280px);--card-width-fluid: clamp(320px, 100%, 480px);--card-padding-fluid: var(--spacing-fluid-lg);--card-gap-fluid: var(--spacing-fluid-lg);--button-height-fluid: clamp(50px, 8vh, 70px);--button-min-width-fluid: clamp(180px, 35vw, 260px);--button-padding-x-fluid: var(--spacing-fluid-lg);--button-padding-y-fluid: var(--spacing-fluid-sm);--grid-gap-fluid-sm: var(--spacing-fluid-sm);--grid-gap-fluid-md: var(--spacing-fluid-md);--grid-gap-fluid-lg: var(--spacing-fluid-lg);--font-size-fluid-xs: clamp(.75rem, 1.5vw, .875rem);--font-size-fluid-sm: clamp(.875rem, 2vw, 1rem);--font-size-fluid-base: clamp(1rem, 2.5vw, 1.125rem);--font-size-fluid-lg: clamp(1.125rem, 3vw, 1.25rem);--font-size-fluid-xl: clamp(1.25rem, 3.5vw, 1.5rem);--font-size-fluid-2xl: clamp(1.5rem, 4vw, 2rem);--font-size-fluid-3xl: clamp(2rem, 5vw, 3rem);--font-size-lg: 1.125rem;--radius-fluid-sm: clamp(.125rem, .5vw, .25rem);--radius-fluid-md: clamp(.25rem, 1vw, .5rem);--radius-fluid-lg: clamp(.5rem, 1.5vw, 1rem);--scale-desktop: 1.2;--scale-xl: 1.5;--fluid-button-height: clamp(48px, 8vh, 64px);--fluid-input-height: clamp(40px, 7vh, 56px);--fluid-card-min-height: clamp(200px, 35vh, 400px);--fluid-icon-size: clamp(20px, 4vw, 32px);--fluid-touch-target: clamp(44px, 8vw, 60px);--max-app-width: var(--container-max);--app-background: #2a2a2a;--app-container-background: transparent}@media (min-width: 1024px){:root{--fluid-button-height: clamp(56px, 9vh, 72px);--fluid-input-height: clamp(48px, 8vh, 64px);--fluid-card-min-height: clamp(300px, 40vh, 500px);--fluid-icon-size: clamp(28px, 5vw, 40px);--fluid-touch-target: clamp(48px, 9vw, 64px)}}@media (min-width: 1920px){:root{--fluid-button-height: 80px;--fluid-input-height: 72px;--fluid-card-min-height: 600px;--fluid-icon-size: 48px;--fluid-touch-target: 72px}}.theme-light{--color-primary-bg: #f8fafc;--color-primary-bg-light: #f1f5f9;--color-primary-bg-lighter: #e2e8f0;--color-accent-primary: #3b82f6;--color-accent-glow: rgba(59, 130, 246, .3);--color-accent-glow-bright: rgba(59, 130, 246, .5);--feature-glow-color: #3b82f6;--color-text-primary: #1e293b;--color-text-secondary: rgba(30, 41, 59, .8);--color-text-disabled: rgba(30, 41, 59, .4);--color-index-gradient-start: #6366f1;--color-index-gradient-end: #8b5cf6;--color-inset-highlight-light: rgba(255, 255, 255, .8);--color-inset-highlight: rgba(255, 255, 255, .9);--color-inset-shadow-light: rgba(0, 0, 0, .05);--color-inset-shadow: rgba(0, 0, 0, .1);--inset-shadow-3d: inset 0 2px 6px var(--color-inset-highlight), inset 0 -2px 6px var(--color-inset-shadow);--shadow-elevation-1: 0 2px 4px rgba(0, 0, 0, .08);--shadow-elevation-2: 0 4px 12px rgba(0, 0, 0, .12);--shadow-elevation-3: 0 8px 24px rgba(0, 0, 0, .16);--shadow-glow: 0 0 20px var(--color-accent-glow);--shadow-glow-bright: 0 0 30px var(--color-accent-glow-bright);--app-background: #ffffff}.theme-high-contrast{--contrast-multiplier: 1.5}.theme-high-contrast.theme-dark{--color-text-primary: #ffffff;--color-text-secondary: #ffffff;--color-primary-bg: #000000;--color-primary-bg-light: #1a1a1a}.theme-high-contrast.theme-light{--color-text-primary: #000000;--color-text-secondary: #000000;--color-primary-bg: #ffffff;--color-primary-bg-light: #f5f5f5}.theme-no-animations *{animation-duration:0ms!important;transition-duration:0ms!important}.theme-density-compact{--spacing-scale: .8}.theme-density-comfortable{--spacing-scale: 1.2}@media (max-width: 640px){.theme-density-compact{--font-scale: .9}.theme-density-comfortable{--font-scale: 1.1}}:root{--feature-button-bg: linear-gradient(145deg, var(--color-primary-bg-lighter) 0%, var(--color-primary-bg) 50%, var(--color-primary-bg-light) 100%);--feature-button-bg-hover: linear-gradient(145deg, var(--color-primary-bg-lighter) 0%, var(--color-primary-bg-light) 50%, var(--color-primary-bg-lighter) 100%);--feature-button-bg-active: linear-gradient(145deg, var(--color-primary-bg) 0%, var(--color-primary-bg) 50%, var(--color-primary-bg-light) 100%);--feature-button-bg-disabled: rgba(26, 35, 50, .5);--feature-button-border: rgba(255, 255, 255, .1);--feature-button-icon-oval-width: clamp(60px, 38cqw, 166px);--feature-button-icon-oval-height: clamp(40px, 26cqw, 114px);--feature-button-width: clamp(156px, 45cqw, 438px);--feature-button-height: calc(var(--feature-button-width) * .57);--feature-button-padding: var(--spacing-fluid-md) var(--spacing-fluid-sm) var(--spacing-fluid-sm);--feature-button-radius: var(--radius-fluid-lg);--glow-profile: #9B59B6;--glow-profile-rgb: 155, 89, 182;--glow-quickquiz: #F1C40F;--glow-quickquiz-rgb: 241, 196, 15;--glow-quizbuilder: #E67E22;--glow-quizbuilder-rgb: 230, 126, 34;--glow-sparkai: #3498DB;--glow-sparkai-rgb: 52, 152, 219;--glow-stumpmaster: #2ECC71;--glow-stumpmaster-rgb: 46, 204, 113;--glow-weather: #00CED1;--glow-weather-rgb: 0, 206, 209;--glow-donate: #E91E63;--glow-donate-rgb: 233, 30, 99;--glow-about: #6366F1;--glow-about-rgb: 99, 102, 241;--glow-leaderboard: #FFB800;--glow-leaderboard-rgb: 255, 184, 0;--feature-glow-color: #40a4ff;--feature-glow-rgb: 64, 164, 255;--carousel-width: 100%;--carousel-height: 100%;--carousel-position-adjacent: 15cqh;--carousel-position-distant: 28cqh;--carousel-position-edge: 38cqh;--carousel-scale-center: 1.2;--carousel-scale-adjacent: .85;--carousel-scale-distant: .55;--carousel-scale-edge: .3;--carousel-opacity-center: 1;--carousel-opacity-adjacent: .75;--carousel-opacity-distant: .45;--carousel-opacity-edge: .25;--carousel-z-center: 100;--carousel-z-adjacent: 80;--carousel-z-distant: 60;--carousel-z-edge: 40;--carousel-translatez-center: calc(var(--spacing-fluid-xl) * 1.5);--carousel-translatez-adjacent: calc(var(--spacing-fluid-xl) * 1.2);--carousel-translatez-distant: calc(var(--spacing-fluid-xl) * .2);--carousel-translatez-edge: calc(var(--spacing-fluid-xl) * -.5);--button-icon-size: var(--font-size-fluid-xl);--button-padding-x: var(--spacing-fluid-lg);--button-padding-y: var(--spacing-fluid-sm);--spinner-size-small: 20px;--spinner-size-medium: 40px;--spinner-size-large: 60px;--spinner-border-small: 2px;--spinner-border-medium: 4px;--spinner-border-large: 4px}@media (max-width: 700px){:root :root{--carousel-position-adjacent: 10cqh;--carousel-position-distant: 20cqh;--carousel-position-edge: 28cqh}}@media (max-width: calc(var(--breakpoint-sm) - 1px)){.hide-mobile{display:none!important}}@media (min-width: var(--breakpoint-sm)) and (max-width: calc(var(--breakpoint-md) - 1px)){.hide-tablet{display:none!important}}@media (min-width: var(--breakpoint-md)){.hide-desktop{display:none!important}}@media (max-width: calc(var(--breakpoint-md) - 1px)){.show-desktop{display:none!important}}@media (min-width: var(--breakpoint-md)){.show-mobile{display:none!important}}@media (max-width: calc(var(--breakpoint-sm) - 1px)){.text-center-mobile{text-align:center!important}.text-left-mobile{text-align:left!important}}@media (min-width: var(--breakpoint-md)){.text-center-desktop{text-align:center!important}.text-left-desktop{text-align:left!important}}@media (max-width: calc(var(--breakpoint-sm) - 1px)){.p-mobile-sm{padding:var(--spacing-sm)!important}.p-mobile-md{padding:var(--spacing-md)!important}.m-mobile-sm{margin:var(--spacing-sm)!important}.m-mobile-md{margin:var(--spacing-md)!important}}@media (min-width: var(--breakpoint-md)){.p-desktop-lg{padding:var(--spacing-lg)!important}.p-desktop-xl{padding:var(--spacing-xl)!important}.m-desktop-lg{margin:var(--spacing-lg)!important}.m-desktop-xl{margin:var(--spacing-xl)!important}}.text-fluid-xs{font-size:var(--font-size-fluid-xs)}.text-fluid-sm{font-size:var(--font-size-fluid-sm)}.text-fluid-base{font-size:var(--font-size-fluid-base)}.text-fluid-lg{font-size:var(--font-size-fluid-lg)}.text-fluid-xl{font-size:var(--font-size-fluid-xl)}.text-fluid-2xl{font-size:var(--font-size-fluid-2xl)}.text-fluid-3xl{font-size:var(--font-size-fluid-3xl)}.p-fluid-xs{padding:var(--spacing-fluid-xs)}.p-fluid-sm{padding:var(--spacing-fluid-sm)}.p-fluid-md{padding:var(--spacing-fluid-md)}.p-fluid-lg{padding:var(--spacing-fluid-lg)}.p-fluid-xl{padding:var(--spacing-fluid-xl)}.m-fluid-xs{margin:var(--spacing-fluid-xs)}.m-fluid-sm{margin:var(--spacing-fluid-sm)}.m-fluid-md{margin:var(--spacing-fluid-md)}.m-fluid-lg{margin:var(--spacing-fluid-lg)}.m-fluid-xl{margin:var(--spacing-fluid-xl)}.gap-fluid-xs{gap:var(--spacing-fluid-xs)}.gap-fluid-sm{gap:var(--spacing-fluid-sm)}.gap-fluid-md{gap:var(--spacing-fluid-md)}.gap-fluid-lg{gap:var(--spacing-fluid-lg)}.gap-fluid-xl{gap:var(--spacing-fluid-xl)}.rounded-fluid-sm{border-radius:var(--radius-fluid-sm)}.rounded-fluid-md{border-radius:var(--radius-fluid-md)}.rounded-fluid-lg{border-radius:var(--radius-fluid-lg)}.w-fluid-xs{width:clamp(150px,30vw,250px)}.w-fluid-sm{width:clamp(200px,40vw,350px)}.w-fluid-md{width:clamp(250px,50vw,450px)}.w-fluid-lg{width:clamp(300px,60vw,600px)}.w-fluid-xl{width:clamp(400px,70vw,800px)}.h-fluid-xs{height:clamp(100px,20vh,200px)}.h-fluid-sm{height:clamp(150px,30vh,300px)}.h-fluid-md{height:clamp(200px,40vh,400px)}.h-fluid-lg{height:clamp(250px,50vh,500px)}.h-fluid-xl{height:clamp(300px,60vh,600px)}.container-fluid-xs{max-width:clamp(300px,80vw,400px);margin:0 auto}.container-fluid-sm{max-width:clamp(400px,85vw,600px);margin:0 auto}.container-fluid-md{max-width:clamp(600px,90vw,800px);margin:0 auto}.container-fluid-lg{max-width:clamp(800px,95vw,1000px);margin:0 auto}.container-fluid-xl{max-width:clamp(1000px,95vw,1200px);margin:0 auto}.container-query-inline{container-type:inline-size}.container-query-block{container-type:block-size}.container-query-size{container-type:size}.cq-main{container-name:cq-main;container-type:inline-size}.cq-sidebar{container-name:cq-sidebar;container-type:inline-size}.cq-content{container-name:cq-content;container-type:inline-size}.cq-header{container-name:cq-header;container-type:inline-size}.cq-footer{container-name:cq-footer;container-type:inline-size}.cq-carousel{container-name:cq-carousel;container-type:inline-size}.cq-card{container-name:cq-card;container-type:inline-size}.cq-button{container-name:cq-button;container-type:inline-size}.cq-modal{container-name:cq-modal;container-type:inline-size}.cq-grid{container-name:cq-grid;container-type:inline-size}.cq-stack{container-name:cq-stack;container-type:inline-size}@container (max-width: 400px){.cq-text-xs{font-size:var(--font-size-fluid-xs)}.cq-text-sm{font-size:var(--font-size-fluid-sm)}.cq-p-xs{padding:var(--spacing-fluid-xs)}.cq-p-sm{padding:var(--spacing-fluid-sm)}.cq-stack-vertical{flex-direction:column}.cq-gap-sm{gap:var(--spacing-fluid-sm)}.cq-hide-on-small{display:none}}@container (min-width: 401px) and (max-width: 768px){.cq-text-md{font-size:var(--font-size-fluid-base)}.cq-text-lg{font-size:var(--font-size-fluid-lg)}.cq-p-md{padding:var(--spacing-fluid-md)}.cq-p-lg{padding:var(--spacing-fluid-lg)}.cq-grid-2{grid-template-columns:repeat(2,1fr)}.cq-gap-md{gap:var(--spacing-fluid-md)}.cq-hide-on-medium{display:none}}@container (min-width: 769px){.cq-text-lg{font-size:var(--font-size-fluid-lg)}.cq-text-xl{font-size:var(--font-size-fluid-xl)}.cq-text-2xl{font-size:var(--font-size-fluid-2xl)}.cq-p-lg{padding:var(--spacing-fluid-lg)}.cq-p-xl{padding:var(--spacing-fluid-xl)}.cq-grid-3{grid-template-columns:repeat(3,1fr)}.cq-grid-4{grid-template-columns:repeat(4,1fr)}.cq-stack-horizontal{flex-direction:row}.cq-gap-lg{gap:var(--spacing-fluid-lg)}.cq-gap-xl{gap:var(--spacing-fluid-xl)}.cq-show-on-large{display:block}}@container cq-carousel (max-width: var(--container-breakpoint-carousel-small)){.carousel-mobile-layout{transform:scale(.9)}}@container cq-carousel (min-width: var(--container-breakpoint-carousel-large)){.carousel-desktop-layout{transform:scale(1.1)}}@container cq-main (max-width: var(--container-breakpoint-footer-small)){.feature-button{width:var(--feature-button-width-mobile, clamp(100px, 35vw, 180px));height:var(--feature-button-height-mobile, clamp(100px, 25vh, 140px))}}@container cq-main (min-width: 1200px){.feature-button{width:var(--feature-button-width-desktop, clamp(240px, 35vw, 300px));height:var(--feature-button-height-desktop, clamp(160px, 25vh, 200px))}}@supports not (container-type: inline-size){@media (max-width: 600px){.cq-text-xs{font-size:var(--font-size-fluid-xs, .75rem)}.cq-text-sm{font-size:var(--font-size-fluid-sm, .875rem)}.cq-p-xs{padding:var(--spacing-fluid-xs, .25rem)}.cq-p-sm{padding:var(--spacing-fluid-sm, .5rem)}.cq-stack-vertical{flex-direction:column}.cq-gap-sm{gap:var(--spacing-fluid-sm, .5rem)}.cq-hide-on-small{display:none}.feature-button{width:clamp(100px,35vw,180px);height:clamp(100px,25vh,140px)}.header{padding:var(--spacing-fluid-md, 1rem) var(--spacing-fluid-lg, 1.5rem)}.header__content{flex-wrap:wrap;gap:var(--spacing-fluid-sm, .5rem)}.header__title{font-size:var(--font-size-fluid-lg, 1.125rem)}.header__theme-toggle{min-width:32px;min-height:32px;font-size:var(--font-size-fluid-base, 1rem)}footer{padding:var(--spacing-fluid-md, 1rem) var(--spacing-fluid-lg, 1.5rem)}footer p{font-size:var(--font-size-fluid-xs, .75rem);line-height:1.4}.content{padding:var(--spacing-fluid-lg, 1.5rem);min-height:300px}main h2{font-size:var(--font-size-fluid-lg, 1.125rem);margin-bottom:var(--spacing-fluid-md, 1rem)}}@media (min-width: 601px) and (max-width: 1000px){.cq-text-md{font-size:var(--font-size-fluid-base, 1rem)}.cq-text-lg{font-size:var(--font-size-fluid-lg, 1.125rem)}.cq-p-md{padding:var(--spacing-fluid-md, 1rem)}.cq-p-lg{padding:var(--spacing-fluid-lg, 1.5rem)}.cq-grid-2{grid-template-columns:repeat(2,1fr)}.cq-gap-md{gap:var(--spacing-fluid-md, 1rem)}.cq-hide-on-medium{display:none}}@media (min-width: 1001px){.cq-text-lg{font-size:var(--font-size-fluid-lg, 1.125rem)}.cq-text-xl{font-size:var(--font-size-fluid-xl, 1.25rem)}.cq-text-2xl{font-size:var(--font-size-fluid-2xl, 1.5rem)}.cq-p-lg{padding:var(--spacing-fluid-lg, 1.5rem)}.cq-p-xl{padding:var(--spacing-fluid-xl, 2rem)}.cq-grid-3{grid-template-columns:repeat(3,1fr)}.cq-grid-4{grid-template-columns:repeat(4,1fr)}.cq-stack-horizontal{flex-direction:row}.cq-gap-lg{gap:var(--spacing-fluid-lg, 1.5rem)}.cq-gap-xl{gap:var(--spacing-fluid-xl, 2rem)}.cq-show-on-large{display:block}.feature-button{width:clamp(240px,35vw,300px);height:clamp(160px,25vh,200px)}.header{padding:var(--spacing-fluid-xl, 2rem) calc(var(--spacing-fluid-xl, 2rem) * 1.5)}.header__title{font-size:var(--font-size-fluid-2xl, 1.5rem)}.header__theme-toggle{min-width:40px;min-height:40px;font-size:var(--font-size-fluid-xl, 1.25rem)}footer{padding:var(--spacing-fluid-xl, 2rem) calc(var(--spacing-fluid-xl, 2rem) * 1.5)}footer p{font-size:var(--font-size-fluid-base, 1rem)}.content{padding:calc(var(--spacing-fluid-xl, 2rem) * 1.5)}main h2{font-size:var(--font-size-fluid-2xl, 1.5rem);margin-bottom:var(--spacing-fluid-xl, 2rem)}}@media (max-width: 600px){.carousel__wheel{width:calc(var(--spacing-fluid-xl) * 6);height:calc(var(--spacing-fluid-xl) * 9)}.carousel-mobile-layout{transform:scale(.95)}}@media (min-width: 800px){.carousel__wheel{width:calc(var(--spacing-fluid-xl) * 10);height:calc(var(--spacing-fluid-xl) * 15)}.carousel-desktop-layout{transform:scale(1.05)}}}.glass{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff26;transition:all var(--transition-base)}.glass--light{background:linear-gradient(135deg,#ffffff40,#ffffff26);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glass--dark{background:linear-gradient(135deg,#00000040,#00000026);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.glass--frosted{background:linear-gradient(135deg,#ffffff26,#ffffff14);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2)}.glass--subtle{background:#ffffff0d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.glass--interactive{cursor:pointer;transition:all var(--transition-fast)}.glass--interactive:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);box-shadow:0 8px 32px #1f268773,inset 0 1px #ffffff40;transform:translateY(-2px)}.glass--interactive:active{transform:translateY(0);box-shadow:0 4px 16px #1f26874d,inset 0 1px #ffffff1a}.glass--glow-green{box-shadow:0 0 20px #22c55e80,0 8px 32px #1f26875e,inset 0 1px #ffffff26}.glass--glow-red{box-shadow:0 0 20px #ef444480,0 8px 32px #1f26875e,inset 0 1px #ffffff26}.glass--glow-yellow{box-shadow:0 0 20px #f59e0b80,0 8px 32px #1f26875e,inset 0 1px #ffffff26}.glass--glow-blue{box-shadow:0 0 20px #3b82f680,0 8px 32px #1f26875e,inset 0 1px #ffffff26}.glass--glow-quickquiz{box-shadow:0 0 20px rgba(var(--glow-quickquiz-rgb),.5),0 8px 32px #1f26875e,inset 0 1px #ffffff26}.glass--glow-stumpmaster{box-shadow:0 0 20px rgba(var(--glow-stumpmaster-rgb),.5),0 8px 32px #1f26875e,inset 0 1px #ffffff26}.glass-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.18);padding:var(--spacing-lg);box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff26}.glass-button{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 4px 16px #1f26874d,inset 0 1px #ffffff26;cursor:pointer;transition:all var(--transition-fast)}.glass-button:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);transform:translateY(-2px);box-shadow:0 6px 20px #1f268766,inset 0 1px #ffffff40}.glass-button:active{transform:translateY(0);box-shadow:0 2px 8px #1f268740,inset 0 1px #ffffff1a}.glass-panel{background:linear-gradient(135deg,#ffffff14,#ffffff08);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #1f268733,inset 0 1px #ffffff14}.glass--depth-1{box-shadow:0 2px 8px #1f268733,inset 0 1px #ffffff1a}.glass--depth-2{box-shadow:0 4px 16px #1f26874d,inset 0 1px #ffffff26}.glass--depth-3{box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff26}.glass--pulse{animation:glassPulse 2s ease-in-out infinite}@keyframes glassPulse{0%,to{box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff26}50%{box-shadow:0 8px 32px #1f268780,inset 0 1px #ffffff40}}.glass--disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.glass--disabled:hover{transform:none;box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff26}.glass--focusable:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.glass--focusable:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;box-shadow:0 0 0 4px #3b82f640,0 8px 32px #1f26875e,inset 0 1px #ffffff26}@media (prefers-reduced-motion: reduce){.glass,.glass--interactive,.glass-button{transition:none}.glass--pulse{animation:none}}@media (prefers-contrast: high){.glass,.glass-card,.glass-button,.glass-panel{border:2px solid rgba(255,255,255,.5);background:#00000080}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-primary-bg);color:var(--color-text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button{font-family:inherit}.feature-button{container-type:inline-size;container-name:feature-button;--feature-button-border-hover: rgba(var(--feature-glow-rgb), .3);--feature-button-border-active: rgba(var(--feature-glow-rgb), .5);--feature-button-border-focus: rgba(var(--feature-glow-rgb), .7);--feature-button-icon-oval-bg: radial-gradient(ellipse var(--feature-button-icon-oval-width) var(--feature-button-icon-oval-height), rgba(var(--feature-glow-rgb), .6) 0%, rgba(var(--feature-glow-rgb), .3) 50%, rgba(var(--feature-glow-rgb), .1) 100%);--feature-button-icon-oval-bg-hover: radial-gradient(ellipse calc(var(--feature-button-icon-oval-width) * 1.08) calc(var(--feature-button-icon-oval-height) * 1.125), rgba(var(--feature-glow-rgb), .8) 0%, rgba(var(--feature-glow-rgb), .5) 50%, rgba(var(--feature-glow-rgb), .2) 100%);--shadow-neon-glow-inner: inset 0 0 calc(var(--spacing-fluid-xs) * .5) rgba(var(--feature-glow-rgb), .2), inset 0 0 calc(var(--spacing-fluid-md) * .5) rgba(var(--feature-glow-rgb), .1);--shadow-neon-glow-inner-hover: inset 0 0 calc(var(--spacing-fluid-xs) * .75) rgba(var(--feature-glow-rgb), .3), inset 0 0 calc(var(--spacing-fluid-md) * .75) rgba(var(--feature-glow-rgb), .15);--shadow-neon-glow-outer: none;--shadow-neon-glow-outer-hover: none;--shadow-neon-glow-oval: 0 0 calc(var(--spacing-fluid-md) * .5) rgba(var(--feature-glow-rgb), .4), 0 0 calc(var(--spacing-fluid-lg) * .5) rgba(var(--feature-glow-rgb), .2);--shadow-neon-glow-oval-hover: 0 0 calc(var(--spacing-fluid-md) * .75) rgba(var(--feature-glow-rgb), .6), 0 0 calc(var(--spacing-fluid-lg) * .75) rgba(var(--feature-glow-rgb), .3);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:var(--feature-button-width);height:var(--feature-button-height);padding:var(--feature-button-padding);background:var(--feature-button-bg);border:calc(var(--spacing-fluid-xs) / 4) solid var(--feature-button-border);border-radius:var(--feature-button-radius);box-shadow:var(--shadow-elevation-2),var(--shadow-neon-glow-inner),var(--inset-shadow-3d);color:var(--color-text-primary);font-family:inherit;text-align:center;cursor:pointer;transition:var(--transition-transform),var(--transition-colors),var(--transition-shadow);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.feature-button:hover:not(.feature-button--disabled){background:var(--feature-button-bg-hover);border-color:var(--feature-button-border-hover);transform:translateY(calc(var(--spacing-fluid-xs) * -1));box-shadow:var(--shadow-elevation-3),var(--shadow-neon-glow-inner-hover),var(--shadow-neon-glow-outer-hover)}.feature-button:active:not(.feature-button--disabled){background:var(--feature-button-bg-active);border-color:var(--feature-button-border-active);transform:translateY(calc(var(--spacing-fluid-xs) * -.5));box-shadow:var(--shadow-elevation-2),var(--shadow-neon-glow-inner),var(--shadow-neon-glow-outer)}.feature-button:focus-visible{border-color:var(--feature-button-border-focus);box-shadow:var(--focus-ring),var(--shadow-elevation-2),var(--shadow-neon-glow-inner-hover),var(--shadow-neon-glow-outer-hover);outline:none}.feature-button--selected{background:var(--feature-button-bg-hover);border-color:var(--feature-button-border-active);box-shadow:var(--shadow-elevation-3),var(--shadow-neon-glow-inner-hover),var(--shadow-neon-glow-outer-hover)}.feature-button--disabled{background:var(--feature-button-bg-disabled);border-color:var(--feature-button-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:var(--opacity-subtle);transform:none;box-shadow:var(--shadow-elevation-1)}.feature-button--disabled .feature-button__icon-oval{background:transparent;box-shadow:none}.feature-button--disabled .feature-button__icon{filter:none;opacity:var(--opacity-disabled)}.feature-button__icon-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:clamp(.5rem,10cqw,2.5rem);margin-top:clamp(.25rem,5cqw,1.25rem)}.feature-button__icon-oval{position:absolute;width:var(--feature-button-icon-oval-width);height:var(--feature-button-icon-oval-height);background:var(--feature-button-icon-oval-bg);border-radius:50%;box-shadow:var(--shadow-neon-glow-oval),inset 0 calc(var(--spacing-fluid-xs) / 2) var(--spacing-fluid-xs) var(--color-inset-highlight-light),inset 0 calc(var(--spacing-fluid-xs) / -2) var(--spacing-fluid-xs) var(--color-inset-shadow-light);transition:var(--transition-colors),var(--transition-shadow);z-index:1;-webkit-backdrop-filter:blur(calc(var(--spacing-fluid-xs) / 4));backdrop-filter:blur(calc(var(--spacing-fluid-xs) / 4));transform:perspective(calc(var(--spacing-fluid-lg) * 4.17)) rotateX(5deg)}.feature-button:hover:not(.feature-button--disabled) .feature-button__icon-oval{background:var(--feature-button-icon-oval-bg-hover);box-shadow:var(--shadow-neon-glow-oval-hover),var(--inset-shadow-3d);transform:perspective(calc(var(--spacing-fluid-lg) * 4.17)) rotateX(5deg) var(--transform-scale-105);will-change:transform,filter,box-shadow}.feature-button--selected .feature-button__icon-oval{background:var(--feature-button-icon-oval-bg-hover);box-shadow:var(--shadow-neon-glow-oval-hover),var(--inset-shadow-3d)}.feature-button__icon{position:relative;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,15cqw,4.0625rem);color:var(--color-accent-primary);filter:drop-shadow(0 0 var(--spacing-fluid-xs) color-mix(in srgb,var(--feature-glow-color) 60%,transparent));transition:var(--transition-glow);line-height:var(--line-height-none);z-index:2;text-shadow:0 0 var(--spacing-fluid-xs) color-mix(in srgb,var(--feature-glow-color) 70%,transparent)}.feature-button:hover:not(.feature-button--disabled) .feature-button__icon{filter:drop-shadow(0 0 calc(var(--spacing-fluid-xs) * 1.5) color-mix(in srgb,var(--feature-glow-color) 80%,transparent));transform:var(--transform-scale-105);text-shadow:0 0 calc(var(--spacing-fluid-xs) * 1.5) color-mix(in srgb,var(--feature-glow-color) 90%,transparent)}.feature-button--selected .feature-button__icon{filter:drop-shadow(0 0 calc(var(--spacing-fluid-xs) * 1.5) color-mix(in srgb,var(--feature-glow-color) 80%,transparent));text-shadow:0 0 calc(var(--spacing-fluid-xs) * 1.5) color-mix(in srgb,var(--feature-glow-color) 90%,transparent)}.feature-button__label{font-size:clamp(.75rem,8cqw,2.1875rem);font-weight:var(--font-weight-label);line-height:var(--line-height-relaxed);color:var(--color-text-primary);transition:var(--transition-colors);max-width:100%;overflow:visible;text-overflow:ellipsis;white-space:nowrap;margin-top:0;padding-bottom:var(--spacing-fluid-sm);min-height:calc(var(--font-size-label) * 1.4)}.feature-button:hover:not(.feature-button--disabled) .feature-button__label{color:var(--color-text-primary)}@media (prefers-reduced-motion: reduce){.feature-button,.feature-button__icon,.feature-button__label{transition:none}}.feature-button--clicking{transform:translateY(calc(var(--spacing-fluid-xs) * -.25));opacity:var(--opacity-high)}.feature-button__tooltip{position:absolute;bottom:calc(100% + var(--spacing-fluid-sm));left:50%;transform:var(--transform-translate-x-half);background:var(--color-black-rgba-90);color:var(--color-text-primary);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:calc(var(--feature-button-radius) / 4);font-size:calc(var(--font-size-label) * .85);font-weight:var(--font-weight-normal);white-space:nowrap;max-width:calc(var(--feature-button-width) * 1.07);z-index:1000;box-shadow:var(--shadow-elevation-2)}.feature-button__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:var(--transform-translate-x-half);border:var(--spacing-fluid-xs) solid transparent;border-top-color:var(--color-primary-bg)}.feature-button-wrapper{display:inline-block;position:relative}.feature-button--custom-width{width:var(--custom-width)}.feature-button--custom-height{height:var(--custom-height)}@media (prefers-contrast: high){.feature-button{border-width:var(--spacing-fluid-xs);border-color:var(--color-text-primary)}.feature-button__icon{filter:none}.feature-button__tooltip{background:var(--color-text-primary);color:var(--color-primary-bg);border:calc(var(--spacing-fluid-xs) / 4) solid var(--color-primary-bg)}.feature-button__tooltip:after{border-top-color:var(--color-text-primary)}}.feature-button[data-feature=profile]{--feature-glow-color: var(--glow-profile);--feature-glow-rgb: var(--glow-profile-rgb)}.feature-button[data-feature=quickquiz]{--feature-glow-color: var(--glow-quickquiz);--feature-glow-rgb: var(--glow-quickquiz-rgb)}.feature-button[data-feature=quizbuilder]{--feature-glow-color: var(--glow-quizbuilder);--feature-glow-rgb: var(--glow-quizbuilder-rgb)}.feature-button[data-feature=sparkai]{--feature-glow-color: var(--glow-sparkai);--feature-glow-rgb: var(--glow-sparkai-rgb)}.feature-button[data-feature=stumpmaster]{--feature-glow-color: var(--glow-stumpmaster);--feature-glow-rgb: var(--glow-stumpmaster-rgb)}.feature-button[data-feature=weather]{--feature-glow-color: var(--glow-weather);--feature-glow-rgb: var(--glow-weather-rgb)}.feature-button[data-feature=donate]{--feature-glow-color: var(--glow-donate);--feature-glow-rgb: var(--glow-donate-rgb)}.feature-button[data-feature=about]{--feature-glow-color: var(--glow-about);--feature-glow-rgb: var(--glow-about-rgb)}.feature-button[data-feature=leaderboard]{--feature-glow-color: var(--glow-leaderboard);--feature-glow-rgb: var(--glow-leaderboard-rgb)}@container config-card (max-width: var(--container-breakpoint-md)){@container feature-button (max-width: var(--container-breakpoint-xs)){.feature-button{width:clamp(5rem,30cqw,7.5rem);height:clamp(4.375rem,20cqh,6.25rem);padding:calc(var(--spacing-fluid-xs) * .75)}.feature-button__icon-oval{width:clamp(2.8125rem,11cqw,3.4375rem);height:clamp(2rem,8cqw,2.375rem);box-shadow:0 0 calc(var(--spacing-fluid-xs) * .5) rgba(var(--feature-glow-rgb),.3)}.feature-button__icon{font-size:var(--font-size-fluid-lg)}.feature-button__label{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-medium)}}}@container feature-button (max-width: var(--container-breakpoint-sm)){.feature-button{width:clamp(6.25rem,35cqw,10rem);height:clamp(5.3125rem,22cqh,7.5rem);padding:var(--spacing-fluid-xs)}.feature-button__icon-oval{width:clamp(3.75rem,14cqw,5rem);height:clamp(2.625rem,10cqw,3.5rem);box-shadow:0 0 calc(var(--spacing-fluid-sm) * .5) rgba(var(--feature-glow-rgb),.4)}.feature-button__icon{font-size:var(--font-size-fluid-xl)}.feature-button__label{font-size:var(--font-size-fluid-base)}}@container feature-button (min-width: calc(var(--container-breakpoint-sm) + 1px)){.feature-button{width:var(--feature-button-width);height:var(--feature-button-height);padding:var(--feature-button-padding)}.feature-button__icon-oval{width:var(--feature-button-icon-oval-width);height:var(--feature-button-icon-oval-height)}}.carousel{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;position:relative}.carousel__wheel{position:relative;width:100%;height:100%;transform-style:preserve-3d;container-name:cq-carousel;container-type:size}.carousel__item{position:absolute;left:50%;top:50%;transform-origin:center center;transition:all .3s ease-out;will-change:transform,opacity;cursor:pointer}.carousel__item--position-0{transform:var(--transform-translate-center) translateZ(var(--carousel-translatez-center)) scale(var(--carousel-scale-center));opacity:var(--carousel-opacity-center);z-index:var(--carousel-z-center)}.carousel__item--position-1{transform:translate(-50%,calc(-50% + var(--carousel-position-adjacent))) translateZ(var(--carousel-translatez-adjacent)) scale(var(--carousel-scale-adjacent));opacity:var(--carousel-opacity-adjacent);z-index:var(--carousel-z-adjacent)}.carousel__item--position--1{transform:translate(-50%,calc(-50% - var(--carousel-position-adjacent))) translateZ(var(--carousel-translatez-adjacent)) scale(var(--carousel-scale-adjacent));opacity:var(--carousel-opacity-adjacent);z-index:var(--carousel-z-adjacent)}.carousel__item--position-2{transform:translate(-50%,calc(-50% + var(--carousel-position-distant))) translateZ(var(--carousel-translatez-distant)) scale(var(--carousel-scale-distant));opacity:var(--carousel-opacity-distant);z-index:var(--carousel-z-distant)}.carousel__item--position--2{transform:translate(-50%,calc(-50% - var(--carousel-position-distant))) translateZ(var(--carousel-translatez-distant)) scale(var(--carousel-scale-distant));opacity:var(--carousel-opacity-distant);z-index:var(--carousel-z-distant)}.carousel__item--position-3{transform:translate(-50%,calc(-50% + var(--carousel-position-edge))) translateZ(var(--carousel-translatez-edge)) scale(var(--carousel-scale-edge));opacity:var(--carousel-opacity-edge);z-index:var(--carousel-z-edge)}.carousel__item--position--3{transform:translate(-50%,calc(-50% - var(--carousel-position-edge))) translateZ(var(--carousel-translatez-edge)) scale(var(--carousel-scale-edge));opacity:var(--carousel-opacity-edge);z-index:var(--carousel-z-edge)}.carousel__item--position-0 .feature-button{box-shadow:var(--shadow-elevation-3),inset 0 0 calc(var(--spacing-fluid-md) * .75) rgba(var(--feature-glow-rgb),.15),0 0 calc(var(--spacing-fluid-lg) * 1.25) rgba(var(--feature-glow-rgb),.6),0 calc(var(--spacing-fluid-md) * .75) calc(var(--spacing-fluid-lg) * 1.25) #0000004d;filter:brightness(1.1) saturate(1.2);transition:box-shadow .1s ease-out}.carousel__item--position-0 .feature-button:hover{box-shadow:var(--shadow-elevation-3),inset 0 0 calc(var(--spacing-fluid-md)) rgba(var(--feature-glow-rgb),.2),inset 0 0 calc(var(--spacing-fluid-lg) * 1.25) rgba(var(--feature-glow-rgb),.12),0 0 calc(var(--spacing-fluid-lg) * 1.5) rgba(var(--feature-glow-rgb),.5),0 calc(var(--spacing-fluid-md)) calc(var(--spacing-fluid-lg) * 1.5) #00000059;filter:brightness(1.15) saturate(1.25)}.carousel__item--position-1 .feature-button,.carousel__item--position--1 .feature-button{box-shadow:var(--shadow-elevation-2),0 0 calc(var(--spacing-fluid-md) * .75) rgba(var(--feature-glow-rgb),.3),0 calc(var(--spacing-fluid-sm) * .75) calc(var(--spacing-fluid-md)) #0003}.carousel__item--position-2 .feature-button,.carousel__item--position--2 .feature-button{box-shadow:var(--shadow-elevation-1),0 calc(var(--spacing-fluid-sm) + var(--spacing-fluid-xs) / 2) var(--spacing-fluid-lg) #0003}.carousel__item--position-3 .feature-button,.carousel__item--position--3 .feature-button{box-shadow:0 calc(var(--spacing-fluid-xs) + var(--spacing-fluid-xs) / 4) calc(var(--spacing-fluid-md) - var(--spacing-fluid-xs) / 4) #00000026}.carousel__item--position-0 .feature-button{animation:carousel-center-focus 3s ease-in-out infinite}@keyframes carousel-center-focus{0%,to{transform:var(--transform-scale-none);filter:brightness(1.1) saturate(1.2)}50%{transform:var(--transform-scale-105);filter:brightness(1.25) saturate(1.4)}}.carousel__item{transition:all .3s ease-out}.carousel__navigation-hints{position:absolute;bottom:var(--spacing-fluid-lg);left:50%;transform:var(--transform-translate-x-half);display:flex;gap:var(--spacing-fluid-md);opacity:var(--opacity-subtle);font-size:var(--font-size-fluid-sm);color:var(--color-text-secondary);z-index:10}.carousel__hint{display:flex;align-items:center;gap:var(--spacing-fluid-xs)}.carousel--fallback{text-align:center;padding:var(--spacing-fluid-xl)}.carousel__fallback{max-width:var(--carousel-fallback-max-width);margin:0 auto;padding:var(--spacing-fluid-lg);color:var(--color-text-secondary)}.carousel__fallback-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--carousel-fallback-grid-min),1fr));gap:var(--spacing-fluid-md);margin-top:var(--spacing-fluid-lg)}.carousel__fallback-item{display:flex;align-items:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-md);background:var(--color-primary-bg-light);border-radius:var(--spacing-fluid-sm);color:var(--color-text-primary);text-decoration:none;transition:background-color var(--transition-fast)}.carousel__fallback-item:hover{background:var(--color-primary-bg-lighter)}.carousel__fallback-icon{font-size:var(--font-size-fluid-xl)}.carousel__fallback-title{font-weight:var(--font-weight-medium)}@container cq-carousel (max-width: var(--container-breakpoint-md)){.carousel__container{gap:var(--spacing-fluid-md)}.carousel__navigation-hints{display:none}}@container cq-carousel (max-width: calc(var(--container-breakpoint-sm) * .67)){.carousel__item--position-1{transform:translate(-50%,calc(-50% + var(--carousel-position-adjacent-mobile))) translateZ(var(--carousel-translatez-adjacent)) scale(var(--carousel-scale-adjacent-mobile))}.carousel__item--position--1{transform:translate(-50%,calc(-50% - var(--carousel-position-adjacent-mobile))) translateZ(var(--carousel-translatez-adjacent)) scale(var(--carousel-scale-adjacent-mobile))}.carousel__item--position-2{transform:translate(-50%,calc(-50% + var(--carousel-position-distant-mobile))) translateZ(var(--carousel-translatez-distant)) scale(var(--carousel-scale-distant-mobile))}.carousel__item--position--2{transform:translate(-50%,calc(-50% - var(--carousel-position-distant-mobile))) translateZ(var(--carousel-translatez-distant)) scale(var(--carousel-scale-distant-mobile))}}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:120px;container-type:inline-size;container-name:cq-header;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-fluid-lg);padding:var(--spacing-fluid-lg) var(--spacing-fluid-xl);background:radial-gradient(ellipse 100% 75% at 50% 100%,var(--header-gradient-blue) 0%,var(--header-gradient-blue-mid) 30%,var(--header-gradient-dark) 75%,transparent 85%),linear-gradient(180deg,var(--header-gradient-base) 0%,var(--header-gradient-base) 100%);backdrop-filter:var(--glass-backdrop-blur) saturate(150%);-webkit-backdrop-filter:var(--glass-backdrop-blur) saturate(150%);border:var(--glass-border);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 var(--color-inset-highlight-light),inset 0 calc(-1 * var(--border-width-thin)) 0 #0003}.footer{position:fixed;bottom:0;left:0;right:0;z-index:100;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2cqw,14px);flex-shrink:0;color:inherit;padding:clamp(16px,4cqw,24px) clamp(20px,5cqw,32px);text-align:center;background:radial-gradient(ellipse 100% 75% at 50% 0%,var(--header-gradient-blue) 0%,var(--header-gradient-blue-mid) 30%,var(--header-gradient-dark) 75%,transparent 85%),linear-gradient(180deg,var(--header-gradient-base) 0%,var(--header-gradient-base) 100%);backdrop-filter:var(--glass-backdrop-blur) saturate(150%);-webkit-backdrop-filter:var(--glass-backdrop-blur) saturate(150%);border:var(--glass-border);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:0 calc(-1 * var(--spacing-fluid-sm)) var(--spacing-fluid-xl) 0 #0006,inset 0 var(--border-width-thin) 0 var(--color-inset-highlight-light),inset 0 calc(-1 * var(--border-width-thin)) 0 #0003;container-name:cq-footer;container-type:inline-size}.content-window{position:fixed;top:120px;bottom:120px;left:0;right:0;background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-primary-bg-light) 50%,var(--color-primary-bg-lighter) 100%);overflow-y:auto;overflow-x:hidden;display:flex;container-type:inline-size;container-name:cq-content-window;flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--spacing-fluid-xl);box-sizing:border-box}.content-window>*:not(.carousel){width:var(--config-card-width);max-width:100%}.content-window>.carousel{width:100%;max-width:100%}.profile-button{container-type:inline-size;container-name:profile-button;display:flex;align-items:center;justify-content:center;gap:var(--spacing-fluid-sm);position:relative;width:clamp(5rem,30cqw,11.25rem);height:clamp(2rem,12cqw,4.5rem);padding:var(--spacing-fluid-sm) var(--spacing-fluid-lg);background:var(--feature-button-bg);border:calc(var(--spacing-fluid-xs) / 4) solid var(--feature-button-border);border-radius:var(--feature-button-radius);box-shadow:var(--shadow-elevation-1),var(--inset-shadow-3d);color:var(--color-text-primary);font-family:inherit;cursor:pointer;transition:var(--transition-transform),var(--transition-colors),var(--transition-shadow);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.profile-button:hover:not(.profile-button--disabled){background:var(--feature-button-bg-hover);border-color:rgba(var(--glow-profile-rgb),.3);transform:translateY(calc(var(--spacing-fluid-xs) * -.5));box-shadow:var(--shadow-elevation-2),var(--inset-shadow-3d),0 0 calc(var(--spacing-fluid-xs) * 1.5) rgba(var(--glow-profile-rgb),.3)}.profile-button:active:not(.profile-button--disabled){background:var(--feature-button-bg-active);border-color:rgba(var(--glow-profile-rgb),.5);transform:translateY(calc(var(--spacing-fluid-xs) * -.25));box-shadow:var(--shadow-elevation-1),var(--inset-shadow-3d)}.profile-button:focus-visible{border-color:rgba(var(--glow-profile-rgb),.7);box-shadow:var(--focus-ring),var(--shadow-elevation-2),var(--inset-shadow-3d);outline:none}.profile-button--disabled{background:var(--feature-button-bg-disabled);border-color:var(--feature-button-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:var(--opacity-subtle);transform:none;box-shadow:var(--shadow-elevation-1)}.profile-button--disabled .profile-button__icon{opacity:var(--opacity-disabled)}.profile-button__icon{display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,20cqw,3.5rem);line-height:var(--line-height-none);color:var(--color-accent-primary);text-shadow:0 0 var(--spacing-fluid-xs) rgba(var(--glow-profile-rgb),.6);transition:var(--transition-glow)}.profile-button:hover:not(.profile-button--disabled) .profile-button__icon{text-shadow:0 0 calc(var(--spacing-fluid-xs) * 1.33) rgba(var(--glow-profile-rgb),.8);transform:var(--transform-scale-105)}.profile-button__label{font-size:clamp(.875rem,16cqw,1.25rem);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);transition:var(--transition-colors);word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center}.profile-button:hover:not(.profile-button--disabled) .profile-button__label{color:var(--color-text-primary)}.profile-button--custom-width{min-width:var(--custom-width)}.profile-button--custom-height{height:var(--custom-height)}@media (prefers-reduced-motion: reduce){.profile-button,.profile-button__icon,.profile-button__label{transition:none}}@media (prefers-contrast: high){.profile-button{border-width:var(--spacing-fluid-xs);border-color:var(--color-text-primary)}.profile-button__icon{text-shadow:none}}@container cq-header (max-width: var(--breakpoint-sm)){.profile-button__label{display:none}}.weather-button{container-type:inline-size;container-name:weather-button;display:flex;align-items:center;justify-content:center;gap:var(--spacing-fluid-sm);position:relative;width:clamp(5rem,30cqw,11.25rem);height:clamp(2rem,12cqw,4.5rem);padding:var(--spacing-fluid-sm) var(--spacing-fluid-lg);background:var(--feature-button-bg);border:calc(var(--spacing-fluid-xs) / 4) solid var(--feature-button-border);border-radius:var(--feature-button-radius);box-shadow:var(--shadow-elevation-1),inset 0 calc(var(--spacing-fluid-xs) / 4) 0 var(--color-inset-highlight-light),inset 0 calc(var(--spacing-fluid-xs) / -4) 0 var(--color-inset-shadow-light);color:var(--color-text-primary);font-family:inherit;cursor:pointer;transition:var(--transition-transform),var(--transition-colors),var(--transition-shadow);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.weather-button:hover:not(.weather-button--disabled){background:var(--feature-button-bg-hover);border-color:rgba(var(--glow-weather-rgb),.3);transform:translateY(calc(var(--spacing-fluid-xs) * -.5));box-shadow:var(--shadow-elevation-2),var(--inset-shadow-3d),0 0 calc(var(--spacing-fluid-xs) * 1.5) rgba(var(--glow-weather-rgb),.3)}.weather-button:active:not(.weather-button--disabled){background:var(--feature-button-bg-active);border-color:rgba(var(--glow-weather-rgb),.5);transform:translateY(calc(var(--spacing-fluid-xs) * -.25));box-shadow:var(--shadow-elevation-1),var(--inset-shadow-3d)}.weather-button:focus-visible{border-color:rgba(var(--glow-weather-rgb),.7);box-shadow:var(--focus-ring),var(--shadow-elevation-2),var(--inset-shadow-3d);outline:none}.weather-button--disabled{background:var(--feature-button-bg-disabled);border-color:var(--feature-button-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:var(--opacity-subtle);transform:none;box-shadow:var(--shadow-elevation-1)}.weather-button--disabled .weather-button__icon{opacity:var(--opacity-disabled)}.weather-button__icon{display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,22cqw,3.5rem);line-height:var(--line-height-none);color:var(--color-accent-primary);text-shadow:0 0 var(--spacing-fluid-xs) rgba(var(--glow-weather-rgb),.6);transition:var(--transition-glow);flex-shrink:0}.weather-button:hover:not(.weather-button--disabled) .weather-button__icon{text-shadow:0 0 calc(var(--spacing-fluid-xs) * 1.33) rgba(var(--glow-weather-rgb),.8);transform:var(--transform-scale-105)}.weather-button__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:calc(var(--spacing-fluid-xs) / 4);min-width:0}.weather-button__time{font-size:clamp(.875rem,16cqw,1.25rem);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);transition:var(--transition-colors);max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-button__date{font-size:clamp(.75rem,12cqw,1rem);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-text-secondary);transition:var(--transition-colors);max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-button:hover:not(.weather-button--disabled) .weather-button__time,.weather-button:hover:not(.weather-button--disabled) .weather-button__date{color:var(--color-text-primary)}@container cq-header (max-width: var(--breakpoint-sm)){.weather-button__content{display:none}}.weather-button--custom-width{min-width:var(--custom-width)}.weather-button--custom-height{height:var(--custom-height)}@media (prefers-reduced-motion: reduce){.weather-button,.weather-button__icon,.weather-button__time,.weather-button__date{transition:none}}@media (prefers-contrast: high){.weather-button{border-width:var(--spacing-fluid-xs);border-color:var(--color-text-primary)}.weather-button__icon{text-shadow:none}}.sparkai-button{container-type:inline-size;container-name:sparkai-button;display:flex;align-items:center;justify-content:space-between;position:relative;width:clamp(6.25rem,65cqw,43.75rem);height:clamp(2.5rem,60cqh,6.25rem);padding:0 var(--spacing-fluid-xl);background:var(--feature-button-bg);border:calc(var(--spacing-fluid-xs) / 4) solid var(--feature-button-border);border-radius:var(--feature-button-radius);box-shadow:var(--shadow-elevation-2),var(--inset-shadow-3d);color:var(--color-text-primary);font-family:inherit;cursor:pointer;transition:var(--transition-transform),var(--transition-colors),var(--transition-shadow);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sparkai-button:hover:not(.sparkai-button--disabled){transform:translateY(calc(var(--spacing-fluid-xs) * -.5));filter:brightness(1.1);box-shadow:var(--shadow-elevation-3),var(--shadow-glow)}.sparkai-button:active:not(.sparkai-button--disabled){transform:translateY(calc(var(--spacing-fluid-xs) * -.25));filter:brightness(1.05);box-shadow:var(--shadow-elevation-2),var(--inset-shadow-3d)}.sparkai-button:focus-visible{border-color:var(--color-accent-primary);box-shadow:var(--focus-ring),var(--shadow-elevation-2),var(--inset-shadow-3d);outline:none}.sparkai-button--disabled{background:var(--feature-button-bg-disabled);border-color:var(--color-inset-shadow-light);color:var(--color-text-disabled);cursor:not-allowed;opacity:var(--opacity-subtle);transform:none;filter:none;box-shadow:var(--shadow-elevation-1)}.sparkai-button__section{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sparkai-button__section--left{width:clamp(1.25rem,10cqw,4.6875rem)}.sparkai-button__section--center{flex:1;text-align:center}.sparkai-button__section--right{width:clamp(1.25rem,10cqw,4.6875rem)}.sparkai-button__icon-left{font-size:clamp(1.5rem,12cqw,2.5rem);font-weight:var(--font-weight-light);color:var(--color-text-secondary);transition:var(--transition-colors);line-height:var(--line-height-none);display:flex;align-items:center;justify-content:center;transform:translateY(calc(var(--spacing-fluid-xs) * -.1))}.sparkai-button:hover:not(.sparkai-button--disabled) .sparkai-button__icon-left{color:var(--color-text-primary);transform:translateY(calc(var(--spacing-fluid-xs) * -.1)) var(--transform-scale-110)}.sparkai-button__text{font-size:clamp(1rem,8cqw,1.625rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-none);transition:var(--transition-colors)}.sparkai-button:hover:not(.sparkai-button--disabled) .sparkai-button__text{color:var(--color-text-primary);text-shadow:0 0 var(--spacing-fluid-xs) color-mix(in srgb,var(--color-accent-primary) 30%,transparent)}.sparkai-button__icon-right{font-size:clamp(1.125rem,8cqw,1.75rem);color:var(--color-text-secondary);transition:var(--transition-colors),var(--transition-transform);line-height:var(--line-height-none);display:flex;align-items:center;justify-content:center}.sparkai-button:hover:not(.sparkai-button--disabled) .sparkai-button__icon-right{color:var(--color-text-primary);transform:var(--transform-scale-110)}.sparkai-button--custom-width{width:var(--custom-width)}.sparkai-button--custom-height{height:var(--custom-height)}@media (prefers-reduced-motion: reduce){.sparkai-button,.sparkai-button__icon-left,.sparkai-button__text,.sparkai-button__icon-right{transition:none;animation:none}}@media (prefers-contrast: high){.sparkai-button{border-width:var(--spacing-fluid-xs);border-color:var(--color-text-primary);background:var(--color-primary-bg)}}@container cq-footer (max-width: var(--breakpoint-sm)){.sparkai-button{width:clamp(5rem,80cqw,25rem);padding:0 var(--spacing-fluid-lg)}.sparkai-button__section--left,.sparkai-button__section--right{width:clamp(.9375rem,8cqw,3.75rem)}.sparkai-button__text,.sparkai-button__icon-left,.sparkai-button__icon-right{font-size:var(--font-size-fluid-lg)}}@container cq-footer (min-width: var(--breakpoint-lg)){.sparkai-button{width:clamp(9.375rem,50cqw,50rem);padding:0 calc(var(--spacing-fluid-xl) * 1.25)}.sparkai-button__section--left,.sparkai-button__section--right{width:clamp(1.875rem,8cqw,6.25rem)}.sparkai-button__text{font-size:calc(var(--font-size-fluid-xl) * 1.25)}.sparkai-button__icon-left{font-size:var(--font-size-fluid-2xl)}.sparkai-button__icon-right{font-size:calc(var(--font-size-fluid-lg) * 1.25)}}.config-card{width:100%;display:flex;flex-direction:column;container-type:inline-size;container-name:config-card;padding:var(--spacing-fluid-lg);margin:var(--spacing-fluid-lg) 0;gap:var(--spacing-fluid-md);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--glass-primary-10) 0%,var(--glass-primary-05) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transition:var(--transition-medium)}.config-card:hover{box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transform:var(--transform-slide-down)}@container config-card (max-width: var(--breakpoint-sm)){.config-card{padding:var(--spacing-fluid-sm);gap:var(--spacing-fluid-xs)}}@container config-card (min-width: calc(var(--breakpoint-sm) + 1px)) and (max-width: var(--breakpoint-lg)){.config-card{padding:var(--spacing-fluid-md);gap:var(--spacing-fluid-sm)}}@container config-card (min-width: calc(var(--breakpoint-lg) + 1px)){.config-card{padding:var(--spacing-fluid-xl);gap:var(--spacing-fluid-md)}}.showcase-card{display:flex;flex-direction:column;width:100%;min-height:fit-content;height:fit-content;border-radius:var(--radius-lg);padding:var(--spacing-fluid-lg);margin:var(--spacing-fluid-lg) 0;container-type:inline-size;container-name:showcase-card;background:linear-gradient(135deg,var(--glass-primary-10) 0%,var(--glass-primary-05) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transition:var(--transition-medium)}.showcase-card:first-child{margin-top:var(--spacing-fluid-2xl)}.showcase-card:hover:not(.showcase-card--disabled){border:var(--glass-border-focus);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transform:var(--transform-slide-down)}.showcase-card__header{display:flex;align-items:flex-start;gap:var(--spacing-fluid-md);margin-bottom:var(--spacing-fluid-lg)}.showcase-card__icon{font-size:var(--font-size-fluid-xl);line-height:var(--line-height-none);flex-shrink:0;margin-top:var(--spacing-fluid-xs)}.showcase-card__title-group{flex:1;display:flex;flex-direction:column;gap:var(--spacing-fluid-xs)}.showcase-card__title{font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-label);color:var(--color-text-primary);margin:0;line-height:var(--line-height-label)}.showcase-card__description{font-size:var(--font-size-fluid-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.showcase-card__content{display:flex;flex-direction:column;gap:var(--spacing-fluid-lg);width:100%;flex:1}.showcase-card__content .carousel{width:100%}.showcase-card--disabled{opacity:var(--opacity-subtle);cursor:not-allowed;filter:var(--filter-grayscale-light);pointer-events:none}.showcase-card--disabled .showcase-card__title,.showcase-card--disabled .showcase-card__description{color:var(--color-text-disabled)}.showcase-card--disabled:hover{transform:none;background:linear-gradient(135deg,var(--glass-primary-10) 0%,var(--glass-primary-05) 100%);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.showcase-card--compact{padding:var(--spacing-fluid-md)}.showcase-card--compact .showcase-card__header{margin-bottom:var(--spacing-fluid-md)}.showcase-card--compact .showcase-card__title{font-size:var(--font-size-fluid-base)}.showcase-card--compact .showcase-card__description{font-size:var(--font-size-fluid-xs)}.showcase-card:focus-within{border:var(--glass-border-focus);box-shadow:0 0 0 var(--spacing-fluid-xs) var(--color-accent-rgba-30),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.start-button{container-type:inline-size;container-name:start-button;display:flex;align-items:center;justify-content:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-lg) var(--spacing-fluid-2xl);border-radius:var(--radius-lg);border:none;font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-medium);min-height:var(--size-button-min-height);min-width:var(--min-width-button);background:linear-gradient(135deg,var(--color-success-bg-medium) 0%,var(--color-success-bg-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--color-success-border);color:var(--color-success-light);box-shadow:0 0 var(--glow-xl) var(--color-success-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.start-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-bg-strong) 0%,var(--color-success-bg) 100%);color:var(--color-success);transform:var(--transform-slide-down);box-shadow:0 0 var(--glow-2xl) var(--color-success-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.start-button--loading{background:linear-gradient(135deg,var(--color-accent-bg-medium) 0%,var(--color-accent-bg-light) 100%);border:var(--border-width-thick) solid var(--color-accent-border-medium);color:var(--color-accent-primary);cursor:wait}.start-button--loading:hover{transform:none;box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.start-button--disabled{background:linear-gradient(135deg,var(--color-neutral-bg-medium) 0%,var(--color-neutral-bg-light) 100%);border:var(--border-width-thick) solid var(--color-neutral-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:var(--opacity-subtle)}.start-button--disabled:hover{transform:none;box-shadow:0 0 var(--glow-sm) var(--color-neutral-rgba-20),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}.start-button__icon{font-size:var(--font-size-fluid-lg);line-height:var(--line-height-none)}.start-button__text{font-size:var(--font-size-fluid-lg);line-height:var(--line-height-none);white-space:nowrap}.start-button--loading .start-button__icon{animation:spin 1s linear infinite}.start-button:focus{outline:var(--border-width-thick) solid var(--color-accent-primary);outline-offset:var(--focus-ring-offset)}.start-button:focus-visible{box-shadow:0 0 0 var(--spacing-fluid-xs) var(--color-success-rgba-30),0 0 var(--glow-xl) var(--color-success-rgba-30),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.home-button{container-type:inline-size;container-name:home-button;display:flex;align-items:center;justify-content:center;padding:var(--spacing-fluid-sm);border:var(--glass-border);border-radius:var(--radius-md);background:var(--glass-background);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast);min-width:var(--size-button-min-height-mobile);min-height:var(--size-button-min-height-mobile)}.home-button:hover{background:var(--glass-background-hover);transform:var(--transform-slide-down)}.home-button:focus{outline:var(--border-width-thick) solid var(--color-accent-focus);outline-offset:var(--focus-ring-offset)}.home-button__icon{font-size:var(--font-size-fluid-lg);line-height:var(--line-height-none)}@container home-button (min-width: var(--breakpoint-sm)){.home-button{min-width:var(--size-button-min-height);min-height:var(--size-button-min-height)}}.mode-indicator{container-type:inline-size;container-name:mode-indicator;display:flex;align-items:center;justify-content:center;padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);border-radius:var(--radius-sm);background:var(--glass-background);border:var(--glass-border);font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-label)}@container mode-indicator (max-width: var(--breakpoint-sm)){.mode-indicator{font-size:var(--font-size-fluid-xs);padding:calc(var(--spacing-fluid-xs) / 2) var(--spacing-fluid-xs)}}.header-title{margin:0;font-size:var(--font-size-fluid-xl);font-weight:var(--font-weight-label);color:inherit;white-space:nowrap}.mode-toggle{container-type:inline-size;container-name:mode-toggle;display:flex;flex-direction:column;gap:clamp(.5rem,2cqw,.875rem);width:100%}.mode-toggle__options{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:clamp(.5rem,2cqw,.875rem);width:100%}.mode-toggle__option{position:relative;display:block;cursor:pointer;transition:var(--transition-colors);border-radius:var(--radius-fluid-lg);padding:0;margin:0}.mode-toggle__option:active{transform:var(--transform-translate-none)}.mode-toggle__input{position:absolute;opacity:var(--opacity-hidden);width:0;height:0;margin:0;padding:0;border:0}.mode-toggle__label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-fluid-lg);min-height:var(--min-height-category-card);border-radius:var(--radius-fluid-lg);background:linear-gradient(135deg,var(--glass-primary-08) 0%,var(--glass-primary-03) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light);transition:var(--transition-medium);cursor:pointer}.mode-toggle__option--selected .mode-toggle__label{background:linear-gradient(135deg,var(--color-accent-rgba-20) 0%,var(--color-accent-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-accent-rgba-40);box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transform:var(--transform-slide-down)}.mode-toggle__option--selected .mode-toggle__text{color:var(--color-accent-full)}.mode-toggle__option:not(.mode-toggle__option--selected):hover .mode-toggle__label{background:linear-gradient(135deg,var(--glass-primary-12) 0%,var(--glass-primary-06) 100%);border:var(--glass-border-focus);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.mode-toggle__option:has(.mode-toggle__input:disabled) .mode-toggle__label{filter:var(--filter-grayscale-medium);cursor:not-allowed}.difficulty-radio{container-type:inline-size;container-name:difficulty-radio;display:flex;flex-direction:column;width:100%}.difficulty-radio__option{position:relative;display:block;cursor:pointer;transition:var(--transition-colors);border-radius:var(--radius-fluid-lg);padding:0;margin:0}.difficulty-radio__option:active{transform:var(--transform-translate-none)}.difficulty-radio__input{position:absolute;opacity:var(--opacity-hidden);width:0;height:0;margin:0;padding:0;border:0}.difficulty-radio__label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-fluid-md);min-height:var(--size-button-min-height);border-radius:var(--radius-fluid-lg);background:linear-gradient(135deg,var(--glass-primary-08) 0%,var(--glass-primary-03) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light);transition:var(--transition-medium);cursor:pointer}.difficulty-radio__option--selected .difficulty-radio__label{background:linear-gradient(135deg,var(--color-accent-rgba-20) 0%,var(--color-accent-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-accent-rgba-40);box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transform:var(--transform-slide-down)}.difficulty-radio__option--selected .difficulty-radio__title{color:var(--color-accent-full)}.difficulty-radio__option:not(.difficulty-radio__option--selected):hover .difficulty-radio__label{background:linear-gradient(135deg,var(--glass-primary-12) 0%,var(--glass-primary-06) 100%);border:var(--glass-border-focus);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.difficulty-radio__option:has(.difficulty-radio__input:disabled) .difficulty-radio__label{filter:var(--filter-grayscale-medium);cursor:not-allowed}@container difficulty-radio (max-width: var(--container-breakpoint-sm)){.difficulty-radio__options{grid-template-columns:1fr;gap:var(--spacing-fluid-xs)}.difficulty-radio__label{padding:var(--spacing-fluid-sm);min-height:var(--size-button-min-height-mobile)}.difficulty-radio__icon{font-size:var(--font-size-fluid-lg);margin-bottom:var(--spacing-fluid-xs)}.difficulty-radio__title{font-size:var(--font-size-fluid-sm)}.difficulty-radio__description{font-size:var(--font-size-fluid-xs)}}@container difficulty-radio (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.difficulty-radio__options{grid-template-columns:1fr 1fr;gap:var(--spacing-fluid-sm)}.difficulty-radio__label{padding:var(--spacing-fluid-md)}.difficulty-radio__icon{font-size:var(--font-size-fluid-xl)}.difficulty-radio__title{font-size:var(--font-size-fluid-base)}}@container difficulty-radio (min-width: calc(var(--container-breakpoint-md) + 1px)){.difficulty-radio__options{grid-template-columns:1fr 1fr;gap:var(--spacing-fluid-md)}.difficulty-radio__label{padding:var(--spacing-fluid-lg)}.difficulty-radio__icon{font-size:var(--font-size-fluid-2xl)}.difficulty-radio__title{font-size:var(--font-size-fluid-lg)}.difficulty-radio__description{font-size:var(--font-size-fluid-sm)}}.exam-type-dropdown{container-type:inline-size;container-name:exam-type-dropdown;display:flex;flex-direction:column;gap:var(--spacing-fluid-md);width:100%}.exam-type-dropdown__label{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.exam-type-dropdown__select{padding:var(--spacing-fluid-md);border-radius:var(--radius-fluid-md);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-fluid-md) center;padding-right:calc(var(--spacing-fluid-md) * 3);width:100%}.exam-type-dropdown__select:hover:not(:disabled){background-color:var(--glass-background-hover);border-color:var(--glass-primary-20)}.exam-type-dropdown__info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-fluid-md);background:linear-gradient(135deg,var(--glass-primary-08) 0%,var(--glass-primary-03) 100%);border:var(--glass-border);animation:slideIn var(--transition-medium) ease-out}.exam-type-dropdown__details{font-size:var(--font-size-fluid-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.exam-type-dropdown__category{font-size:var(--font-size-fluid-xs);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-fluid-xs)}.exam-type-dropdown__icon{font-size:var(--font-size-fluid-sm)}@container exam-type-dropdown (max-width: var(--container-breakpoint-sm)){.exam-type-dropdown{gap:var(--spacing-fluid-sm)}.exam-type-dropdown__select{padding:var(--spacing-fluid-sm);font-size:var(--font-size-fluid-sm);padding-right:calc(var(--spacing-fluid-sm) * 2.5)}.exam-type-dropdown__info{flex-direction:column;align-items:flex-start;gap:var(--spacing-fluid-xs);padding:var(--spacing-fluid-sm)}.exam-type-dropdown__details,.exam-type-dropdown__category{font-size:var(--font-size-fluid-xs)}}@container exam-type-dropdown (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.exam-type-dropdown{gap:var(--spacing-fluid-md)}.exam-type-dropdown__select{padding:var(--spacing-fluid-md);font-size:var(--font-size-fluid-base)}.exam-type-dropdown__info{flex-direction:row}}@container exam-type-dropdown (min-width: calc(var(--container-breakpoint-md) + 1px)){.exam-type-dropdown{gap:var(--spacing-fluid-lg)}.exam-type-dropdown__select{padding:var(--spacing-fluid-lg);font-size:var(--font-size-fluid-lg);padding-right:calc(var(--spacing-fluid-lg) * 3)}.exam-type-dropdown__info{padding:var(--spacing-fluid-md) var(--spacing-fluid-lg)}.exam-type-dropdown__details,.exam-type-dropdown__category{font-size:var(--font-size-fluid-sm)}}.question-count-input{container-type:inline-size;container-name:question-count-input;display:flex;flex-direction:column;gap:var(--spacing-fluid-md);width:100%}.question-count-input__label{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.question-count-input__presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--min-width-button),1fr));gap:var(--spacing-fluid-sm);width:100%}.question-count-input__preset{padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-fluid-md);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium);min-height:var(--size-button-min-height-mobile)}.question-count-input__preset:hover:not(:disabled){background:var(--glass-background-hover);border-color:var(--glass-primary-20);transform:var(--transform-slide-down)}.question-count-input__preset--selected{background:linear-gradient(135deg,var(--color-accent-rgba-20) 0%,var(--color-accent-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-accent-rgba-40);color:var(--color-accent-full)}.question-count-input__preset:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.question-count-input__manual{display:flex;align-items:center;gap:var(--spacing-fluid-sm);justify-content:center}.question-count-input__button{display:flex;align-items:center;justify-content:center;width:var(--size-button-min-height-mobile);height:var(--size-button-min-height-mobile);border-radius:var(--radius-fluid-md);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-medium)}.question-count-input__button:hover:not(:disabled){background:var(--glass-background-hover);border-color:var(--glass-primary-20);transform:var(--transform-slide-down)}.question-count-input__button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.question-count-input__input{padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-fluid-md);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-medium);text-align:center;width:calc(var(--spacing-fluid-xl) * 3);transition:var(--transition-medium)}.question-count-input__input:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-accent-focus)}.question-count-input__input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}@container question-count-input (max-width: var(--container-breakpoint-sm)){.question-count-input{gap:var(--spacing-fluid-sm)}.question-count-input__presets{grid-template-columns:repeat(auto-fit,minmax(var(--min-width-button-mobile),1fr));gap:var(--spacing-fluid-xs)}.question-count-input__preset{padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);font-size:var(--font-size-fluid-xs)}.question-count-input__button{width:var(--spinner-size-lg);height:var(--spinner-size-lg);font-size:var(--font-size-fluid-base)}.question-count-input__input{width:calc(var(--spacing-fluid-lg) * 2);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);font-size:var(--font-size-fluid-sm)}}@container question-count-input (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.question-count-input{gap:var(--spacing-fluid-md)}.question-count-input__presets{gap:var(--spacing-fluid-sm)}.question-count-input__preset{padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);font-size:var(--font-size-fluid-sm)}}@container question-count-input (min-width: calc(var(--container-breakpoint-md) + 1px)){.question-count-input{gap:var(--spacing-fluid-lg)}.question-count-input__presets{gap:var(--spacing-fluid-md)}.question-count-input__preset{padding:var(--spacing-fluid-md) var(--spacing-fluid-lg);font-size:var(--font-size-fluid-base)}.question-count-input__button{width:var(--size-button-min-height);height:var(--size-button-min-height);font-size:var(--font-size-fluid-xl)}.question-count-input__input{width:calc(var(--spacing-fluid-xl) * 4);padding:var(--spacing-fluid-md) var(--spacing-fluid-lg);font-size:var(--font-size-fluid-lg)}}.question-count-dropdown{container-type:inline-size;container-name:question-count-dropdown;display:flex;flex-direction:column;gap:var(--spacing-fluid-md);width:100%}.question-count-dropdown__label{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.question-count-dropdown__select{padding:var(--spacing-fluid-md);border-radius:var(--radius-fluid-md);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-fluid-md) center;padding-right:calc(var(--spacing-fluid-md) * 3);width:100%}.question-count-dropdown__select:hover:not(:disabled){background-color:var(--glass-background-hover);border-color:var(--glass-primary-20)}.question-count-dropdown__custom{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-md);border-radius:var(--radius-fluid-md);background:var(--glass-background);border:var(--glass-border);animation:slideIn var(--transition-medium) ease-out}@keyframes slideIn{0%{opacity:var(--opacity-hidden);transform:var(--transform-slide-up)}to{opacity:var(--opacity-visible);transform:var(--transform-none)}}.question-count-dropdown__custom-label{font-size:var(--font-size-fluid-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.question-count-dropdown__custom-input{padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-fluid-sm);border:var(--glass-border);background:var(--glass-background-hover);color:var(--color-text-primary);font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-medium);transition:var(--transition-medium)}.question-count-dropdown__error{padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);border-radius:var(--radius-fluid-sm);background:var(--color-error-bg);color:var(--color-error-text);font-size:var(--font-size-fluid-xs);font-weight:var(--font-weight-medium);border:var(--border-width-thin) solid var(--color-error-border)}@container question-count-dropdown (max-width: var(--container-breakpoint-sm)){.question-count-dropdown{gap:var(--spacing-fluid-sm)}.question-count-dropdown__select{padding:var(--spacing-fluid-sm);font-size:var(--font-size-fluid-sm);padding-right:calc(var(--spacing-fluid-sm) * 2.5)}.question-count-dropdown__custom{padding:var(--spacing-fluid-sm)}.question-count-dropdown__custom-input{padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);font-size:var(--font-size-fluid-sm)}}@container question-count-dropdown (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.question-count-dropdown{gap:var(--spacing-fluid-md)}.question-count-dropdown__select{padding:var(--spacing-fluid-md);font-size:var(--font-size-fluid-base)}.question-count-dropdown__custom{padding:var(--spacing-fluid-md)}}@container question-count-dropdown (min-width: calc(var(--container-breakpoint-md) + 1px)){.question-count-dropdown{gap:var(--spacing-fluid-lg)}.question-count-dropdown__select{padding:var(--spacing-fluid-lg);font-size:var(--font-size-fluid-lg);padding-right:calc(var(--spacing-fluid-lg) * 3)}.question-count-dropdown__custom{padding:var(--spacing-fluid-lg)}.question-count-dropdown__custom-input{padding:var(--spacing-fluid-md) var(--spacing-fluid-lg);font-size:var(--font-size-fluid-lg)}}.learn-button-container{container-type:inline-size;container-name:learn-button;position:relative;display:inline-block}.learn-button{display:flex;align-items:center;gap:clamp(.25rem,1cqw,.5rem);padding:clamp(.5rem,2cqw,.875rem) clamp(.625rem,2.5cqw,1rem);border-radius:clamp(.5rem,2cqw,.75rem);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:clamp(.8125rem,2.8cqw,1.0625rem);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium)}.learn-button:hover:not(:disabled){background:var(--glass-background-hover);border-color:var(--glass-primary-20);transform:var(--transform-slide-down)}.learn-button--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.learn-button__icon{font-size:var(--font-size-fluid-base)}.learn-button__text{color:var(--color-text-primary)}.learn-button__tooltip{position:absolute;bottom:100%;left:50%;transform:var(--transform-translate-x-center);margin-bottom:var(--spacing-fluid-xs);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);background:var(--color-background-primary);color:var(--color-text-primary);border:var(--glass-border);border-radius:var(--radius-fluid-sm);font-size:var(--font-size-fluid-xs);white-space:nowrap;z-index:10;animation:fadeIn var(--transition-medium) ease-out}.learn-button__tooltip-arrow{position:absolute;top:100%;left:50%;transform:var(--transform-translate-x-center);width:0;height:0;border-left:var(--spacing-fluid-xs) solid transparent;border-right:var(--spacing-fluid-xs) solid transparent;border-top:var(--spacing-fluid-xs) solid var(--color-background-primary)}@keyframes fadeIn{0%{opacity:var(--opacity-hidden);transform:var(--transform-translate-x-half-y-xs)}to{opacity:var(--opacity-visible);transform:var(--transform-translate-x-half-y-none)}}@container learn-button (max-width: var(--container-breakpoint-sm)){.learn-button{padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);font-size:var(--font-size-fluid-xs)}.learn-button__icon{font-size:var(--font-size-fluid-sm)}.learn-button__tooltip{font-size:var(--font-size-fluid-xs);padding:var(--spacing-fluid-xs)}}@container learn-button (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.learn-button{padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);font-size:var(--font-size-fluid-sm)}.learn-button__icon{font-size:var(--font-size-fluid-base)}}@container learn-button (min-width: calc(var(--container-breakpoint-md) + 1px)){.learn-button{padding:var(--spacing-fluid-md) var(--spacing-fluid-lg);font-size:var(--font-size-fluid-base)}.learn-button__icon{font-size:var(--font-size-fluid-lg)}.learn-button__tooltip{font-size:var(--font-size-fluid-sm);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md)}}.speed-time-selector{container-type:inline-size;container-name:speed-time-selector;display:flex;flex-direction:column;gap:var(--spacing-fluid-sm);width:100%}.speed-time-selector__label{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.speed-time-selector__select{padding:var(--spacing-fluid-md);border-radius:var(--radius-fluid-md);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-fluid-md) center;padding-right:calc(var(--spacing-fluid-md) * 3);width:100%}.speed-time-selector__select:hover:not(:disabled){background-color:var(--glass-background-hover);border-color:var(--glass-primary-20)}@container speed-time-selector (max-width: var(--container-breakpoint-sm)){.speed-time-selector{gap:var(--spacing-fluid-xs)}.speed-time-selector__select{padding:var(--spacing-fluid-sm);font-size:var(--font-size-fluid-sm);padding-right:calc(var(--spacing-fluid-sm) * 2.5)}}@container speed-time-selector (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.speed-time-selector{gap:var(--spacing-fluid-sm)}.speed-time-selector__select{padding:var(--spacing-fluid-md);font-size:var(--font-size-fluid-base)}}@container speed-time-selector (min-width: calc(var(--container-breakpoint-md) + 1px)){.speed-time-selector{gap:var(--spacing-fluid-md)}.speed-time-selector__select{padding:var(--spacing-fluid-lg);font-size:var(--font-size-fluid-lg);padding-right:calc(var(--spacing-fluid-lg) * 3)}}.timer-mode-toggle{container-type:inline-size;container-name:timer-mode-toggle;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-fluid-sm);width:100%}.timer-mode-toggle__option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-fluid-md);border-radius:var(--radius-fluid-lg);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-medium);min-height:var(--size-button-min-height);text-align:center;gap:var(--spacing-fluid-xs)}.timer-mode-toggle__option:hover:not(:disabled){background:var(--glass-background-hover);border-color:var(--glass-primary-20);transform:var(--transform-slide-down)}.timer-mode-toggle__option--selected{background:linear-gradient(135deg,var(--color-accent-rgba-20) 0%,var(--color-accent-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-accent-rgba-40);transform:var(--transform-slide-down)}.timer-mode-toggle__option--selected .timer-mode-toggle__label{color:var(--color-accent-full)}.timer-mode-toggle__option:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.timer-mode-toggle__icon{font-size:var(--font-size-fluid-xl);margin-bottom:var(--spacing-fluid-xs)}.timer-mode-toggle__label{font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-label);color:var(--color-text-primary);margin-bottom:var(--spacing-fluid-xs)}.timer-mode-toggle__description{font-size:var(--font-size-fluid-xs);color:var(--color-text-secondary);text-align:center}@container timer-mode-toggle (max-width: var(--container-breakpoint-sm)){.timer-mode-toggle{grid-template-columns:1fr;gap:var(--spacing-fluid-xs)}.timer-mode-toggle__option{padding:var(--spacing-fluid-sm);min-height:var(--size-button-min-height-mobile)}.timer-mode-toggle__icon{font-size:var(--font-size-fluid-lg)}.timer-mode-toggle__label{font-size:var(--font-size-fluid-sm)}.timer-mode-toggle__description{font-size:var(--font-size-fluid-xs)}}@container timer-mode-toggle (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.timer-mode-toggle{grid-template-columns:1fr 1fr;gap:var(--spacing-fluid-sm)}.timer-mode-toggle__option{padding:var(--spacing-fluid-md)}.timer-mode-toggle__icon{font-size:var(--font-size-fluid-xl)}}@container timer-mode-toggle (min-width: calc(var(--container-breakpoint-md) + 1px)){.timer-mode-toggle{grid-template-columns:1fr 1fr;gap:var(--spacing-fluid-md)}.timer-mode-toggle__option{padding:var(--spacing-fluid-lg)}.timer-mode-toggle__icon{font-size:var(--font-size-fluid-2xl)}.timer-mode-toggle__label{font-size:var(--font-size-fluid-lg)}.timer-mode-toggle__description{font-size:var(--font-size-fluid-sm)}}.navigation-buttons{container-type:inline-size;container-name:navigation-buttons;display:flex;flex-direction:column;gap:clamp(.75rem,3cqw,1.25rem);width:100%}.navigation-buttons__progress{display:flex;flex-direction:column;gap:clamp(.25rem,1cqw,.5rem);text-align:center}.navigation-buttons__progress-text{font-size:clamp(.6875rem,2.2cqw,.875rem);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.navigation-buttons__progress-bar{width:100%;height:var(--size-progress-bar);background:var(--glass-background);border-radius:var(--radius-full);overflow:hidden}.navigation-buttons__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-primary) 0%,var(--color-accent-glow) 100%);border-radius:var(--radius-full);transition:width var(--transition-medium) ease-out}.navigation-buttons__container{display:flex;gap:clamp(.75rem,3cqw,1.25rem);justify-content:center;align-items:center}.navigation-buttons--horizontal .navigation-buttons__container{flex-direction:row}.navigation-buttons--vertical .navigation-buttons__container{flex-direction:column}.navigation-buttons--grid .navigation-buttons__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--min-width-button),1fr));gap:var(--spacing-fluid-sm)}.navigation-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-fluid-xs);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-fluid-md);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium);min-height:var(--size-button-min-height-mobile);position:relative}.navigation-button--primary{background:linear-gradient(135deg,var(--color-accent-rgba-20) 0%,var(--color-accent-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-accent-rgba-40);color:var(--color-accent-full)}.navigation-button--submit{background:linear-gradient(135deg,var(--color-success-rgba-20) 0%,var(--color-success-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-success-rgba-40);color:var(--color-success-full)}.navigation-button:hover:not(:disabled){background:var(--glass-background-hover);border-color:var(--glass-primary-20);transform:var(--transform-slide-down)}.navigation-button--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.navigation-button__icon{font-size:var(--font-size-fluid-base)}.navigation-button__text{font-size:var(--font-size-fluid-sm)}.navigation-button__tooltip{position:absolute;top:100%;left:50%;transform:var(--transform-translate-x-center);margin-top:var(--spacing-fluid-xs);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);background:var(--color-background-primary);color:var(--color-text-primary);border:var(--glass-border);border-radius:var(--radius-fluid-sm);font-size:var(--font-size-fluid-xs);white-space:nowrap;z-index:10;opacity:var(--opacity-hidden);pointer-events:none;transition:var(--transition-medium)}.navigation-button:hover .navigation-button__tooltip{opacity:var(--opacity-visible)}@container navigation-buttons (max-width: var(--container-breakpoint-sm)){.navigation-buttons{gap:var(--spacing-fluid-sm)}.navigation-buttons__buttons{flex-direction:column;gap:var(--spacing-fluid-sm)}.navigation-button{padding:var(--spacing-fluid-sm);font-size:var(--font-size-fluid-sm)}}@container navigation-buttons (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.navigation-buttons{gap:var(--spacing-fluid-md)}.navigation-button{padding:var(--spacing-fluid-md);font-size:var(--font-size-fluid-base)}}@container navigation-buttons (min-width: calc(var(--container-breakpoint-md) + 1px)){.navigation-buttons{gap:var(--spacing-fluid-lg)}.navigation-button{padding:var(--spacing-fluid-lg);font-size:var(--font-size-fluid-lg)}}.nav-buttons-container{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm);width:100%;align-items:center;container-type:inline-size;container-name:nav-buttons}.nav-buttons-top-row{display:flex;align-items:center;gap:var(--spacing-fluid-md);width:100%;justify-content:space-between}.nav-buttons-bottom-row{display:flex;justify-content:center;width:100%}.nav-button{display:flex;align-items:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-md);border:var(--glass-border);font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-label);cursor:pointer;transition:var(--transition-fast);min-height:var(--size-button-min-height-mobile);background:var(--glass-background);color:var(--color-text-primary);box-shadow:var(--shadow-elevation-1)}.nav-button:hover:not(:disabled){background:var(--glass-background-hover);border:var(--glass-border-focus);transform:var(--transform-slide-down);box-shadow:var(--shadow-elevation-2)}.nav-button--submit-default{background:var(--glass-background);border:var(--glass-border);color:var(--color-text-disabled);opacity:var(--opacity-medium)}.nav-button--submit-default:hover:not(:disabled){background:var(--glass-background-hover);border:var(--glass-border-focus);color:var(--color-text-secondary);opacity:var(--opacity-muted)}.nav-button--submit-highlighted{background:linear-gradient(135deg,var(--color-success-bg-strong) 0%,var(--color-success-bg) 100%);border:var(--border-width-thick) solid var(--color-success);color:var(--color-success);box-shadow:0 0 var(--glow-md) var(--color-success-glow),var(--shadow-elevation-2);opacity:var(--opacity-full)}.nav-button--submit-highlighted:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-bg-extra) 0%,var(--color-success-bg-strong) 100%);color:var(--color-success-light);box-shadow:0 0 var(--glow-lg) var(--color-success-glow),var(--shadow-elevation-3);transform:translateY(calc(-1 * var(--spacing-fluid-xs)))}.nav-button--submit{background:linear-gradient(135deg,var(--color-success-rgba-20) 0%,var(--color-success-rgba-10) 100%);border:var(--color-success-border);color:var(--color-success-light);box-shadow:0 0 var(--glow-md) var(--color-success-glow),var(--shadow-elevation-1)}.nav-button--submit:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-rgba-25) 0%,var(--color-success-rgba-15) 100%);color:var(--color-success);box-shadow:0 0 var(--glow-lg) var(--color-success-glow),var(--shadow-elevation-2)}.nav-button:disabled,.nav-button--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;filter:var(--filter-grayscale-50);color:var(--color-text-disabled)}.nav-button:disabled:hover,.nav-button--disabled:hover{transform:var(--transform-none);box-shadow:var(--shadow-elevation-1)}.nav-button__icon{font-size:var(--font-size-fluid-base);line-height:var(--line-height-none);font-weight:700}.nav-button__text{font-size:var(--font-size-fluid-sm);line-height:var(--line-height-none)}.nav-progress{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-fluid-xs);flex:1;max-width:var(--max-width-content);margin:0 auto}.nav-progress__text{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-label);color:var(--color-text-primary);text-align:center}.nav-progress__bar{width:100%;height:var(--size-progress-bar);border-radius:var(--radius-full);overflow:hidden;background:linear-gradient(135deg,var(--color-black-20) 0%,var(--color-black-10) 100%);border:var(--glass-border);box-shadow:inset 0 var(--spacing-fluid-xs) var(--spacing-fluid-xs) var(--color-black-10)}.nav-progress__fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-medium);background:linear-gradient(90deg,var(--color-accent-primary) 0%,var(--color-success) 100%);box-shadow:0 0 var(--glow-sm) var(--color-accent-glow)}.nav-button--has-tooltip{position:relative}.nav-button__tooltip{position:absolute;bottom:calc(100% + var(--spacing-fluid-xs));left:50%;transform:var(--transform-translate-x-half);background:var(--color-background-elevated);border:var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-label);color:var(--color-text-primary);white-space:nowrap;opacity:var(--opacity-none);visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:1000;box-shadow:var(--shadow-elevation-2)}.nav-button--has-tooltip:hover .nav-button__tooltip{opacity:var(--opacity-full);visibility:visible}.nav-button__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:var(--transform-translate-x-half);border:var(--spacing-fluid-xs) solid transparent;border-top-color:var(--color-background-elevated)}.nav-button:focus{outline:var(--border-width-thick) solid var(--color-accent-primary);outline-offset:var(--focus-ring-offset)}.nav-button:focus-visible{box-shadow:var(--focus-ring),var(--shadow-elevation-1)}.nav-button--has-tooltip:focus .nav-button__tooltip{opacity:var(--opacity-full);visibility:visible}.keyboard-shortcuts{container-type:inline-size;container-name:keyboard-shortcuts;display:flex;justify-content:center;gap:var(--spacing-fluid-md);font-size:var(--font-size-fluid-xs);color:var(--color-text-disabled)}.keyboard-shortcuts__item{font-weight:var(--font-weight-medium);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);border-radius:var(--radius-sm);background:var(--glass-background);white-space:nowrap}@container keyboard-shortcuts (max-width: var(--breakpoint-sm)){.keyboard-shortcuts{gap:var(--spacing-fluid-sm)}.keyboard-shortcuts__item{font-size:calc(var(--font-size-fluid-xs) * .9);padding:calc(var(--spacing-fluid-xs) / 2) var(--spacing-fluid-xs)}}.option-button{container-type:inline-size;container-name:option-button;position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:clamp(2.5rem,8cqh,3.75rem);padding:clamp(.5rem,2cqw,1rem) clamp(.75rem,3cqw,1.25rem);font-size:clamp(.875rem,3cqw,1.125rem);font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-primary);background:var(--option-button-background);border:var(--glass-border);border-radius:clamp(.5rem,2cqw,.75rem);transition:all var(--transition-fast);cursor:pointer;user-select:none;-webkit-user-select:none}.option-button__shortcut{position:absolute;top:var(--spacing-fluid-sm);left:var(--spacing-fluid-sm);display:flex;align-items:center;justify-content:center;width:var(--size-shortcut-indicator);height:var(--size-shortcut-indicator);background:var(--glass-background);border:var(--glass-border-focus);border-radius:var(--radius-fluid-sm);font-size:var(--font-size-fluid-xs);font-weight:700;color:var(--color-text-secondary);transition:all var(--transition-fast)}.option-button__label{flex:1;padding:0 var(--spacing-fluid-sm);line-height:var(--line-height-relaxed)}.option-button__icon{position:absolute;top:50%;right:var(--spacing-fluid-md);transform:var(--transform-translate-center);display:flex;align-items:center;justify-content:center;width:var(--size-check-indicator);height:var(--size-check-indicator);border-radius:50%;font-size:var(--font-size-fluid-lg);font-weight:700;animation:iconPop var(--animation-check-pop) var(--animation-timing-ease-out)}.option-button__icon--correct{background:var(--color-success-bg);color:var(--color-success)}.option-button__icon--incorrect{background:var(--color-error-bg);color:var(--color-error)}.option-button--default:hover:not(:disabled){transform:var(--transform-slide-down);box-shadow:0 0 var(--glow-md) var(--color-accent-rgba-30),inset 0 var(--border-width-thin) 0 0 var(--glass-primary-25)}.option-button-default:active:not(:disabled){transform:var(--transform-translate-none)}.option-button--selected{background:linear-gradient(135deg,var(--color-accent-rgba-20) 0%,var(--color-accent-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-accent-rgba-40);box-shadow:0 0 var(--glow-md) var(--color-accent-rgba-30),inset 0 var(--border-width-thin) 0 0 var(--glass-primary-15)}.option-button--selected .option-button__shortcut{background:var(--color-accent-rgba-20);border-color:var(--color-accent-rgba-40);color:var(--color-text-primary)}.option-button--correct{background:linear-gradient(135deg,var(--color-success-rgba-20) 0%,var(--color-success-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-success-rgba-40);box-shadow:0 0 var(--glow-md) var(--color-success-rgba-40),inset 0 var(--border-width-thin) 0 0 var(--glass-primary-15);animation:correctPulse .5s var(--animation-timing-ease-out)}.option-button--correct:hover{box-shadow:0 0 var(--glow-lg) var(--color-success-rgba-40),inset 0 var(--border-width-thin) 0 0 var(--glass-primary-15)}.option-button--correct .option-button__shortcut{background:var(--color-success-rgba-20);border-color:var(--color-success-rgba-40)}.option-button--incorrect{background:linear-gradient(135deg,var(--color-error-bg) 0%,var(--color-error-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-error-rgba-40);box-shadow:0 0 var(--glow-md) var(--color-error-rgba-30),inset 0 var(--border-width-thin) 0 0 var(--glass-primary-15);animation:incorrectShake .5s var(--animation-timing-ease-out)}.option-button--incorrect:hover{box-shadow:0 0 var(--glow-lg) var(--color-error-rgba-40),inset 0 var(--border-width-thin) 0 0 var(--glass-primary-15)}.option-button--incorrect .option-button__shortcut{background:var(--color-error-bg);border-color:var(--color-error-rgba-40)}.option-button--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;filter:var(--filter-grayscale-medium)}.option-button--disabled:hover{transform:none;box-shadow:inset 0 var(--border-width-thin) 0 0 var(--glass-primary-15)}.option-button:focus-visible{outline:var(--border-width-thick) solid var(--color-accent-full);outline-offset:var(--border-width-thick);box-shadow:0 0 0 calc(var(--spacing-fluid-xs) * 2) var(--color-accent-rgba-25),0 0 var(--glow-md) var(--color-accent-rgba-30),inset 0 var(--border-width-thin) 0 0 var(--glass-primary-15)}@keyframes correctPulse{0%{transform:var(--transform-scale-none)}50%{transform:var(--transform-scale-105)}to{transform:var(--transform-scale-none)}}@keyframes incorrectShake{0%,to{transform:var(--transform-translate-x-none)}25%{transform:var(--transform-translate-x-negative)}75%{transform:var(--transform-translate-x-positive)}}@keyframes iconPop{0%{transform:var(--transform-translate-y-center-scale-0);opacity:var(--opacity-hidden)}50%{transform:var(--transform-translate-y-center-scale-120)}to{transform:var(--transform-translate-y-center-scale-none);opacity:var(--opacity-visible)}}@container option-button (max-width: var(--container-breakpoint-sm)){.option-button{min-height:var(--fluid-button-height);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);font-size:var(--font-size-fluid-sm)}.option-button__shortcut{width:calc(var(--size-shortcut-indicator) * .8);height:calc(var(--size-shortcut-indicator) * .8);font-size:calc(var(--font-size-fluid-xs) * .9)}.option-button__icon{width:calc(var(--size-check-indicator) * .9);height:calc(var(--size-check-indicator) * .9);font-size:var(--font-size-fluid-base)}}@container option-button (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.option-button{min-height:var(--fluid-button-height);padding:var(--spacing-fluid-md) var(--spacing-fluid-lg);font-size:var(--font-size-fluid-base)}.option-button__shortcut{width:var(--size-shortcut-indicator);height:var(--size-shortcut-indicator);font-size:var(--font-size-fluid-xs)}.option-button__icon{width:var(--size-check-indicator);height:var(--size-check-indicator);font-size:var(--font-size-fluid-lg)}}@container option-button (min-width: calc(var(--container-breakpoint-md) + 1px)){.option-button{min-height:var(--fluid-button-height);padding:var(--spacing-fluid-lg) var(--spacing-fluid-xl);font-size:var(--font-size-fluid-lg)}.option-button__shortcut{width:calc(var(--size-shortcut-indicator) * 1.2);height:calc(var(--size-shortcut-indicator) * 1.2);font-size:var(--font-size-fluid-sm)}.option-button__icon{width:calc(var(--size-check-indicator) * 1.1);height:calc(var(--size-check-indicator) * 1.1);font-size:var(--font-size-fluid-xl)}}.timer-display{container-type:inline-size;container-name:timer-display}.timer-display__progress{display:none}.timer-display{font-size:clamp(1rem,4cqw,1.5rem)!important;width:clamp(3.75rem,15cqw,7.5rem);height:clamp(3.75rem,15cqw,7.5rem)}.progress-badge{display:inline-flex;align-items:center;gap:var(--spacing-fluid-xs);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-text-primary);background:var(--glass-primary-05);border-radius:var(--radius-md);border:var(--glass-border);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);transition:all var(--transition-fast)}.progress-badge__icon{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-fluid-sm);line-height:var(--line-height-none)}.progress-badge__label{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.progress-badge__value{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.progress-badge--default{background:var(--glass-primary-05);border-color:var(--glass-primary-10)}.progress-badge--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-light)}.progress-badge--success .progress-badge__icon{color:var(--color-success)}.progress-badge--success .progress-badge__value{color:var(--color-success-light)}.progress-badge--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-light)}.progress-badge--warning .progress-badge__icon{color:var(--color-warning)}.progress-badge--warning .progress-badge__value{color:var(--color-warning-light)}.progress-badge--error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-light)}.progress-badge--error .progress-badge__icon{color:var(--color-error)}.progress-badge--error .progress-badge__value{color:var(--color-error-light)}.progress-badge--info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-light)}.progress-badge--info .progress-badge__icon{color:var(--color-info)}.progress-badge--info .progress-badge__value{color:var(--color-info-light)}.progress-badge:hover{background:var(--glass-primary-08);transform:translateY(calc(var(--spacing-fluid-xs) / -4))}.explanation-card{container-type:inline-size;container-name:explanation-card;display:flex;flex-direction:column;gap:var(--spacing-fluid-md);width:100%;max-width:100%;animation:slideInUp var(--animation-check-pop) var(--animation-timing-ease-out)}.explanation-card__header{display:flex;align-items:center;gap:var(--spacing-fluid-sm);padding-bottom:var(--spacing-fluid-sm);border-bottom:var(--glass-border)}.explanation-card__icon{font-size:var(--font-size-fluid-xl);line-height:var(--line-height-none)}.explanation-card__title{font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.explanation-card__content{display:flex;flex-direction:column;gap:var(--spacing-fluid-md)}.explanation-card__text{font-size:var(--font-size-fluid-base);line-height:var(--line-height-extra-loose);color:var(--color-text-primary);margin:0}.explanation-card__references{display:flex;flex-direction:column;gap:var(--spacing-fluid-xs);padding:var(--spacing-fluid-sm);background:var(--color-info-bg);border-radius:var(--radius-fluid-md);border:var(--border-width-thin) solid var(--color-info-border)}.explanation-card__subtitle{display:flex;align-items:center;gap:var(--spacing-fluid-xs);font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--spacing-fluid-xs) 0}.explanation-card__subtitle-icon{font-size:inherit;line-height:var(--line-height-none)}.explanation-card__reference-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-fluid-xs)}.explanation-card__reference-item{padding:calc(var(--spacing-fluid-xs) / 2) var(--spacing-fluid-xs);background:var(--glass-primary-05);border:var(--glass-border);border-radius:var(--radius-fluid-sm);font-size:var(--font-size-fluid-sm);color:var(--color-info-light)}.explanation-card__tips{display:flex;flex-direction:column;gap:var(--spacing-fluid-xs);padding:var(--spacing-fluid-sm);background:var(--color-success-rgba-05);border-radius:var(--radius-fluid-md);border:var(--border-width-thin) solid var(--color-success-border)}.explanation-card__tip-text{font-size:var(--font-size-fluid-base);line-height:var(--line-height-loose);color:var(--color-text-primary);margin:0;font-style:italic}.explanation-card:hover{box-shadow:var(--shadow-elevation-2);border-color:var(--glass-border-hover)}@container explanation-card (max-width: var(--container-breakpoint-sm)){.explanation-card{gap:var(--spacing-fluid-sm)}.explanation-card__header{gap:var(--spacing-fluid-xs);padding-bottom:var(--spacing-fluid-xs)}.explanation-card__icon{font-size:var(--font-size-fluid-lg)}.explanation-card__title,.explanation-card__text{font-size:var(--font-size-fluid-sm)}}@container explanation-card (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.explanation-card{gap:var(--spacing-fluid-md)}.explanation-card__header{gap:var(--spacing-fluid-sm)}.explanation-card__icon{font-size:var(--font-size-fluid-xl)}}@container explanation-card (min-width: calc(var(--container-breakpoint-md) + 1px)){.explanation-card{gap:var(--spacing-fluid-lg)}.explanation-card__header{gap:var(--spacing-fluid-md);padding-bottom:var(--spacing-fluid-md)}.explanation-card__icon{font-size:var(--font-size-fluid-2xl)}.explanation-card__title{font-size:var(--font-size-fluid-lg)}.explanation-card__text{font-size:var(--font-size-fluid-base)}}.question-card{container-type:inline-size;container-name:question-card;display:flex;flex-direction:column;gap:var(--spacing-fluid-md);width:100%;max-width:100%;animation:slideInUp var(--animation-check-pop) var(--animation-timing-ease-out)}.question-card__header{display:flex;align-items:center;gap:var(--spacing-fluid-sm);padding-bottom:var(--spacing-fluid-sm);border-bottom:var(--glass-border)}.question-card__icon{font-size:var(--font-size-fluid-xl);line-height:var(--line-height-none)}.question-card__title{font-size:var(--font-size-fluid-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.question-card__content{display:flex;flex-direction:column;gap:var(--spacing-fluid-md)}.question-card__text{font-size:var(--font-size-fluid-lg);line-height:var(--line-height-extra-loose);color:var(--color-text-primary);margin:0;font-weight:var(--font-weight-medium)}@keyframes slideInUp{0%{opacity:var(--opacity-hidden);transform:var(--transform-slide-up)}to{opacity:var(--opacity-visible);transform:var(--transform-none)}}.question-card:hover{box-shadow:var(--shadow-elevation-2);border-color:var(--glass-border-hover)}@container question-card (max-width: var(--container-breakpoint-sm)){.question-card{gap:var(--spacing-fluid-sm)}.question-card__header{gap:var(--spacing-fluid-xs);padding-bottom:var(--spacing-fluid-xs)}.question-card__icon,.question-card__title{font-size:var(--font-size-fluid-lg)}.question-card__text{font-size:var(--font-size-fluid-base)}}@container question-card (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.question-card{gap:var(--spacing-fluid-md)}.question-card__header{gap:var(--spacing-fluid-sm)}.question-card__icon{font-size:var(--font-size-fluid-xl)}}@container question-card (min-width: calc(var(--container-breakpoint-md) + 1px)){.question-card{gap:var(--spacing-fluid-lg)}.question-card__header{gap:var(--spacing-fluid-md);padding-bottom:var(--spacing-fluid-md)}.question-card__icon,.question-card__title{font-size:var(--font-size-fluid-2xl)}.question-card__text{font-size:var(--font-size-fluid-xl)}}.spinner{container-type:inline-size;container-name:spinner;display:flex;justify-content:center;align-items:center;padding:var(--spacing-fluid-md)}.spinner__circle{border:var(--spacing-fluid-xs) solid var(--color-black-rgba-10);border-top:var(--spacing-fluid-xs) solid var(--feature-glow-color);border-radius:50%;animation:spin 1s linear infinite}.spinner--small .spinner__circle{width:clamp(calc(var(--spinner-size-small) * .8),3cqw,var(--spinner-size-small));height:clamp(calc(var(--spinner-size-small) * .8),3cqw,var(--spinner-size-small));border-width:clamp(calc(var(--spinner-border-small) * .5),.3cqw,var(--spinner-border-small))}.spinner--medium .spinner__circle{width:clamp(calc(var(--spinner-size-medium) * .8),5cqw,var(--spinner-size-medium));height:clamp(calc(var(--spinner-size-medium) * .8),5cqw,var(--spinner-size-medium));border-width:var(--spacing-fluid-xs)}.spinner--large .spinner__circle{width:clamp(calc(var(--spinner-size-large) * .8),8cqw,var(--spinner-size-large));height:clamp(calc(var(--spinner-size-large) * .8),8cqw,var(--spinner-size-large));border-width:clamp(calc(var(--spinner-border-large) * .75),.6cqw,var(--spinner-border-large))}@keyframes spin{0%{transform:var(--transform-rotate-none)}to{transform:var(--transform-rotate-360)}}.spinner__circle--custom-color{border-top-color:var(--custom-color)}@media (prefers-reduced-motion: reduce){.spinner__circle{animation-duration:2s}}@container spinner (max-width: var(--container-breakpoint-sm)){.spinner{padding:var(--spacing-fluid-sm)}.spinner--small .spinner__circle{width:clamp(var(--spinner-size-xs),4cqw,var(--spinner-size-sm));height:clamp(var(--spinner-size-xs),4cqw,var(--spinner-size-sm))}.spinner--medium .spinner__circle{width:clamp(var(--spinner-size-sm),5cqw,var(--spinner-size-md));height:clamp(var(--spinner-size-sm),5cqw,var(--spinner-size-md))}.spinner--large .spinner__circle{width:clamp(var(--spinner-size-md),6cqw,var(--spinner-size-lg));height:clamp(var(--spinner-size-md),6cqw,var(--spinner-size-lg))}}@container spinner (min-width: calc(var(--container-breakpoint-sm) + 1px)) and (max-width: var(--container-breakpoint-md)){.spinner{padding:var(--spacing-fluid-md)}.spinner--small .spinner__circle{width:clamp(var(--spinner-size-sm),3cqw,var(--spinner-size-md));height:clamp(var(--spinner-size-sm),3cqw,var(--spinner-size-md))}.spinner--medium .spinner__circle{width:clamp(calc(var(--spinner-size-md) + .25rem),4cqw,var(--spinner-size-lg));height:clamp(calc(var(--spinner-size-md) + .25rem),4cqw,var(--spinner-size-lg))}.spinner--large .spinner__circle{width:clamp(var(--spinner-size-xl),5cqw,var(--spinner-size-2xl));height:clamp(var(--spinner-size-xl),5cqw,var(--spinner-size-2xl))}}@container spinner (min-width: calc(var(--container-breakpoint-md) + 1px)){.spinner{padding:var(--spacing-fluid-lg)}.spinner--small .spinner__circle{width:clamp(var(--spinner-size-md),2cqw,calc(var(--spinner-size-md) + .25rem));height:clamp(var(--spinner-size-md),2cqw,calc(var(--spinner-size-md) + .25rem))}.spinner--medium .spinner__circle{width:clamp(var(--spinner-size-lg),3cqw,calc(var(--spinner-size-2xl) - .5rem));height:clamp(var(--spinner-size-lg),3cqw,calc(var(--spinner-size-2xl) - .5rem))}.spinner--large .spinner__circle{width:clamp(var(--spinner-size-2xl),4cqw,var(--spinner-size-3xl));height:clamp(var(--spinner-size-2xl),4cqw,var(--spinner-size-3xl))}}.floating-attention{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:#1a2332d9;backdrop-filter:var(--glass-backdrop-blur-strong);-webkit-backdrop-filter:var(--glass-backdrop-blur-strong);border:var(--glass-border-enhanced);border-radius:var(--radius-fluid-lg);display:flex;align-items:center;gap:var(--spacing-fluid-xs);padding:var(--spacing-fluid-xs) calc(var(--spacing-fluid-xs) * 2);font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-medium);white-space:nowrap;box-shadow:var(--shadow-elevation-2),var(--shadow-elevation-1)}.floating-attention__icon{font-size:calc(var(--font-size-fluid-sm) * 1.1);line-height:var(--line-height-none);flex-shrink:0}.floating-attention__text{color:var(--color-accent-primary);line-height:var(--line-height-none)}.floating-attention--breathe{animation:floatingAttentionBreathe 3s ease-in-out infinite}.floating-attention--pulse{animation:floatingAttentionPulse 2s ease-in-out infinite}@keyframes floatingAttentionBreathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes floatingAttentionPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.9}}@media (prefers-reduced-motion: reduce){.floating-attention--breathe,.floating-attention--pulse{animation:none!important}.floating-attention{transform:translate(-50%,-50%)!important}}@container cq-footer (max-width: var(--breakpoint-sm)){.floating-attention{font-size:var(--font-size-fluid-xs);padding:calc(var(--spacing-fluid-xs) * .75) calc(var(--spacing-fluid-xs) * 1.5)}}@container cq-footer (min-width: var(--breakpoint-lg)){.floating-attention{font-size:var(--font-size-fluid-base);padding:var(--spacing-fluid-sm) calc(var(--spacing-fluid-sm) * 1.5)}}.results-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-fluid-md);width:100%}.results-header__icon{font-size:var(--font-size-fluid-3xl);line-height:var(--line-height-none);display:block}.results-header__title{font-size:var(--font-size-fluid-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.results-header__description{font-size:var(--font-size-fluid-base);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed);max-width:var(--max-width-results)}.category-card{container-type:inline-size;container-name:category-card;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-lg);border:var(--border-width-thick) solid transparent;border-radius:var(--radius-fluid-lg);cursor:pointer;transition:all var(--animation-timing-ease-out);width:100%;height:100%;min-height:var(--min-height-category-card)}.category-card:hover{transform:var(--transform-slide-down);box-shadow:var(--shadow-glow)}.category-card:active{transform:var(--transform-none)}.category-card--selected{border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow),0 0 0 var(--border-width-thin) var(--color-accent-primary)}.category-card--blue{--glow-color: var(--color-blue)}.category-card--red{--glow-color: var(--color-red)}.category-card--green{--glow-color: var(--color-green)}.category-card__icon{font-size:var(--font-size-fluid-3xl);line-height:var(--line-height-none)}.category-card__title{font-size:var(--font-size-fluid-xl);font-weight:var(--font-weight-semibold);text-align:center;color:var(--color-text-primary)}.category-card__description{font-size:var(--font-size-fluid-sm);text-align:center;color:var(--color-text-secondary);line-height:var(--line-height-tight)}.category-card__check{position:absolute;top:var(--spacing-fluid-sm);right:var(--spacing-fluid-sm);font-size:var(--font-size-lg);color:var(--color-accent-primary);background:var(--color-primary-bg);border-radius:var(--radius-full);width:var(--size-check-indicator);height:var(--size-check-indicator);display:flex;align-items:center;justify-content:center}@container category-card (max-width: var(--breakpoint-sm)){.category-card{padding:var(--spacing-fluid-md);gap:var(--spacing-fluid-xs)}.category-card__icon{font-size:var(--font-size-fluid-2xl)}}@container category-card (min-width: calc(var(--breakpoint-sm) + 1px)) and (max-width: var(--breakpoint-lg)){.category-card{padding:var(--spacing-fluid-lg);gap:var(--spacing-fluid-sm)}}@container category-card (min-width: calc(var(--breakpoint-lg) + 1px)){.category-card{padding:var(--spacing-fluid-xl);gap:var(--spacing-fluid-md)}.category-card__icon{font-size:clamp(3rem,8cqw,4rem)}}.time-button{container-type:inline-size;container-name:time-button;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-fluid-lg);min-height:var(--button-height-clamp);border-radius:var(--radius-fluid-lg);cursor:pointer;flex:1;max-width:var(--min-width-button);background:linear-gradient(135deg,var(--glass-primary-08) 0%,var(--glass-primary-03) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light);transition:var(--transition-medium)}.time-button:hover{border:var(--glass-border-focus);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transform:var(--transform-slide-down)}.time-button:active{transform:var(--transform-translate-none)}.time-button--selected{background:linear-gradient(135deg,var(--color-accent-rgba-20) 0%,var(--color-accent-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-accent-rgba-40);box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.time-button--selected .time-button__value{color:var(--color-accent-primary)}.time-button__value{font-size:clamp(var(--spacing-fluid-lg),4cqw,var(--spacing-fluid-xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-none);color:var(--color-text-primary)}.time-button__unit{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-fluid-xs)}.performance-badge{container-type:inline-size;container-name:performance-badge;display:flex;align-items:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-fluid-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.performance-badge--success{background:rgba(var(--color-success-rgb),.1);border:var(--border-width-thin) solid rgba(var(--color-success-rgb),.3);color:var(--color-success)}.performance-badge--primary{background:rgba(var(--color-primary-rgb),.1);border:var(--border-width-thin) solid rgba(var(--color-primary-rgb),.3);color:var(--color-primary)}.performance-badge--warning{background:rgba(var(--color-warning-rgb),.1);border:var(--border-width-thin) solid rgba(var(--color-warning-rgb),.3);color:var(--color-warning)}.performance-badge--error{background:rgba(var(--color-error-rgb),.1);border:var(--border-width-thin) solid rgba(var(--color-error-rgb),.3);color:var(--color-error)}.performance-badge__icon{font-size:var(--font-size-lg);line-height:var(--line-height-none)}.performance-badge__text{font-size:var(--font-size-sm)}.time-selector{container-type:inline-size;container-name:time-selector;display:flex;flex-direction:column;gap:clamp(var(--spacing-fluid-md),3cqw,var(--spacing-fluid-lg));width:100%}.time-selector__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;margin:0}.time-selector__options{display:flex;gap:clamp(1rem,2.5cqw,1.5rem);justify-content:center;align-items:center;flex-wrap:wrap;width:100%;max-width:var(--max-width-results);margin:0 auto}.question-with-answers__options{container-type:inline-size;container-name:question-options;display:flex;flex-direction:column;gap:var(--spacing-fluid-md);width:100%}.stats-display{container-type:inline-size;container-name:stats-display;display:flex;flex-direction:row;gap:var(--spacing-fluid-sm);flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.question-with-explanation{container-type:inline-size;container-name:question-explanation;display:flex;flex-direction:column;gap:var(--spacing-fluid-lg);width:100%}.quick-quiz-setup{container-type:inline-size;container-name:quick-quiz-setup;display:flex;flex-direction:column;gap:clamp(var(--spacing-fluid-xl),5cqw,var(--spacing-fluid-3xl));padding:clamp(var(--spacing-fluid-md),3cqw,2rem);width:100%;max-width:var(--max-width-content);margin:0 auto}.quick-quiz-setup__header{text-align:center;margin-top:var(--spacing-fluid-2xl);margin-bottom:var(--spacing-fluid-lg)}.quick-quiz-setup__title{font-size:var(--font-size-fluid-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-fluid-md) 0;text-shadow:0 0 var(--glow-md) var(--color-accent-border-medium)}.quick-quiz-setup__description{font-size:var(--font-size-fluid-lg);color:var(--color-text-secondary);line-height:var(--line-height-loose);max-width:var(--max-width-results);margin:0 auto}.quick-quiz-setup__categories,.quick-quiz-setup__time{width:100%}.quick-quiz-setup__actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-fluid-md)}.quick-quiz-setup__start-button{padding:clamp(.75rem,2cqw,var(--spacing-fluid-md)) clamp(var(--spacing-fluid-xl),5cqw,var(--spacing-fluid-3xl));font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-lg);display:flex;align-items:center;gap:.5rem;transition:all var(--transition-standard)}.quick-quiz-setup__loading-icon,.quick-quiz-setup__start-icon{font-size:1.25em}.quick-quiz-setup__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0}.quick-quiz-setup__keyboard-hints{text-align:center;opacity:var(--opacity-muted)}.quick-quiz-setup__keyboard-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.quick-quiz-question{container-type:inline-size;container-name:quick-quiz-question;display:flex;flex-direction:column;gap:clamp(var(--spacing-fluid-lg),4cqw,var(--spacing-fluid-2xl));padding:clamp(var(--spacing-fluid-md),3cqw,var(--spacing-fluid-xl));width:100%;max-width:var(--max-width-content);margin:0 auto}.quick-quiz-question__header{text-align:center}.quick-quiz-question__content{display:flex;flex-direction:column;gap:clamp(1.5rem,4cqw,2rem);width:100%}.quick-quiz-question__text{font-size:clamp(1.125rem,3cqw,1.375rem);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);color:var(--color-text-primary);text-align:center;margin:0;padding:0 1rem}.quick-quiz-question__feedback{align-self:center}.quick-quiz-question__hint{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);opacity:var(--opacity-muted)}.quick-quiz-results{container-type:inline-size;container-name:quick-quiz-results;display:flex;flex-direction:column;gap:clamp(var(--spacing-fluid-xl),5cqw,var(--spacing-fluid-3xl));padding:clamp(var(--spacing-fluid-md),3cqw,2rem);width:100%;max-width:var(--max-width-content);margin:0 auto;text-align:center}.quick-quiz-results__header{display:flex;flex-direction:column;gap:var(--spacing-fluid-md);align-items:center}.quick-quiz-results__title{font-size:clamp(1.75rem,5cqw,2.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.quick-quiz-results__performance{display:flex;align-items:center;gap:var(--spacing-fluid-sm);padding:.75rem var(--spacing-fluid-lg);background:rgba(var(--color-primary-rgb),.1);border:var(--border-width-thin) solid rgba(var(--color-primary-rgb),.3);border-radius:var(--border-radius-lg)}.quick-quiz-results__performance-icon{font-size:var(--spacing-fluid-lg)}.quick-quiz-results__performance-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.quick-quiz-results__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--min-width-button),1fr));gap:clamp(var(--spacing-fluid-md),3cqw,var(--spacing-fluid-lg));width:100%;max-width:var(--max-width-results);margin:0 auto}.quick-quiz-results__action-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-fluid-sm);padding:clamp(.75rem,2cqw,var(--spacing-fluid-md));font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);transition:all var(--transition-standard);min-height:var(--spacing-fluid-3xl)}.quick-quiz-results__action-button span{font-size:var(--font-size-lg)}.quick-quiz-review{container-type:inline-size;container-name:quick-quiz-review;display:flex;flex-direction:column;gap:clamp(var(--spacing-fluid-lg),4cqw,var(--spacing-fluid-xl));padding:clamp(var(--spacing-fluid-md),3cqw,2rem);width:100%;max-width:var(--max-width-content);margin:0 auto}.quick-quiz-review--empty{text-align:center;justify-content:center;min-height:var(--min-height-content)}.quick-quiz-review__header{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm);align-items:center;text-align:center}.quick-quiz-review__title{font-size:clamp(var(--spacing-fluid-lg),4cqw,var(--spacing-fluid-xl));font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.quick-quiz-review__result{display:flex;align-items:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--border-radius-md)}.quick-quiz-review__result-icon{font-size:1.25rem}.quick-quiz-review__result-icon.correct{color:var(--color-success)}.quick-quiz-review__result-icon.incorrect{color:var(--color-error)}.quick-quiz-review__result-text{font-weight:var(--font-weight-semibold)}.quick-quiz-review__empty-text{color:var(--color-text-secondary);margin:var(--spacing-fluid-md) 0}.quick-quiz-review__exit-button{padding:var(--spacing-fluid-sm) 2rem;font-size:var(--font-size-base)}.quick-quiz-review__content{display:flex;flex-direction:column;gap:clamp(var(--spacing-fluid-lg),4cqw,var(--spacing-fluid-xl))}.quick-quiz-review__question-text{font-size:clamp(1.125rem,3cqw,1.375rem);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);color:var(--color-text-primary);text-align:center;margin:0}.quick-quiz-review__options{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--spacing-fluid-md),2.5cqw,1.5rem);width:100%;max-width:var(--max-width-results);margin:0 auto}.quick-quiz-review__option{position:relative;display:flex;flex-direction:column;gap:var(--spacing-fluid-sm);align-items:center}.quick-quiz-review__user-indicator{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);background:rgba(var(--color-primary-rgb),.1);padding:.25rem var(--spacing-fluid-sm);border-radius:var(--border-radius-sm)}.quick-quiz{container-type:inline-size;container-name:quick-quiz;height:100dvh;width:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-primary-bg-light) 50%,var(--color-primary-bg-lighter) 100%)}.quick-quiz__header-layout{display:flex;align-items:center;gap:var(--spacing-fluid-lg);width:100%;padding:0 var(--spacing-fluid-md)}.quick-quiz__home-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-fluid-sm);border:var(--glass-border);border-radius:var(--radius-fluid-md);background:var(--glass-background);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast);min-width:var(--size-button-min-height-mobile);min-height:var(--size-button-min-height-mobile);font-size:var(--font-size-fluid-lg);flex-shrink:0}.quick-quiz__home-button:hover{background:var(--glass-background-hover);transform:var(--transform-slide-down)}.quick-quiz__status{display:flex;align-items:center;justify-content:space-between;flex:1;gap:var(--spacing-fluid-lg)}.quick-quiz__title{font-size:var(--font-size-fluid-xl);font-weight:var(--font-weight-label);color:var(--color-text-primary);white-space:nowrap;flex-shrink:0}.quick-quiz__mode{display:flex;justify-content:center;align-items:center;flex:1;font-size:var(--font-size-fluid-base);color:var(--color-text-secondary)}.quick-quiz__timer{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0}.quick-quiz__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-fluid-lg);min-height:var(--min-height-content);text-align:center}.quick-quiz__loading p{font-size:var(--font-size-fluid-base);color:var(--color-text-secondary);margin:0}.quick-quiz__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-fluid-lg);min-height:var(--min-height-content);text-align:center;padding:var(--spacing-fluid-lg)}.quick-quiz__error-message{font-size:var(--font-size-fluid-lg);color:var(--color-error-light);background:var(--color-error-bg);border:var(--border-width-thin) solid var(--color-error-border);border-radius:var(--radius-fluid-md);padding:var(--spacing-fluid-md) var(--spacing-fluid-lg);margin:0}.quick-quiz__error button{padding:var(--spacing-fluid-sm) var(--spacing-fluid-lg);font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-semibold)}.quick-quiz__footer-stats{display:flex;align-items:center;justify-content:center;gap:var(--spacing-fluid-lg);width:100%}.quick-quiz__footer-text{text-align:center;font-size:var(--font-size-fluid-sm);color:var(--color-text-secondary);margin:0}.quick-quiz-review__footer-nav{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm);width:100%;min-height:var(--spacing-fluid-4xl);padding:var(--spacing-fluid-sm) 0;text-align:initial}.quick-quiz-review__footer-top{display:flex;justify-content:center;align-items:center;width:100%}.quick-quiz-review__footer-middle{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-fluid-md);width:100%}.quick-quiz-review__footer-bottom{display:flex;justify-content:center;align-items:center;margin-top:auto;width:100%}.quick-quiz-review__exit-button{font-size:var(--font-size-fluid-xs);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);min-height:var(--spacing-fluid-lg)}.quick-quiz-review__nav-button{font-size:var(--font-size-fluid-sm);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);min-width:var(--spacing-fluid-3xl);min-height:var(--spacing-fluid-xl)}.quick-quiz-review__progress-bar{font-size:var(--font-size-fluid-xs);color:var(--color-text-secondary);text-align:center;opacity:var(--opacity-muted);padding:var(--spacing-fluid-xs) 0;border-top:var(--border-width-thin) solid rgba(255,255,255,.1);width:100%}.quick-quiz footer{min-height:var(--spacing-fluid-5xl);display:flex;flex-direction:column;text-align:initial}.sr-only{position:absolute;width:var(--border-width-thin);height:var(--border-width-thin);padding:0;margin:calc(var(--border-width-thin) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.config-card{display:flex;flex-direction:column;width:100%;border-radius:var(--radius-lg);padding:var(--spacing-fluid-lg);container-type:inline-size;container-name:config-card;background:linear-gradient(135deg,var(--glass-background) 0%,var(--color-inset-highlight-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transition:var(--transition-medium)}.config-card:hover:not(.config-card--disabled){background:linear-gradient(135deg,var(--glass-background-medium) 0%,var(--glass-background-strong) 100%);border:var(--glass-border-focus);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transform:var(--transform-slide-down)}.config-card__header{display:flex;align-items:flex-start;gap:var(--spacing-fluid-md);margin-bottom:var(--spacing-fluid-lg)}.config-card__icon{font-size:var(--font-size-fluid-xl);line-height:var(--line-height-none);flex-shrink:0;margin-top:var(--spacing-fluid-xs)}.config-card__title-group{flex:1;display:flex;flex-direction:column;gap:var(--spacing-fluid-xs)}.config-card__title{font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-label);color:var(--color-text-primary);margin:0;line-height:var(--line-height-label)}.config-card__description{font-size:var(--font-size-fluid-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.config-card__content{display:flex;flex-direction:column;gap:var(--spacing-fluid-md);width:100%}.config-card--disabled{opacity:var(--opacity-subtle);cursor:not-allowed;filter:var(--filter-grayscale-30);pointer-events:none}.config-card--disabled .config-card__title,.config-card--disabled .config-card__description{color:var(--color-text-disabled)}.config-card--disabled:hover{transform:none;background:linear-gradient(135deg,var(--glass-background) 0%,var(--color-inset-highlight-light) 100%);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.config-card--compact{padding:var(--spacing-fluid-md)}.config-card--compact .config-card__header{margin-bottom:var(--spacing-fluid-md)}.config-card--compact .config-card__title{font-size:var(--font-size-fluid-base)}.config-card--compact .config-card__description{font-size:var(--font-size-fluid-xs)}.config-card:focus-within{border:var(--glass-border-focus);box-shadow:0 0 0 var(--spacing-fluid-xs) #40a4ff4d,var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.mode-toggle{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm);width:100%;container-type:inline-size;container-name:mode-toggle}.mode-toggle__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-fluid-sm);width:100%}.mode-toggle__option{position:relative;display:block;cursor:pointer;transition:var(--transition-colors);border-radius:var(--radius-lg);padding:0;margin:0}.mode-toggle__option:hover{transform:var(--transform-slide-down)}.mode-toggle__option:active{transform:var(--transform-none)}.mode-toggle__input{position:absolute;opacity:var(--opacity-none);width:0;height:0;margin:0;padding:0;border:0}.mode-toggle__label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-fluid-lg);min-height:var(--min-height-category-card);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--glass-background-light) 0%,var(--glass-background-subtle) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light);transition:var(--transition-medium);cursor:pointer}.mode-toggle__icon{font-size:var(--font-size-fluid-2xl);margin-bottom:var(--spacing-fluid-sm);display:block}.mode-toggle__text{font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-label);color:var(--color-text-primary);margin-bottom:var(--spacing-fluid-xs);line-height:var(--line-height-label)}.mode-toggle__description{font-size:var(--font-size-fluid-sm);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-tight)}.mode-toggle__option--selected .mode-toggle__label{background:linear-gradient(135deg,var(--color-accent-bg-medium) 0%,var(--color-accent-bg-light) 100%);border:var(--border-width-thin) solid var(--color-accent-border-strong);box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transform:var(--transform-slide-down)}.mode-toggle__option--selected .mode-toggle__text{color:var(--color-accent-primary)}.mode-toggle__option:not(.mode-toggle__option--selected):hover .mode-toggle__label{background:linear-gradient(135deg,var(--glass-background) 0%,var(--glass-background-subtle) 100%);border:var(--glass-border-focus);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.mode-toggle__input:focus+.mode-toggle__label{outline:var(--border-width-thick) solid var(--color-accent-primary);outline-offset:var(--focus-ring-offset)}.mode-toggle__input:focus-visible+.mode-toggle__label{box-shadow:var(--focus-ring),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}.mode-toggle__option:has(.mode-toggle__input:disabled){opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.mode-toggle__option:has(.mode-toggle__input:disabled) .mode-toggle__label{filter:var(--filter-grayscale-50);cursor:not-allowed}.exam-type-dropdown{display:flex;flex-direction:column;gap:var(--spacing-fluid-md);width:100%;container-type:inline-size;container-name:exam-type-dropdown}.exam-type-dropdown__container{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm)}.exam-type-dropdown__label{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.exam-type-dropdown__select{padding:var(--spacing-fluid-md);border-radius:var(--radius-md);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-fluid-md) center;padding-right:calc(var(--spacing-fluid-md) * 3);width:100%}.exam-type-dropdown__select:hover:not(:disabled){background-color:var(--glass-background-hover);border-color:var(--glass-border-hover)}.exam-type-dropdown__select:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-accent-focus)}.exam-type-dropdown__select:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.exam-type-dropdown__select option{background:var(--color-background-primary);color:var(--color-text-primary);padding:var(--spacing-fluid-sm)}.exam-type-dropdown__select option:disabled{color:var(--color-text-disabled);font-style:italic}.exam-type-dropdown__info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-info-bg) 0%,var(--color-info-bg-light) 100%);border:var(--color-info-border);animation:slideIn var(--transition-medium) ease-out}.exam-type-dropdown__details{font-size:var(--font-size-fluid-xs);color:var(--color-info-light);font-weight:var(--font-weight-medium)}.exam-type-dropdown__category{font-size:var(--font-size-fluid-xs);color:var(--color-info-light);display:flex;align-items:center;gap:var(--spacing-fluid-xs)}.exam-type-dropdown__select{font-size:var(--font-size-fluid-base);padding:var(--spacing-fluid-sm) calc(var(--spacing-fluid-md) * 2.5) var(--spacing-fluid-sm) var(--spacing-fluid-md)}.exam-type-dropdown__info{flex-direction:row;align-items:center}.question-count-input{display:flex;flex-direction:column;gap:var(--spacing-fluid-md);width:100%;container-type:inline-size;container-name:question-count-input}.question-count-input__presets{display:grid;grid-template-columns:var(--grid-columns-auto-fit);gap:var(--spacing-fluid-sm);width:100%}.question-count-input__preset{display:flex;align-items:center;justify-content:center;min-height:var(--size-button-min-height-mobile);padding:var(--spacing-fluid-sm) var(--spacing-fluid-xs);border-radius:var(--radius-md);font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;border:none;background:linear-gradient(135deg,var(--glass-background-light) 0%,var(--glass-background-subtle) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-1),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light);transition:var(--transition-fast)}.question-count-input__preset:hover:not(:disabled){background:linear-gradient(135deg,var(--glass-background-medium) 0%,var(--glass-background-subtle) 100%);border:var(--glass-border-focus);box-shadow:var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transform:var(--transform-slide-down)}.question-count-input__preset--selected{background:linear-gradient(135deg,var(--color-accent-bg-strong) 0%,var(--color-accent-bg-extra) 100%);border:var(--border-width-thin) solid var(--color-accent-border-strong);box-shadow:0 0 var(--glow-md) var(--color-accent-border-medium),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);color:var(--color-accent-primary);transform:var(--transform-slide-down)}.question-count-input__preset--selected:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-rgba-30) 0%,var(--color-accent-rgba-20) 100%);box-shadow:var(--shadow-glow),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--glass-background-highlight)}.question-count-input__preset:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;filter:var(--filter-grayscale-50)}.question-count-input__preset:disabled:hover{transform:none;box-shadow:var(--shadow-elevation-1),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}.question-count-input__custom{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm);width:100%}.question-count-input__label{font-size:var(--font-size-fluid-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.question-count-input__controls{display:flex;align-items:center;gap:0;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,var(--glass-background-light) 0%,var(--glass-background-subtle) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}.question-count-input__button{display:flex;align-items:center;justify-content:center;min-width:var(--size-button-min-height-mobile);height:var(--size-button-min-height-mobile);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);padding:0}.question-count-input__button:hover:not(:disabled){background:var(--glass-background-extra-subtle);color:var(--color-text-primary)}.question-count-input__button:active:not(:disabled){background:var(--glass-background-extra-extra-light);color:var(--color-accent-primary)}.question-count-input__button:disabled{opacity:var(--opacity-very-light);cursor:not-allowed;color:var(--color-text-disabled)}.question-count-input__input{flex:1;height:var(--size-button-min-height-mobile);padding:0 var(--spacing-fluid-sm);border:none;background:none;color:var(--color-text-primary);font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-semibold);text-align:center;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.question-count-input__input::-webkit-outer-spin-button,.question-count-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.question-count-input__input::placeholder{color:var(--color-text-disabled)}.question-count-input__input:focus{color:var(--color-accent-primary);background:var(--color-accent-rgba-05)}.question-count-input__input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;color:var(--color-text-disabled)}.question-count-input__controls:focus-within{border:var(--glass-border-focus);box-shadow:0 0 0 var(--spacing-fluid-xs) var(--color-accent-border-medium),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}.question-count-input__error{padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);background:var(--color-error-bg);border:var(--glass-border-error);border-radius:var(--radius-sm);color:var(--color-error-light);font-size:var(--font-size-fluid-xs);animation:slideInUp .2s ease-out}@keyframes slideInUp{0%{opacity:var(--opacity-none);transform:var(--transform-slide-up)}to{opacity:var(--opacity-full);transform:var(--transform-none)}}.question-count-dropdown{display:flex;flex-direction:column;gap:var(--spacing-fluid-md);width:100%;container-type:inline-size;container-name:question-count-dropdown}.question-count-dropdown__container{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm)}.question-count-dropdown__label{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.question-count-dropdown__select{padding:var(--spacing-fluid-md);border-radius:var(--radius-md);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-fluid-md) center;padding-right:calc(var(--spacing-fluid-md) * 3)}.question-count-dropdown__select:hover:not(:disabled){background-color:var(--glass-background-hover);border-color:var(--glass-border-hover)}.question-count-dropdown__select:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-accent-focus)}.question-count-dropdown__select:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.question-count-dropdown__custom{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-md);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-info-bg) 0%,var(--color-info-bg-light) 100%);border:var(--color-info-border);animation:slideIn var(--transition-medium) ease-out}@keyframes slideIn{0%{opacity:var(--opacity-none);transform:var(--transform-slide-up)}to{opacity:var(--opacity-full);transform:var(--transform-none)}}.question-count-dropdown__custom-label{font-size:var(--font-size-fluid-xs);font-weight:var(--font-weight-label);color:var(--color-info-light)}.question-count-dropdown__custom-input{padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-md);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-semibold);text-align:center;transition:var(--transition-medium);width:100%}.question-count-dropdown__custom-input:hover:not(:disabled){background:var(--glass-background-hover);border-color:var(--glass-border-hover)}.question-count-dropdown__custom-input:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-accent-focus)}.question-count-dropdown__custom-input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.question-count-dropdown__custom-input[type=number]::-webkit-inner-spin-button,.question-count-dropdown__custom-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.question-count-dropdown__custom-input[type=number]{-moz-appearance:textfield}.question-count-dropdown__error{font-size:var(--font-size-fluid-xs);color:var(--color-error-light);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);border-radius:var(--radius-sm);background:var(--color-error-bg);border:var(--color-error-border);animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:var(--transform-none)}25%{transform:translate(calc(var(--spacing-fluid-xs) * -1))}75%{transform:translate(var(--spacing-fluid-xs))}}.difficulty-radio{display:flex;flex-direction:column;width:100%;container-type:inline-size;container-name:difficulty-radio}.difficulty-radio__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-fluid-sm);width:100%}.difficulty-radio__option{position:relative;display:block;cursor:pointer;transition:var(--transition-colors);border-radius:var(--radius-lg);padding:0;margin:0}.difficulty-radio__option:hover{transform:var(--transform-slide-down)}.difficulty-radio__option:active{transform:var(--transform-none)}.difficulty-radio__input{position:absolute;opacity:var(--opacity-light);width:0;height:0;margin:0;padding:0;border:0}.difficulty-radio__label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-fluid-md);min-height:var(--size-button-min-height);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-inset-highlight-light) 0%,var(--color-inset-highlight-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light);transition:var(--transition-medium);cursor:pointer}.difficulty-radio__icon{font-size:var(--font-size-fluid-xl);margin-bottom:var(--spacing-fluid-xs);display:block}.difficulty-radio__text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-fluid-xs)}.difficulty-radio__title{font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-label);color:var(--color-text-primary);line-height:var(--line-height-label)}.difficulty-radio__description{font-size:var(--font-size-fluid-xs);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-tight);max-width:var(--min-width-button)}.difficulty-radio__option--selected .difficulty-radio__label{background:linear-gradient(135deg,var(--color-accent-bg-medium) 0%,var(--color-accent-bg-light) 100%);border:var(--border-width-thin) solid var(--color-accent-border-strong);box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transform:var(--transform-slide-down)}.difficulty-radio__option--selected .difficulty-radio__title{color:var(--color-accent-primary)}.difficulty-radio__option--selected:has(.difficulty-radio__input[value=mixed]) .difficulty-radio__label{background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-glow-light) 100%);border:var(--border-width-thin) solid var(--color-accent-primary);box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.difficulty-radio__option--selected:has(.difficulty-radio__input[value=mixed]) .difficulty-radio__title{color:var(--color-accent-primary)}.difficulty-radio__option:not(.difficulty-radio__option--selected):hover .difficulty-radio__label{background:linear-gradient(135deg,var(--glass-background) 0%,var(--glass-background-subtle) 100%);border:var(--glass-border-focus);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.difficulty-radio__input:focus+.difficulty-radio__label{outline:var(--border-width-thick) solid var(--color-accent-primary);outline-offset:var(--focus-ring-offset)}.difficulty-radio__input:focus-visible+.difficulty-radio__label{box-shadow:var(--focus-ring),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}.difficulty-radio__option:has(.difficulty-radio__input:disabled){opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.difficulty-radio__option:has(.difficulty-radio__input:disabled) .difficulty-radio__label{filter:var(--filter-grayscale-50);cursor:not-allowed}.learn-button-container{position:relative;display:flex;justify-content:center;container-type:inline-size;container-name:learn-button}.learn-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-fluid-xs);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-md);border:none;font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-medium);background:linear-gradient(135deg,var(--color-accent-bg-medium) 0%,var(--color-accent-bg-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--border-width-thin) solid var(--color-accent-border-medium);box-shadow:0 0 var(--glow-sm) var(--color-accent-bg-medium),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light);color:var(--color-accent-primary)}.learn-button__icon{font-size:var(--font-size-fluid-lg);display:block;line-height:var(--line-height-none)}.learn-button__text{font-size:var(--font-size-fluid-sm);line-height:var(--line-height-none)}.learn-button:not(.learn-button--disabled):hover{background:linear-gradient(135deg,var(--color-accent-bg-medium) 0%,var(--color-accent-bg-light) 100%);border:var(--border-width-thin) solid var(--color-accent-border-strong);box-shadow:0 0 var(--glow-md) var(--color-accent-border-medium),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transform:var(--transform-slide-down);color:var(--color-accent-primary)}.learn-button:not(.learn-button--disabled):active{transform:var(--transform-none);box-shadow:0 0 var(--glow-sm) var(--color-accent-bg-medium),var(--shadow-elevation-1),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}.learn-button--disabled{opacity:var(--opacity-subtle);cursor:not-allowed;filter:var(--filter-grayscale-30);background:linear-gradient(135deg,var(--color-neutral-bg) 0%,var(--color-neutral-bg-light) 100%);border:var(--border-width-thin) solid var(--color-neutral-border);box-shadow:var(--shadow-elevation-1),inset 0 var(--border-width-thin) 0 0 #ffffff0d;color:var(--color-text-disabled)}.learn-button--disabled:hover{transform:none;background:linear-gradient(135deg,var(--color-neutral-bg) 0%,var(--color-neutral-bg-light) 100%);box-shadow:var(--shadow-elevation-1),inset 0 var(--border-width-thin) 0 0 #ffffff0d}.learn-button:focus{outline:var(--border-width-thick) solid var(--color-accent-primary);outline-offset:var(--focus-ring-offset)}.learn-button:focus-visible{box-shadow:var(--focus-ring),0 0 var(--glow-sm) var(--color-accent-bg-medium),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}.learn-button__tooltip{position:absolute;bottom:100%;left:50%;transform:var(--transform-translate-x-half);margin-bottom:var(--spacing-fluid-xs);pointer-events:none;z-index:1000;animation:tooltipFadeIn .2s ease-out}.learn-button__tooltip-content{padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);border-radius:var(--radius-sm);font-size:var(--font-size-fluid-xs);white-space:nowrap;background:linear-gradient(135deg,var(--color-black-80) 0%,var(--color-black-90) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light);color:var(--color-text-primary)}.learn-button__tooltip-arrow{position:absolute;top:100%;left:50%;transform:var(--transform-translate-x-half);width:0;height:0;border-left:var(--spacing-fluid-xs) solid transparent;border-right:var(--spacing-fluid-xs) solid transparent;border-top:var(--spacing-fluid-xs) solid rgba(0,0,0,.8)}@keyframes tooltipFadeIn{0%{opacity:var(--opacity-none);transform:var(--transform-translate-x-half-y-xs)}to{opacity:var(--opacity-full);transform:var(--transform-translate-x-half)}}.learn-button--available{animation:aiButtonPulse 2s ease-in-out infinite}@keyframes aiButtonPulse{0%,to{box-shadow:0 0 var(--glow-sm) var(--color-accent-bg-medium),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}50%{box-shadow:var(--shadow-glow),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}}.speed-time-selector{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm);width:100%;container-type:inline-size;container-name:speed-time-selector}.speed-time-selector__label{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.speed-time-selector__select{padding:var(--spacing-fluid-md);border-radius:var(--radius-md);border:var(--glass-border);background:var(--glass-background);color:var(--color-text-primary);font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-fluid-md) center;padding-right:calc(var(--spacing-fluid-md) * 3)}.speed-time-selector__select:hover:not(:disabled){background-color:var(--glass-background-hover);border-color:var(--glass-border-hover)}.speed-time-selector__select:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-accent-focus)}.speed-time-selector__select:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.speed-time-selector__select option{background:var(--color-background-primary);color:var(--color-text-primary);padding:var(--spacing-fluid-sm)}.speed-time-selector__select{font-size:var(--font-size-fluid-base);padding:var(--spacing-fluid-sm) calc(var(--spacing-fluid-md) * 2.5) var(--spacing-fluid-sm) var(--spacing-fluid-md)}.timer-config{display:flex;flex-direction:column;gap:var(--spacing-fluid-md);padding:var(--spacing-fluid-md);border-radius:var(--radius-md);container-type:inline-size;container-name:timer-config;background:linear-gradient(135deg,var(--color-inset-highlight-light) 0%,var(--color-inset-highlight-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--glass-background-light)}.timer-config__header{display:flex;align-items:center;gap:var(--spacing-fluid-sm)}.timer-config__icon{font-size:var(--font-size-fluid-lg);flex-shrink:0;opacity:var(--opacity-muted)}.timer-config__info{display:flex;flex-direction:column;gap:var(--spacing-fluid-xs);flex:1}.timer-config__title{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.timer-config__description{font-size:var(--font-size-fluid-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.timer-config__value{font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-bold);text-align:center;padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--glass-background-light) 0%,var(--glass-background-subtle) 100%);border:var(--glass-border)}.timer-config--test .timer-config__value{color:var(--color-warning);background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-bg-light) 100%);border:var(--color-warning-border)}.timer-config--test .timer-config__icon{color:var(--color-warning)}.timer-config--practice .timer-config__value{color:var(--color-info);background:linear-gradient(135deg,var(--color-info-bg-medium) 0%,var(--color-info-bg) 100%);border:var(--color-info-border)}.timer-config--practice .timer-config__icon{color:var(--color-info)}.timer-config__section{display:flex;flex-direction:column;gap:var(--spacing-fluid-md);width:100%}.timer-config__section--speed{padding-top:var(--spacing-fluid-md);border-top:var(--glass-border);animation:fadeIn var(--transition-medium) ease-out}@keyframes fadeIn{0%{opacity:var(--opacity-none);transform:var(--transform-slide-up)}to{opacity:var(--opacity-full);transform:var(--transform-none)}}.timer-config__details{display:flex;flex-direction:column;gap:var(--spacing-fluid-xs);padding-top:var(--spacing-fluid-sm);border-top:var(--glass-border)}.timer-config__detail-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-fluid-sm)}.timer-config__detail-label{font-size:var(--font-size-fluid-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.timer-config__detail-value{font-size:var(--font-size-fluid-xs);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-align:right;flex-shrink:0}.quiz-configuration{display:flex;flex-direction:column;width:100%;max-width:var(--max-width-content);margin:0 auto;container-type:inline-size;container-name:quiz-configuration}.quiz-config-test-mode{display:flex;flex-direction:column;gap:var(--spacing-fluid-lg)}.quiz-config-test-specs{padding:var(--spacing-fluid-md);border-radius:var(--radius-md);background:var(--glass-background);border:var(--glass-border);animation:summaryFadeIn .3s ease-out}.quiz-config-spec-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-fluid-sm) 0;border-bottom:var(--border-width-thin) solid var(--color-inset-highlight-light)}.quiz-config-spec-item:last-child{border-bottom:none}.quiz-config-spec-label{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary)}.quiz-config-spec-value{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.quiz-configuration__summary{padding:var(--spacing-fluid-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-accent-bg-light) 0%,var(--color-accent-glow-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--color-info-border);box-shadow:0 0 var(--glow-md) var(--color-accent-bg-light),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);animation:summaryFadeIn .3s ease-out}.quiz-configuration__summary-title{font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-bold);color:var(--color-accent-primary);margin-bottom:var(--spacing-fluid-md);text-align:center;text-shadow:0 0 var(--glow-sm) var(--color-accent-border-medium)}.quiz-configuration__summary-details{display:flex;flex-direction:column;gap:var(--spacing-fluid-sm)}.quiz-configuration__summary-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-fluid-md);padding:var(--spacing-fluid-sm);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-inset-highlight-light) 0%,var(--color-inset-highlight-light) 100%);border:var(--glass-border)}.quiz-configuration__summary-label{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);min-width:var(--size-shortcut-indicator);text-align:left}.quiz-configuration__summary-value{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:right;flex:1}@keyframes summaryFadeIn{0%{opacity:var(--opacity-none);transform:var(--transform-slide-up)}to{opacity:var(--opacity-full);transform:var(--transform-none)}}.quiz-configuration--loading{pointer-events:none;opacity:var(--opacity-semi)}.quiz-configuration--loading *{cursor:wait}.quiz-builder-setup{display:flex;flex-direction:column;gap:var(--spacing-fluid-2xl);width:100%;max-width:var(--max-width-content);margin:0 auto;padding:var(--spacing-fluid-lg);container-type:inline-size;container-name:quiz-builder-setup}.quiz-builder-setup__header{text-align:center;margin-bottom:var(--spacing-fluid-lg)}.quiz-builder-setup__title{font-size:var(--font-size-fluid-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-fluid-md) 0;text-shadow:0 0 var(--glow-md) var(--color-accent-border-medium)}.quiz-builder-setup__description{font-size:var(--font-size-fluid-lg);color:var(--color-text-secondary);line-height:var(--line-height-loose);max-width:var(--max-width-results);margin:0 auto}.quiz-builder-setup__configuration{flex:1}.quiz-builder-setup__start-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-fluid-md);padding:var(--spacing-fluid-xl) var(--spacing-fluid-lg);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-accent-bg-light) 0%,var(--color-accent-glow-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--border-width-thin) solid var(--color-accent-rgba-20);box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder-setup__start-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-lg) var(--spacing-fluid-2xl);border-radius:var(--radius-lg);border:none;font-size:var(--font-size-fluid-xl);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-medium);min-height:var(--size-button-min-height);min-width:var(--min-width-button);background:linear-gradient(135deg,var(--color-success-rgba-25) 0%,var(--color-success-rgba-15) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--border-width-thick) solid var(--color-success-rgba-40);box-shadow:0 0 var(--glow-xl) var(--color-success-rgba-30),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);color:var(--color-success-light)}.quiz-builder-setup__start-icon,.quiz-builder-setup__start-spinner,.quiz-builder-setup__start-text{font-size:var(--font-size-fluid-lg);line-height:var(--line-height-none)}.quiz-builder-setup__start-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-rgba-30) 0%,var(--color-success-rgba-20) 100%);border:var(--border-width-thick) solid var(--color-success-rgba-50);box-shadow:0 0 var(--glow-2xl) var(--color-success-rgba-40),0 var(--spacing-fluid-sm) var(--spacing-fluid-3xl) 0 var(--color-indigo-rgba-30),inset 0 var(--border-width-thin) 0 0 var(--glass-background-highlight);transform:var(--transform-slide-down);color:var(--color-success)}.quiz-builder-setup__start-button--loading{background:linear-gradient(135deg,var(--color-accent-rgba-20) 0%,var(--color-accent-rgba-10) 100%);border:var(--border-width-thick) solid var(--color-accent-rgba-30);color:var(--color-accent-solid);cursor:wait}.quiz-builder-setup__start-button--loading:hover{transform:none;box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder-setup__start-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:var(--transform-rotate-0)}to{transform:var(--transform-rotate-360)}}.quiz-builder-setup__start-button--disabled{background:linear-gradient(135deg,var(--color-neutral-bg-medium) 0%,var(--color-neutral-bg-light) 100%);border:var(--border-width-thick) solid var(--color-neutral-rgba-30);color:var(--color-text-disabled);cursor:not-allowed;opacity:var(--opacity-subtle)}.quiz-builder-setup__start-button--disabled:hover{transform:none;box-shadow:0 0 var(--glow-sm) var(--color-neutral-rgba-20),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}.quiz-builder-setup__start-button:focus{outline:var(--border-width-thick) solid var(--color-accent-primary);outline-offset:var(--spacing-fluid-xs)}.quiz-builder-setup__start-button:focus-visible{box-shadow:0 0 0 var(--spacing-fluid-xs) var(--color-success-rgba-30),0 0 var(--glow-xl) var(--color-success-rgba-30),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder-setup__validation{display:flex;align-items:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-md);background:var(--color-warning-bg);border:var(--border-width-thin) solid var(--color-warning-border);color:var(--color-warning-light)}.quiz-builder-setup__validation-icon{font-size:var(--font-size-fluid-base);line-height:var(--line-height-none);flex-shrink:0}.quiz-builder-setup__validation-text{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-none).3}.quiz-builder-setup__shortcut-hint{font-size:var(--font-size-fluid-xs);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-fluid-xs)}.quiz-builder-setup__shortcut-hint kbd{padding:var(--border-width-thick) var(--spacing-fluid-xs);border-radius:var(--radius-sm);background:var(--glass-background-extra-subtle);border:var(--glass-border);font-family:monospace;font-size:var(--font-size-fluid-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.quiz-builder-question{display:flex;flex-direction:column;gap:var(--spacing-fluid-xl);width:100%;max-width:var(--max-width-content);margin:0 auto;padding:var(--spacing-fluid-lg);container-type:inline-size;container-name:quiz-builder-question}.quiz-builder-question__flag-btn{position:absolute;right:0;top:50%;transform:var(--transform-translate-y-half);background:transparent;border:none;cursor:pointer;padding:var(--spacing-fluid-xs);border-radius:var(--radius-sm);transition:transform var(--transition-fast)}.quiz-builder-question__flag-btn:hover{transform:var(--transform-translate-y-half-scale-110)}.quiz-builder-question__flag-btn:active{transform:var(--transform-translate-y-half-scale-095)}.quiz-builder-question__flag-icon{font-size:var(--font-size-fluid-xl);line-height:var(--line-height-none);display:block}.quiz-builder-question__flag-tooltip{position:absolute;bottom:calc(100% + var(--spacing-fluid-xs));left:50%;transform:var(--transform-translate-x-half);background:var(--color-primary-bg-light);border:var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-label);color:var(--color-text-primary);white-space:nowrap;opacity:var(--opacity-none);visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:1000;box-shadow:var(--shadow-elevation-2)}.quiz-builder-question__flag-btn:hover .quiz-builder-question__flag-tooltip{opacity:var(--opacity-full);visibility:visible}.quiz-builder-question__flag-btn:focus .quiz-builder-question__flag-tooltip{opacity:var(--opacity-full);visibility:visible}.quiz-builder-question__flag-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:var(--transform-translate-x-half);border:var(--spacing-fluid-xs) solid transparent;border-top-color:var(--color-primary-bg-light)}.quiz-builder-question__feedback{display:flex;justify-content:center}.quiz-builder-question__explanation{padding:var(--spacing-fluid-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-info-rgba-08) 0%,var(--color-info-rgba-03) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--color-info-border);box-shadow:0 0 var(--glow-md) #3b82f626,var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light);animation:explanationFadeIn var(--animation-timing-ease-out)}.quiz-builder-question__explanation-title{font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-label);color:var(--color-info);margin:0 0 var(--spacing-fluid-sm) 0;display:flex;align-items:center;gap:var(--spacing-fluid-xs)}.quiz-builder-question__explanation-title:before{content:"💡";font-size:var(--font-size-fluid-base)}.quiz-builder-question__explanation-text{font-size:var(--font-size-fluid-base);color:var(--color-text-primary);line-height:var(--line-height-loose);margin:0}.quiz-builder-question__learn-section{display:flex;justify-content:center;padding:var(--spacing-fluid-md) 0;animation:learnSectionFadeIn .4s ease-out}.quiz-builder-question__shortcuts{display:flex;align-items:center;padding:var(--spacing-fluid-sm);opacity:var(--opacity-70);margin-top:auto;position:relative}.quiz-builder-question__shortcuts-left{display:flex;justify-content:center;gap:var(--spacing-fluid-md);width:100%}.quiz-builder-question__shortcut{font-size:var(--font-size-fluid-xs);color:var(--color-text-disabled);font-weight:var(--font-weight-medium);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);border-radius:var(--radius-sm);background:var(--glass-background)}@keyframes explanationFadeIn{0%{opacity:var(--opacity-none);transform:var(--transform-slide-up)}to{opacity:var(--opacity-full);transform:var(--transform-none)}}@keyframes learnSectionFadeIn{0%{opacity:var(--opacity-none);transform:var(--transform-scale-095)}to{opacity:var(--opacity-full);transform:var(--transform-scale-1)}}.quiz-builder-results{display:flex;flex-direction:column;gap:var(--spacing-fluid-2xl);width:100%;max-width:var(--max-width-results);margin:0 auto;padding:var(--spacing-fluid-xl);min-height:100dvh;container-type:inline-size;container-name:quiz-builder-results}.quiz-builder-results__header{text-align:center;padding:var(--spacing-fluid-xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-success-bg-medium) 0%,var(--color-success-bg-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--border-width-thin) solid var(--color-success-border);box-shadow:0 0 var(--glow-xl) var(--color-success-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder-results__title{font-size:var(--font-size-fluid-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-success-light);margin:0 0 var(--spacing-fluid-sm) 0;text-shadow:0 0 var(--glow-lg) var(--color-success-rgba-40);animation:titlePulse 2s ease-in-out}.quiz-builder-results__subtitle{font-size:var(--font-size-fluid-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-fluid-lg) 0;font-weight:var(--font-weight-medium)}.quiz-builder-results--test .quiz-builder-results__header{background:linear-gradient(135deg,var(--color-warning-rgba-10) 0%,var(--color-warning-rgba-05) 100%);border:var(--border-width-thin) solid var(--color-warning-rgba-20);box-shadow:0 0 var(--glow-xl) var(--color-warning-rgba-20),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder-results--test .quiz-builder-results__title{color:var(--color-warning-light);text-shadow:0 0 var(--glow-lg) var(--color-warning-rgba-40)}.quiz-builder-results__test-summary{display:flex;flex-direction:column;gap:var(--spacing-fluid-md);padding:var(--spacing-fluid-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--glass-background-light) 0%,var(--glass-background-subtle) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}.quiz-builder-results__test-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-fluid-sm) 0;border-bottom:var(--border-width-thin) solid var(--color-inset-highlight-light)}.quiz-builder-results__test-item:last-child{border-bottom:none}.quiz-builder-results__test-label{font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.quiz-builder-results__test-value{font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.quiz-builder-results__test-value--pass{color:var(--color-success);text-shadow:0 0 var(--glow-sm) var(--color-success-rgba-40)}.quiz-builder-results__test-value--fail{color:var(--color-error-light);text-shadow:0 0 var(--glow-sm) var(--color-error-rgba-40)}.quiz-builder-results__test-value--warning{color:var(--color-warning);text-shadow:0 0 var(--glow-sm) var(--color-warning-rgba-40)}.quiz-builder-results__stats{width:100%}.quiz-builder-results__insights{padding:var(--spacing-fluid-xl);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-info-rgba-08) 0%,var(--color-info-rgba-03) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--border-width-thin) solid var(--color-info-rgba-20);box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder-results__insights-title{font-size:var(--font-size-fluid-xl);font-weight:var(--font-weight-bold);color:var(--color-info-solid);text-align:center;margin:0 0 var(--spacing-fluid-lg) 0}.quiz-builder-results__insights-grid{display:grid;grid-template-columns:var(--grid-columns-auto-fit);gap:var(--spacing-fluid-md)}.quiz-builder-results__insight{display:flex;align-items:center;gap:var(--spacing-fluid-md);padding:var(--spacing-fluid-md);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--glass-background-light) 0%,var(--glass-background-subtle) 100%);border:var(--glass-border)}.quiz-builder-results__insight-icon{font-size:var(--font-size-fluid-xl);flex-shrink:0}.quiz-builder-results__insight-content{display:flex;flex-direction:column;gap:var(--spacing-fluid-xs)}.quiz-builder-results__insight-label{font-size:var(--font-size-fluid-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.quiz-builder-results__insight-value{font-size:var(--font-size-fluid-lg);color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.quiz-builder-results__actions{display:grid;grid-template-columns:var(--grid-columns-auto-fit);gap:var(--spacing-fluid-md);margin-top:auto}.quiz-builder-results__action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-lg);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:var(--transition-medium);min-height:var(--size-button-max-height-mobile);background:linear-gradient(135deg,var(--glass-background-extra-subtle) 0%,var(--glass-background-extra-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light);color:var(--color-text-primary)}.quiz-builder-results__action-icon{font-size:var(--font-size-fluid-xl);line-height:var(--line-height-none)}.quiz-builder-results__action-text{font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-semibold);text-align:center;line-height:var(--line-height-tight)}.quiz-builder-results__action-button--primary{background:linear-gradient(135deg,var(--color-accent-rgba-20) 0%,var(--color-accent-rgba-10) 100%);border:var(--border-width-thick) solid var(--color-accent-rgba-30);box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);color:var(--color-accent-solid)}.quiz-builder-results__action-button--secondary{background:linear-gradient(135deg,var(--color-neutral-bg-medium) 0%,var(--color-neutral-bg-light) 100%);border:var(--border-width-thin) solid var(--color-neutral-rgba-30);color:var(--color-neutral-light)}.quiz-builder-results__action-button:hover{background:linear-gradient(135deg,var(--glass-background-intense) 0%,var(--glass-background-light) 100%);border:var(--glass-border-focus);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight);transform:var(--transform-slide-down)}.quiz-builder-results__action-button--primary:hover{background:linear-gradient(135deg,var(--color-accent-rgba-25) 0%,var(--color-accent-rgba-15) 100%);border:var(--border-width-thick) solid var(--color-accent-rgba-40);box-shadow:0 0 var(--glow-xl) var(--color-accent-rgba-40),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}@keyframes titlePulse{0%,to{transform:var(--transform-scale-1)}50%{transform:var(--transform-scale-105)}}.quiz-builder-review{display:flex;flex-direction:column;gap:var(--spacing-fluid-xl);width:100%;max-width:var(--max-width-review);margin:0 auto;padding:var(--spacing-fluid-lg);min-height:100dvh;container-type:inline-size;container-name:quiz-builder-review}.quiz-builder-review__header{display:flex;flex-direction:column;gap:var(--spacing-fluid-lg);padding:var(--spacing-fluid-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--glass-background-light) 0%,var(--glass-background-subtle) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder-review__filters{display:flex;gap:var(--spacing-fluid-sm);justify-content:center;flex-wrap:wrap}.quiz-builder-review__filter{padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-md);border:none;font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);background:linear-gradient(135deg,var(--glass-background-extra-subtle) 0%,var(--glass-background-extra-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);color:var(--color-text-secondary);box-shadow:var(--shadow-elevation-1),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight-light)}.quiz-builder-review__filter--active{background:linear-gradient(135deg,var(--color-accent-rgba-20) 0%,var(--color-accent-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-accent-rgba-40);color:var(--color-accent-solid);box-shadow:0 0 var(--glow-md) var(--color-accent-rgba-30),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder-review__filter:hover:not(.quiz-builder-review__filter--active){background:linear-gradient(135deg,var(--glass-background-intense) 0%,var(--glass-background-light) 100%);border:var(--glass-border-focus);color:var(--color-text-primary);transform:var(--transform-slide-down)}.quiz-builder-review__quick-nav{display:flex;align-items:center;gap:var(--spacing-fluid-sm);justify-content:center}.quiz-builder-review__quick-nav label{font-size:var(--font-size-fluid-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.quiz-builder-review__question-input{width:var(--size-button-max-height-mobile);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);border-radius:var(--radius-sm);border:var(--glass-border);background:var(--glass-background-extra-subtle);color:var(--color-text-primary);font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-semibold);text-align:center;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.quiz-builder-review__question-input::-webkit-outer-spin-button,.quiz-builder-review__question-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quiz-builder-review__question-input:focus{outline:var(--border-width-thick) solid var(--color-accent-primary);outline-offset:var(--border-width-thin);background:var(--color-accent-rgba-10)}.quiz-builder-review__feedback{display:flex;justify-content:center}.quiz-builder-review__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-fluid-xl);padding:var(--spacing-fluid-xl);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--glass-background-light) 0%,var(--glass-background-subtle) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);box-shadow:var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder-review__question-text{font-size:var(--font-size-fluid-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin:0;text-align:center}.quiz-builder-review__learn-section{display:flex;justify-content:center;padding:var(--spacing-fluid-lg);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent-rgba-05) 0%,var(--color-accent-rgba-02) 100%);border:var(--color-info-border)}.quiz-builder-review__time-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-sm);background:var(--glass-background-extra-light);border:var(--glass-border)}.quiz-builder-review__time-label{font-size:var(--font-size-fluid-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.quiz-builder-review__time-value{font-size:var(--font-size-fluid-sm);color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.quiz-builder-review__navigation{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-fluid-md);align-items:center;padding:var(--spacing-fluid-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--glass-background-extra-light) 0%,var(--glass-background-minimal) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border)}.quiz-builder-review__nav-button{display:flex;align-items:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-md);border:none;font-size:var(--font-size-fluid-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);background:linear-gradient(135deg,var(--glass-background-extra-subtle) 0%,var(--glass-background-extra-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border);color:var(--color-text-primary)}.quiz-builder-review__nav-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-rgba-15) 0%,var(--color-accent-rgba-08) 100%);border:var(--border-width-thin) solid var(--color-accent-rgba-30);color:var(--color-accent-solid);transform:var(--transform-slide-down)}.quiz-builder-review__nav-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;filter:var(--filter-grayscale-50)}.quiz-builder-review__nav-info{text-align:center;font-size:var(--font-size-fluid-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.quiz-builder-review__filter-indicator{font-size:var(--font-size-fluid-xs);color:var(--color-text-disabled);font-weight:var(--font-weight-normal);display:block}.quiz-builder-review__exit{display:flex;justify-content:center;margin-top:auto}.quiz-builder-review__exit-button{display:flex;align-items:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-lg) var(--spacing-fluid-2xl);border-radius:var(--radius-lg);border:none;font-size:var(--font-size-fluid-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-medium);background:linear-gradient(135deg,var(--color-success-rgba-20) 0%,var(--color-success-rgba-10) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--border-width-thick) solid var(--color-success-rgba-30);color:var(--color-success-light);box-shadow:var(--shadow-glow),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder-review__exit-button:hover{background:linear-gradient(135deg,var(--color-success-rgba-25) 0%,var(--color-success-rgba-15) 100%);border:var(--border-width-thick) solid var(--color-success-rgba-40);color:var(--color-success);transform:var(--transform-slide-down);box-shadow:0 0 var(--glow-xl) var(--color-success-rgba-40),0 var(--spacing-fluid-sm) var(--spacing-fluid-3xl) 0 var(--color-indigo-rgba-30),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder-review--empty,.quiz-builder-review--no-results{justify-content:center;align-items:center;text-align:center;min-height:50dvh}.quiz-builder-review__empty-content,.quiz-builder-review__no-results-content{padding:var(--spacing-fluid-2xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--glass-background-extra-subtle) 0%,var(--glass-background-extra-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border)}.quiz-builder-review__empty-title,.quiz-builder-review__no-results-title{font-size:var(--font-size-fluid-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-fluid-md) 0}.quiz-builder-review__empty-text,.quiz-builder-review__no-results-text{font-size:var(--font-size-fluid-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-fluid-xl) 0}.quiz-builder-review__filter-reset{padding:var(--spacing-fluid-md) var(--spacing-fluid-lg);border-radius:var(--radius-md);border:none;background:var(--color-accent-rgba-20);color:var(--color-accent-solid);font-weight:var(--font-weight-semibold);cursor:pointer}.quiz-builder-review--test .quiz-builder-review__header{background:linear-gradient(135deg,var(--color-warning-rgba-08) 0%,var(--color-warning-rgba-03) 100%);border:var(--border-width-thin) solid var(--color-warning-rgba-20)}.quiz-builder-review--test .quiz-builder-review__filter--active{background:linear-gradient(135deg,var(--color-warning-rgba-20) 0%,var(--color-warning-rgba-10) 100%);border:var(--border-width-thin) solid var(--color-warning-rgba-40);color:var(--color-warning)}.quiz-builder{display:flex;flex-direction:column;height:100dvh;width:100%;background:var(--app-background);overflow:hidden;container-type:inline-size;container-name:quiz-builder}.quiz-builder__header-layout{display:flex;align-items:center;gap:var(--spacing-fluid-lg);width:100%;padding:0 var(--spacing-fluid-md)}.quiz-builder__home-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-fluid-sm);border:var(--glass-border);border-radius:var(--radius-md);background:var(--glass-background);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast);min-width:var(--size-button-min-height-mobile);min-height:var(--size-button-min-height-mobile);font-size:var(--font-size-fluid-lg);flex-shrink:0}.quiz-builder__home-button:hover{background:var(--glass-background-hover);transform:var(--transform-slide-down)}.quiz-builder__status{display:flex;align-items:center;justify-content:space-between;flex:1;gap:var(--spacing-fluid-lg)}.quiz-builder__title{font-size:var(--font-size-fluid-xl);font-weight:var(--font-weight-label);color:var(--color-text-primary);white-space:nowrap;flex-shrink:0}.quiz-builder__mode{display:flex;justify-content:center;align-items:center;flex:1}.quiz-builder__timer{display:flex;justify-content:center;align-items:center;flex-shrink:0;min-width:var(--min-width-button-large)}.quiz-mode-indicator{display:flex;align-items:center;gap:var(--spacing-fluid-xs);padding:var(--spacing-fluid-xs) var(--spacing-fluid-sm);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-warning-bg-medium) 0%,var(--color-warning-bg-light) 100%);border:var(--color-warning-border);color:var(--color-warning-light)}.quiz-mode-indicator--practice{background:linear-gradient(135deg,var(--color-info-bg-medium) 0%,var(--color-info-bg-light) 100%);border:var(--color-info-border);color:var(--color-info-light)}.quiz-mode-indicator__icon{font-size:var(--font-size-fluid-sm);line-height:var(--line-height-none)}.quiz-mode-indicator__text{font-size:var(--font-size-fluid-xs);font-weight:var(--font-weight-label);line-height:var(--line-height-none)}.quiz-setup-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-fluid-md);width:100%;text-align:center}.quiz-setup-footer__validation{position:static;transform:none;display:flex;align-items:center;gap:var(--spacing-fluid-sm);padding:var(--spacing-fluid-sm) var(--spacing-fluid-md);border-radius:var(--radius-md);background:var(--color-warning-bg);border:var(--color-warning-border);color:var(--color-warning-light)}.quiz-setup-footer__shortcut-hint{font-size:var(--font-size-fluid-xs);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-fluid-xs)}.quiz-setup-footer__shortcut-hint kbd{padding:var(--spacing-fluid-xs);border-radius:var(--radius-sm);background:var(--glass-background);border:var(--glass-border);font-family:monospace;font-size:var(--font-size-fluid-xs);font-weight:var(--font-weight-label);color:var(--color-text-primary)}.quiz-builder__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-fluid-lg);padding:var(--spacing-fluid-2xl);text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-error-bg-medium) 0%,var(--color-error-bg-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--glass-border-error);box-shadow:0 0 var(--glow-lg) var(--color-error-glow-light),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder__error h2{font-size:var(--font-size-fluid-xl);font-weight:var(--font-weight-bold);color:var(--color-error-light);margin:0}.quiz-builder__error p{font-size:var(--font-size-fluid-base);color:var(--color-text-primary);margin:0;line-height:var(--line-height-loose)}.quiz-builder__error button{padding:var(--spacing-fluid-md) var(--spacing-fluid-lg);border-radius:var(--radius-md);border:none;font-size:var(--font-size-fluid-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-medium);background:linear-gradient(135deg,var(--color-accent-bg-medium) 0%,var(--color-accent-bg-light) 100%);backdrop-filter:var(--glass-backdrop-blur);-webkit-backdrop-filter:var(--glass-backdrop-blur);border:var(--border-width-thin) solid var(--color-accent-border-medium);color:var(--color-accent-primary);box-shadow:0 0 var(--glow-md) var(--color-accent-border-medium),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder__error button:hover{background:linear-gradient(135deg,var(--color-accent-bg-medium) 0%,var(--color-accent-bg-light) 100%);border:var(--border-width-thin) solid var(--color-accent-border-strong);transform:var(--transform-slide-down);box-shadow:0 0 var(--glow-lg) var(--color-accent-border-strong),var(--shadow-elevation-3),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder__error button:focus{outline:var(--border-width-thick) solid var(--color-accent-primary);outline-offset:var(--focus-ring-offset)}.quiz-builder__error button:focus-visible{box-shadow:var(--focus-ring),0 0 var(--glow-md) var(--color-accent-border-medium),var(--shadow-elevation-2),inset 0 var(--border-width-thin) 0 0 var(--color-inset-highlight)}.quiz-builder--loading{pointer-events:none;opacity:var(--opacity-muted)}.quiz-builder--loading *{cursor:wait}.spark-ai{width:100%;display:flex;flex-direction:column;container-type:inline-size;container-name:spark-ai}.spark-ai__title{font-size:clamp(1.5rem,8cqw,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-fluid-md)}.spark-ai__description{font-size:clamp(1rem,4cqw,1.25rem);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-relaxed)}.profile{width:100%;display:flex;flex-direction:column;container-type:inline-size;container-name:profile}.profile__title{font-size:clamp(1.5rem,8cqw,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-fluid-md)}.profile__description{font-size:clamp(1rem,4cqw,1.25rem);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-relaxed)}.stump-master{width:100%;display:flex;flex-direction:column;container-type:inline-size;container-name:stump-master}.stump-master__title{font-size:clamp(1.5rem,8cqw,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-fluid-md)}.stump-master__description{font-size:clamp(1rem,4cqw,1.25rem);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-relaxed)}.weather{width:100%;display:flex;flex-direction:column;container-type:inline-size;container-name:weather}.weather__title{font-size:clamp(1.5rem,8cqw,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-fluid-md)}.weather__description{font-size:clamp(1rem,4cqw,1.25rem);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-relaxed)}.donate{width:100%;display:flex;flex-direction:column;container-type:inline-size;container-name:donate}.donate__title{font-size:clamp(1.5rem,8cqw,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-fluid-md)}.donate__description{font-size:clamp(1rem,4cqw,1.25rem);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-relaxed)}.about{width:100%;display:flex;flex-direction:column;container-type:inline-size;container-name:about}.about__title{font-size:clamp(1.5rem,8cqw,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-fluid-md)}.about__description{font-size:clamp(1rem,4cqw,1.25rem);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-relaxed)}.leaderboard{width:100%;display:flex;flex-direction:column;container-type:inline-size;container-name:leaderboard}.leaderboard__title{font-size:clamp(1.5rem,8cqw,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-fluid-md)}.leaderboard__description{font-size:clamp(1rem,4cqw,1.25rem);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-relaxed)}.app{container-type:inline-size;container-name:app;width:100%;min-height:100vh;display:flex;flex-direction:column}