@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg:#f8f9fc;--s1:#fff;--s2:#f1f3f8;--s3:#e8ebf3;--s4:#dde2ee;--border:#dde2ee;--border2:#ccd1e0;--text:#0f1523;--text2:#4a5568;--text3:#718096;--accent:#06f;--accent-d:#0066ff14;--accent-d2:#0066ff24;--green:#00875a;--green-d:#00875a14;--red:#dc2626;--red-d:#dc262614;--amber:#b45309;--amber-d:#b4530914;--purple:#7c3aed;--purple-d:#7c3aed14;--mono:"JetBrains Mono", monospace;--sans:"Outfit", sans-serif;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 16px #00000017, 0 2px 8px #0000000d;--shadow-lg:0 8px 32px #0000001c, 0 4px 16px #0000000f}[data-theme=dark]{--bg:#09090d;--s1:#111118;--s2:#18181f;--s3:#1f1f28;--s4:#262633;--border:#2a2a38;--border2:#35354a;--text:#f0f0f5;--text2:#a0a0b8;--text3:#6b6b85;--accent:#4d8ef7;--accent-d:#4d8ef71a;--accent-d2:#4d8ef72e;--green:#22c55e;--green-d:#22c55e1a;--red:#ef4444;--red-d:#ef44441a;--amber:#f59e0b;--amber-d:#f59e0b1a;--purple:#a855f7;--purple-d:#a855f71a;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;transition:background .2s,color .2s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--sans)}input,textarea,select{font-family:var(--sans);color:var(--text);background:var(--s2);border:1px solid var(--border);outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::selection{background:var(--accent-d2);color:var(--accent)}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}@media (min-width:769px){.show-mobile{display:none!important}}@keyframes blink{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}