*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg2: #111118;--bg3: #1a1a24;--bg4: #22222e;--bg5: #2a2a38;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #f0f0f8;--text2: #8888aa;--text3: #505070;--accent: #7c6af5;--accent2: #9d8ff7;--accent-bg: rgba(124,106,245,.12);--green: #2dd4a0;--green-bg: rgba(45,212,160,.1);--red: #f56565;--red-bg: rgba(245,101,101,.1);--amber: #f6ad55;--amber-bg: rgba(246,173,85,.1);--blue: #63b3ed;--blue-bg: rgba(99,179,237,.1);--radius: 12px;--radius-lg: 18px;--radius-sm: 8px;--font: "Onest", -apple-system, sans-serif;--shadow: 0 4px 24px rgba(0,0,0,.4)}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100vh;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:3px}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font);background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.fade-in{animation:fadeIn .3s ease forwards}