:root{--color-bg: #030305;--color-bg-alt: #0a0a0f;--color-panel: rgba(15, 15, 20, .7);--color-panel-border: rgba(255, 255, 255, .08);--color-accent: #00f3ff;--color-accent-dim: rgba(0, 243, 255, .15);--color-accent-glow: rgba(0, 243, 255, .4);--color-text: #ffffff;--color-text-dim: #888899;--space-unit: 4px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Space Mono", monospace;--ease-spring: cubic-bezier(.4, 1.4, .8, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}.glass-panel{background:var(--color-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-panel-border);box-shadow:0 4px 30px #00000080}.text-glow{text-shadow:0 0 10px var(--color-accent-glow)}.border-glow{box-shadow:0 0 10px var(--color-accent-dim)}@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-black text-white font-sans overflow-hidden;background-color:var(--color-bg);background-image:radial-gradient(circle at 50% 50%,#111119 0%,#030305 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-display)}}@layer components{::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.btn-primary{@apply bg-neon-cyan/10 border border-neon-cyan/50 text-neon-cyan px-4 py-2 rounded-md font-bold text-sm tracking-wider transition-all duration-200 hover:bg-neon-cyan hover:text-black hover:shadow-[0_0_15px_rgba(0,243,255,.4)];}.btn-icon{@apply p-2 rounded-full text-gray-400 transition-all hover:text-white hover:bg-white/10 active:scale-95;}.input-range{@apply w-full h-1 bg-white/10 rounded-lg appearance-none cursor-pointer;}.input-range::-webkit-slider-thumb{@apply appearance-none w-3 h-3 bg-neon-cyan rounded-full shadow-[0_0_10px_#00f3ff] transition-transform hover:scale-125;}}