*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0c;--bg2: #111113;--bg3: #191919;--bg4: #222224;--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .15);--border3: rgba(255, 255, 255, .25);--text: #ffffff;--text2: #b8b8c8;--text3: #72727f;--accent: #e63946;--accent2: #c1121f;--green: #22c97a;--amber: #f5a623;--red: #e63946;--blue: #4da6ff;--pink: #e879a0;--r: 14px;--r2: 9px;--r3: 6px}html,body{background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-size:16px;min-height:100vh;-webkit-font-smoothing:antialiased}input,textarea,select{background:var(--bg3);color:var(--text);border:1px solid var(--border2);border-radius:var(--r2);padding:10px 13px;font-family:inherit;font-size:13px;outline:none;transition:border-color .2s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=range]{padding:0;background:none;border:none;accent-color:var(--accent);height:20px}button{font-family:inherit;cursor:pointer;transition:opacity .15s}button:active{opacity:.75}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .25s ease both}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.pulse{animation:pulse 2s infinite}#root{min-height:100vh}