*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--bg-1:#0a0a0a;--bg-2:#111;--bg-3:#1a1a1a;--border-1:#1a1a1a;--border-2:#2a2a2a;--border-3:#3a3a3a;--text-1:#fff;--text-2:#aaa;--text-3:#666;--text-4:#333;--blue:#4da6ff;--blue-bg:#0a1a2a;--blue-bdr:#1a4a80;--green:#4a9a4a;--green-bg:#0d1a0d;--green-bdr:#1a3a1a;--red:#f44;--red-bg:#2a0000;--red-bdr:#822;--amber:#ffb700;--amber-bg:#1a1200;--amber-bdr:#4a3500;--purple:#c6f;--purple-bg:#1a0a2a;--purple-bdr:#4a1a80;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.light-mode{--bg:#f5f5f7;--bg-1:#fff;--bg-2:#fff;--bg-3:#f0f0f2;--border-1:#e0e0e3;--border-2:#d0d0d3;--border-3:#b8b8bc;--text-1:#1a1a1a;--text-2:#444;--text-3:#888;--text-4:#bbb;--blue:#0071e3;--blue-bg:#e8f0ff;--blue-bdr:#acf;--green:#1c7a1c;--green-bg:#eaf5ea;--green-bdr:#90cc90;--red:#c00;--red-bg:#ffe8e8;--red-bdr:#faa;--amber:#a05800;--amber-bg:#fff8e0;--amber-bdr:#ffc266;--purple:#80c;--purple-bg:#f5e8ff;--purple-bdr:#c8f}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font);background:var(--bg);color:var(--text-1);min-height:100dvh;transition:background .3s,color .3s}::selection{background:rgba(77,166,255,.25)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}a{color:var(--blue);text-decoration:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-3)!important}button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin .8s linear infinite}.animate-slide-up{animation:slideUp .3s ease both}.animate-fade{animation:fadeIn .2s ease}@media(max-width:768px){.desktop-sidebar{display:none!important}.mobile-menu-btn{display:flex!important}}