:root{--bg-primary: #0a1628;--bg-secondary: #0f1f3d;--bg-card: #162040;--bg-input: #1a2a4a;--text-primary: #ffffff;--text-secondary: #8b9cc8;--text-muted: #4a5a80;--accent: #00c9a7;--accent-dim: rgba(0, 201, 167, .12);--accent-hover: #00e0bb;--border: rgba(139, 156, 200, .15);--border-accent: rgba(0, 201, 167, .3);--danger: #ff6b6b;--font-display: "DM Serif Display", serif;--font-body: "DM Sans", sans-serif;--radius: 10px;--radius-sm: 6px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .35s ease forwards}@keyframes floatFade{0%{opacity:0;transform:translateY(0) rotate(var(--rot, 0deg))}20%{opacity:var(--peak, .07)}80%{opacity:var(--peak, .07)}to{opacity:0;transform:translateY(-18px) rotate(var(--rot-end, 5deg))}}