*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060f08;--surface: #0a1a0d;--elevated:#0f2414;--hover: #132b18;--border: #1a3d22;--border2: #235230;--text: #e4f0e7;--text2: #89aa90;--text3: #4a6b52;--accent: #2d7a3a;--accent2: #22c55e;--accent-glow: rgba(45,122,58,.2);--green: #22c55e;--red: #ef4444;--blue: #3b82f6;--amber: #f59e0b}html{font-size:16px}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent2);border-radius:50%;animation:spin .7s linear infinite}