:root{--bg-void: #060609;--bg-base: #0d0d14;--bg-surface: #13131e;--bg-elevated: #1a1a28;--bg-hover: #20202f;--border-subtle: rgba(255,255,255,.05);--border-default: rgba(255,255,255,.09);--border-strong: rgba(255,255,255,.15);--text-primary: #f0eff8;--text-secondary: #8a89a6;--text-muted: #4a4967;--text-accent: #c8c5ff;--accent-violet: #7c6ff7;--accent-violet-dim: rgba(124,111,247,.15);--accent-violet-glow: rgba(124,111,247,.25);--accent-cyan: #5ce0d8;--accent-cyan-dim: rgba(92,224,216,.12);--accent-amber: #f5c542;--accent-amber-dim: rgba(245,197,66,.12);--accent-rose: #f76f8e;--accent-rose-dim: rgba(247,111,142,.12);--accent-lime: #8ef55c;--accent-lime-dim: rgba(142,245,92,.12);--font-display: "DM Serif Display", Georgia, serif;--font-body: "Instrument Sans", sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 1px 3px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.3), 0 0 0 1px var(--border-subtle);--shadow-elevated: 0 4px 24px rgba(0,0,0,.5), 0 0 0 1px var(--border-default);--shadow-glow-violet: 0 0 40px rgba(124,111,247,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-violet-dim);color:var(--text-accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--accent-violet-glow)}70%{box-shadow:0 0 0 8px #7c6ff700}to{box-shadow:0 0 #7c6ff700}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fadeUp{animation:fadeUp .5s ease forwards}.animate-fadeIn{animation:fadeIn .3s ease forwards}