@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--color-bg-base: #0d0f1a;--color-bg-surface: #151829;--color-bg-elevated: #1e2238;--color-bg-overlay: #252a45;--color-primary: #6c63ff;--color-primary-soft: #8b84ff;--color-primary-dim: #3d3880;--color-primary-glow: rgba(108, 99, 255, .25);--color-accent-gold: #f7c948;--color-accent-teal: #20e3b2;--color-accent-rose: #ff5580;--color-accent-sky: #38bdf8;--color-text-primary: #f0f0f8;--color-text-secondary: #9fa3c7;--color-text-muted: #5b607a;--color-text-inverse: #0d0f1a;--color-border: rgba(255, 255, 255, .08);--color-border-focus: var(--color-primary-soft);--gradient-primary: linear-gradient(135deg, #6c63ff 0%, #a855f7 100%);--gradient-gold: linear-gradient(135deg, #f7c948 0%, #f97316 100%);--gradient-teal: linear-gradient(135deg, #20e3b2 0%, #38bdf8 100%);--gradient-surface: linear-gradient(160deg, #151829 0%, #1e2238 100%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--font-family: "Outfit", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold:600;--font-weight-bold: 700;--font-weight-black: 800;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed:1.7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px var(--color-primary-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-below: -1;--z-base: 0;--z-above: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--sidebar-width: 240px;--header-height: 60px;--max-width: 1200px;--content-padding: var(--space-6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}a{color:var(--color-accent-sky);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-soft)}button{font-family:var(--font-family);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-md)}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-surface)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-bg-overlay)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-primary-glow);color:var(--color-text-primary)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--color-bg-base: #f5f5ff;--color-bg-surface: #ffffff;--color-bg-elevated: #eef0ff;--color-bg-overlay: #e4e6ff;--color-text-primary: #1a1a2e;--color-text-secondary: #4a4a6a;--color-text-muted: #8888aa;--color-border: rgba(0, 0, 0, .1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes flameFlicker{0%,to{transform:scaleY(1) rotate(-1deg);opacity:1}25%{transform:scaleY(1.05) rotate(1deg);opacity:.95}50%{transform:scaleY(.95) rotate(-2deg);opacity:1}75%{transform:scaleY(1.08) rotate(1.5deg);opacity:.9}}@keyframes xpFill{0%{width:0%}to{width:var(--target-width, 100%)}}@keyframes badgeReveal{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}80%{transform:scale(.95) rotate(-3deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes correctPop{0%{transform:scale(1);background-color:transparent}30%{transform:scale(1.08);background-color:#20e3b233}to{transform:scale(1);background-color:#20e3b21a}}@keyframes wrongShake{0%{transform:translate(0);background-color:transparent}20%{transform:translate(-8px);background-color:#ff558033}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0);background-color:#ff55801a}}.animate-fadeIn{animation:fadeIn .3s var(--transition-normal) both}.animate-fadeInUp{animation:fadeInUp .4s ease-out both}.animate-fadeInDown{animation:fadeInDown .4s ease-out both}.animate-scaleIn{animation:scaleIn .25s ease-out both}.animate-slideInLeft{animation:slideInLeft .35s ease-out both}.animate-slideInRight{animation:slideInRight .35s ease-out both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-bounceIn{animation:bounceIn .6s cubic-bezier(.36,.07,.19,.97) both}.animate-badgeReveal{animation:badgeReveal .7s cubic-bezier(.36,.07,.19,.97) both}.animate-flameFlicker{animation:flameFlicker 1.5s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--color-bg-surface) 25%,var(--color-bg-elevated) 50%,var(--color-bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md)}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}