*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0a0a12;color:#fff;font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}#root{height:100vh;height:100dvh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a855f766;border-radius:2px}.btn{transition:opacity .2s,transform .12s,box-shadow .25s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .45s cubic-bezier(.22,1,.36,1)}@keyframes micPulse{0%,to{box-shadow:0 0 0 8px #39ff141f,0 0 30px #39ff1473}50%{box-shadow:0 0 0 14px #39ff140f,0 0 44px #39ff14b3}}.mic-idle{animation:micPulse 2s ease-in-out infinite}@keyframes micListen{0%,to{box-shadow:0 0 0 8px #ff3b6b2e,0 0 32px #ff3b6b99;opacity:1}50%{box-shadow:0 0 0 16px #ff3b6b14,0 0 50px #ff3b6bd9;opacity:.85}}.mic-listening{animation:micListen 1.2s ease-in-out infinite}@keyframes hudGlow{0%{text-shadow:0 0 12px rgba(255,45,166,.6)}33%{text-shadow:0 0 12px rgba(168,85,247,.6)}66%{text-shadow:0 0 12px rgba(0,200,255,.6)}to{text-shadow:0 0 12px rgba(255,45,166,.6)}}@keyframes logoShift{0%{color:#ff2da6}33%{color:#a855f7}66%{color:#00c8ff}to{color:#ff2da6}}.logo-shift{animation:logoShift 30s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .4s ease-in-out}@keyframes pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.pop{animation:pop .4s cubic-bezier(.22,1,.36,1)}.glow-card{transition:transform .2s ease,border-color .2s ease,box-shadow .3s ease}.glow-card:hover{transform:translateY(-2px);border-color:var(--ac)!important;box-shadow:0 0 24px -8px var(--ac)}@keyframes badgeRays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-rays{animation:badgeRays 8s linear infinite}@keyframes badgePop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.badge-pop{animation:badgePop .5s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion: reduce){*,.mic-idle,.mic-listening,.logo-shift,.badge-rays,.badge-pop{animation:none!important}html{scroll-behavior:auto}.glow-card:hover{transform:none}}