*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--void: #040409;--deep: #06060f;--surface: #0a0a15;--panel: #0f0f1c;--panel-hover: #141428;--card: #131320;--border: rgba(255,255,255,.07);--border-light: rgba(255,255,255,.04);--border-glow: rgba(99,102,241,.3);--text: #e2e2ee;--text-dim: #9898b0;--muted: #55556a;--accent: #6366f1;--accent-dim: rgba(99,102,241,.08);--accent-bright: #818cf8;--accent-glow: rgba(99,102,241,.15);--gold: #f59e0b;--gold-dim: rgba(245,158,11,.08);--green: #10b981;--green-dim: rgba(16,185,129,.08);--red: #ef4444;--red-dim: rgba(239,68,68,.08);--white: #ffffff;--sidebar-w: 240px;--topbar-h: 60px;--radius: 10px;--radius-lg: 16px;--radius-xl: 20px;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--font-serif: "Instrument Serif", serif}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-display);background:var(--void);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}button{cursor:pointer;font-family:var(--font-display)}input,textarea,select{font-family:var(--font-display)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.028'/%3E%3C/svg%3E");background-size:180px 180px}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade{animation:fadeIn .4s ease both}.animate-slide{animation:slideIn .3s ease both}