@theme{    --color-background: oklch(98.5% .005 60); --color-foreground: oklch(25% .02 60); --color-card: oklch(100% 0 0); --color-card-foreground: oklch(25% .02 60); --color-popover: oklch(100% 0 0); --color-popover-foreground: oklch(25% .02 60);   --color-primary: oklch(68% .18 45); --color-primary-hover: oklch(63% .19 45); --color-primary-foreground: oklch(100% 0 0);   --color-primary-gradient-from: oklch(72% .17 50); --color-primary-gradient-to: oklch(65% .22 25);   --color-secondary: oklch(95% .01 60); --color-secondary-hover: oklch(92% .015 60); --color-secondary-foreground: oklch(35% .02 60);   --color-muted: oklch(96% .008 60); --color-muted-foreground: oklch(50% .015 60);   --color-accent: oklch(92% .04 25); --color-accent-hover: oklch(88% .06 25); --color-accent-foreground: oklch(30% .02 25);   --color-destructive: oklch(62% .22 25); --color-destructive-hover: oklch(57% .24 25); --color-destructive-foreground: oklch(100% 0 0); --color-success: oklch(72% .16 155); --color-success-hover: oklch(67% .17 155); --color-success-foreground: oklch(100% 0 0); --color-warning: oklch(82% .14 85); --color-warning-hover: oklch(77% .15 85); --color-warning-foreground: oklch(25% .02 85); --color-info: oklch(70% .15 230); --color-info-hover: oklch(65% .16 230); --color-info-foreground: oklch(100% 0 0);   --color-border: oklch(90% .01 60); --color-border-hover: oklch(85% .02 60); --color-input: oklch(94% .008 60); --color-input-focus: oklch(100% 0 0); --color-ring: oklch(68% .18 45);   --color-quiz-correct: oklch(72% .16 155); --color-quiz-correct-bg: oklch(95% .04 155); --color-quiz-incorrect: oklch(62% .22 25); --color-quiz-incorrect-bg: oklch(95% .04 25); --color-quiz-timer: oklch(72% .17 50); --color-quiz-timer-urgent: oklch(62% .22 25); --color-quiz-progress: oklch(68% .18 45); --color-quiz-streak: oklch(75% .18 85);   --color-glass: oklch(100% 0 0/.7); --color-glass-border: oklch(100% 0 0/.2); --glass-blur: blur(12px);   --shadow-xs: 0 1px 2px oklch(25% .02 60/.04); --shadow-sm: 0 2px 4px oklch(25% .02 60/.06); --shadow-md: 0 4px 8px oklch(25% .02 60/.08),0 2px 4px oklch(25% .02 60/.04); --shadow-lg: 0 8px 16px oklch(25% .02 60/.1),0 4px 8px oklch(25% .02 60/.05); --shadow-xl: 0 16px 32px oklch(25% .02 60/.12),0 8px 16px oklch(25% .02 60/.06);   --shadow-primary: 0 4px 14px oklch(68% .18 45/.35); --shadow-success: 0 4px 14px oklch(72% .16 155/.35); --shadow-destructive: 0 4px 14px oklch(62% .22 25/.35);   --radius-xs: .25rem; --radius-sm: .375rem; --radius-md: .5rem; --radius-lg: .75rem; --radius-xl: 1rem; --radius-2xl: 1.25rem; --radius-3xl: 1.5rem; --radius-full: 9999px;   --font-sans: "Inter",ui-sans-serif,system-ui,-apple-system,sans-serif; --font-mono: "JetBrains Mono",ui-monospace,monospace; --font-display: "Inter",ui-sans-serif,system-ui,sans-serif;   --spacing-px: 1px; --spacing-0: 0; --spacing-0-5: .125rem; --spacing-1: .25rem; --spacing-1-5: .375rem; --spacing-2: .5rem; --spacing-2-5: .625rem; --spacing-3: .75rem; --spacing-3-5: .875rem; --spacing-4: 1rem; --spacing-5: 1.25rem; --spacing-6: 1.5rem; --spacing-7: 1.75rem; --spacing-8: 2rem; --spacing-9: 2.25rem; --spacing-10: 2.5rem; --spacing-12: 3rem; --spacing-14: 3.5rem; --spacing-16: 4rem; --spacing-20: 5rem; --spacing-24: 6rem;   --transition-fast: .15s cubic-bezier(.4,0,.2,1); --transition-normal: .2s cubic-bezier(.4,0,.2,1); --transition-slow: .3s cubic-bezier(.4,0,.2,1); --transition-bounce: .5s cubic-bezier(.34,1.56,.64,1);   --animate-fade-in: fade-in .2s ease-out; --animate-fade-out: fade-out .2s ease-out; --animate-slide-up: slide-up .3s ease-out; --animate-slide-down: slide-down .3s ease-out; --animate-slide-in-right: slide-in-right .3s ease-out; --animate-slide-in-left: slide-in-left .3s ease-out; --animate-scale-in: scale-in .2s ease-out; --animate-scale-out: scale-out .2s ease-out; --animate-bounce-in: bounce-in .5s cubic-bezier(.34,1.56,.64,1); --animate-shake: shake .5s ease-in-out; --animate-pulse-soft: pulse-soft 2s ease-in-out infinite; --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite;   --animate-correct: correct-bounce .5s cubic-bezier(.34,1.56,.64,1); --animate-incorrect: shake .5s ease-in-out; --animate-timer-pulse: timer-pulse 1s ease-in-out infinite; --animate-streak: streak-glow .6s ease-out; --animate-confetti: confetti 1s ease-out forwards;   --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out;}.dark{--color-background:#100a05;--color-foreground:#f1eeeb;--color-card:#1d140d;--color-card-foreground:#f1eeeb;--color-popover:#1d140d;--color-popover-foreground:#f1eeeb;--color-primary:#fd7933;--color-primary-hover:#ff935f;--color-primary-foreground:#120805;--color-primary-gradient-from:#ff8a3e;--color-primary-gradient-to:#ff5050;--color-secondary:#27201a;--color-secondary-hover:#362c24;--color-secondary-foreground:#e1dddb;--color-muted:#1f1915;--color-muted-foreground:#948e89;--color-accent:#3a211f;--color-accent-hover:#492826;--color-accent-foreground:#f5eceb;--color-destructive:#f94144;--color-destructive-hover:#ff605c;--color-success:#42cb80;--color-success-hover:#61da92;--color-warning:#f8c655;--color-warning-hover:#ffd16b;--color-info:#00befa;--color-info-hover:#51cdff;--color-border:#342c26;--color-border-hover:#433830;--color-input:#1f1915;--color-input-focus:#27201a;--color-ring:#fd7933;--color-quiz-correct-bg:#102719;--color-quiz-incorrect-bg:#321a18;--color-glass:#1d140db3;--color-glass-border:#50453d33;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 4px #00000040;--shadow-md:0 4px 8px #0000004d,0 2px 4px #0003;--shadow-lg:0 8px 16px #00000059,0 4px 8px #00000040;--shadow-xl:0 16px 32px #0006,0 8px 16px #0000004d;--shadow-primary:0 4px 14px #fd793366;--shadow-success:0 4px 14px #42cb8066;--shadow-destructive:0 4px 14px #f9414466}@supports (color:lab(0% 0 0)){.dark{--color-background:lab(3.02572% 1.5393 2.30187);--color-foreground:lab(94.1912% .836074 1.66);--color-card:lab(7.17208% 3.64868 5.4563);--color-card-foreground:lab(94.1912% .836074 1.66);--color-popover:lab(7.17208% 3.64868 5.4563);--color-popover-foreground:lab(94.1912% .836074 1.66);--color-primary:lab(66.244% 48.7302 60.226);--color-primary-hover:lab(72.1512% 45.4799 54.2877);--color-primary-foreground:lab(2.98377% 2.84908 2.4717);--color-primary-gradient-from:lab(69.9638% 42.8041 60.5975);--color-primary-gradient-to:lab(60.6642% 69.5199 42.4473);--color-secondary:lab(12.9635% 2.70303 5.12953);--color-secondary-hover:lab(18.7497% 3.63408 6.86861);--color-secondary-foreground:lab(88.3912% .836462 1.66023);--color-muted:lab(9.49156% 2.1475 4.0348);--color-muted-foreground:lab(59.3811% 1.697 3.33608);--color-accent:lab(16.0975% 12.4339 6.89345);--color-accent-hover:lab(20.64% 15.5649 8.66875);--color-accent-foreground:lab(94.1082% 3.0562 1.64292);--color-destructive:lab(57.1752% 69.5963 43.0458);--color-destructive-hover:lab(63.0986% 66.2405 39.7151);--color-success:lab(73.0751% -51.1055 26.3632);--color-success-hover:lab(78.7566% -47.6652 24.555);--color-warning:lab(82.8261% 9.77922 61.542);--color-warning-hover:lab(86.3218% 8.54281 55.6787);--color-info:lab(71.2859% -25.0966 -41.6591);--color-info-hover:lab(77.1059% -24.3647 -39.0637);--color-border:lab(18.7653% 2.66871 5.09835);--color-border-hover:lab(24.552% 3.59103 6.82721);--color-input:lab(9.49156% 2.1475 4.0348);--color-input-focus:lab(12.9635% 2.70303 5.12953);--color-ring:lab(66.244% 48.7302 60.226);--color-quiz-correct-bg:lab(13.525% -12.6451 6.50586);--color-quiz-incorrect-bg:lab(12.6155% 12.4569 6.947);--color-glass:lab(7.17208% 3.64868 5.4563/.7);--color-glass-border:lab(30.3537% 3.55828 6.7978/.2);--shadow-xs:0 1px 2px lab(0% 0 0/.2);--shadow-sm:0 2px 4px lab(0% 0 0/.25);--shadow-md:0 4px 8px lab(0% 0 0/.3),0 2px 4px lab(0% 0 0/.2);--shadow-lg:0 8px 16px lab(0% 0 0/.35),0 4px 8px lab(0% 0 0/.25);--shadow-xl:0 16px 32px lab(0% 0 0/.4),0 8px 16px lab(0% 0 0/.3);--shadow-primary:0 4px 14px lab(66.244% 48.7302 60.226/.4);--shadow-success:0 4px 14px lab(73.0751% -51.1055 26.3632/.4);--shadow-destructive:0 4px 14px lab(57.1752% 69.5963 43.0458/.4)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes correct-bounce{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.95)}75%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes streak-glow{0%{box-shadow:0 0 #dba400b3;box-shadow:0 0 lab(71.1048% 15.6634 102.058/.7)}to{box-shadow:0 0 20px 10px #dba40000;box-shadow:0 0 20px 10px lab(71.1048% 15.6634 102.058/0)}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100px)rotate(720deg)}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@layer base{@apply border-border;@apply bg-background text-foreground font-sans antialiased;body{font-feature-settings:"rlig" 1,"calt" 1}@apply font-semibold tracking-tight text-foreground;@apply outline-none ring-2 ring-ring ring-offset-2 ring-offset-background;::selection{background-color:#ef6c224d;background-color:lab(61.5849% 49.0074 62.0294/.3)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer utilities{.glass{background:var(--color-glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-glass-border)}.bg-gradient-primary{background:linear-gradient(135deg,var(--color-primary-gradient-from),var(--color-primary-gradient-to))}.bg-gradient-warm{background:linear-gradient(135deg,#f67f2f,#ef6c22,#f94144);background:linear-gradient(135deg,lab(66.4703% 43.0131 61.6986),lab(61.5849% 49.0074 62.0294),lab(57.1752% 69.5963 43.0458))}.bg-gradient-soft{background:linear-gradient(180deg,var(--color-background),var(--color-muted))}.text-gradient-primary{background:linear-gradient(135deg,var(--color-primary-gradient-from),var(--color-primary-gradient-to));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.interactive-card{transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-fast)}.interactive-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover);transform:translateY(-2px)}.press-effect:active{transform:scale(.98)}.smooth-transition{transition:all var(--transition-normal)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}}