:root{--bg-color:#0d0d12;--text-primary:#f0f0f5;--text-secondary:#a1a1aa;--border-color:#ffffff1a;--atm-glow:#8b5cf64d;--atm-accent:#8b5cf6;--atm-bg-gradient:radial-gradient(circle at top center,#1e1e2d 0%,#0d0d12 100%);--warm-glow:#f59e0b66;--warm-accent:#f59e0b;--cold-glow:#3b82f666;--cold-accent:#3b82f6;--transition-speed:.8s}[data-theme=warm]{--atm-glow:var(--warm-glow);--atm-accent:var(--warm-accent)}[data-theme=cold]{--atm-glow:var(--cold-glow);--atm-accent:var(--cold-accent)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);background-image:var(--atm-bg-gradient);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background 1.5s;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle at 50% 0%,var(--atm-glow)0%,transparent 70%);pointer-events:none;width:100%;height:100%;transition:background var(--transition-speed)ease;z-index:10;position:fixed;top:0;left:0}h1,h2,h3{letter-spacing:-.02em}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#ffffff08;border-radius:16px}