body,html{margin:0;padding:0}body{background:#333;color:#eee;font-family:var(--font-mono)}.app-shell{height:100svh;width:100svw;display:flex;flex-direction:column;overflow:hidden}.app-body{flex:1 1;min-height:0;overflow:auto}.site-header{background:linear-gradient(90deg,var(--color-header1) 0,var(--color-header2) 45%,var(--color-header3) 100%);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(0,0,0,.2);display:flex;align-items:center;font-size:12px;padding:1px 10px;position:relative;cursor:default;z-index:50;div{white-space:nowrap}.countdowns{display:flex;align-items:center;gap:35px;margin-left:15px}.site-url{color:#eee}&>:last-child{margin-left:auto;position:absolute;right:0;z-index:10;padding:0 10px;background-color:black;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,1) 30px,rgba(0,0,0,1) calc(100% - 10px),rgba(0,0,0,0))}}.hamburger{width:22px;height:22px;padding:0;margin:1px 0;border-radius:30px;border:none;background:black;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;background:var(--gradient-hamburger);box-shadow:var(--inset-buttons);&:focus-visible{outline:none}& span{width:13px;height:1px;background:#eee;border-radius:2px;transition:transform .2s ease,opacity .2s ease}&.open span:first-child{transform:translateY(3px) rotate(45deg)}&.open span:nth-child(2){opacity:0}&.open span:nth-child(3){transform:translateY(-3px) rotate(-45deg)}}.side-menu{position:fixed;top:0;left:0;height:100vh;width:180px;background:var(--color-header1);background:var(--gradient-hamburger);background:linear-gradient(135deg,var(--color-header1) 0,var(--color-header2) 45%,var(--color-header3) 100%);transform:translateX(-100%);transition:transform .25s ease;z-index:30;padding-top:36px;&.open{transform:translateX(0)}& nav{display:flex;flex-direction:column;padding:12px;gap:8px}& a{padding:10px 12px;border-radius:8px;color:#e5e7eb;text-decoration:none;background:rgba(255,255,255,.04);display:flex;align-items:center;gap:6px;font-size:14px;&:hover{transform:scale(1.02)}&:active{transform:scale(.99)}}}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:25}.page-title,.section-title,h1,h2,h3{font-family:var(--font-title);font-weight:800;letter-spacing:-1px}a{color:green}button{box-shadow:4px 4px 4px rgba(0,0,0,.1);padding:0 16px;height:28px;font-family:var(--font-mono);border:none;border-radius:30px;cursor:pointer;box-shadow:var(--inset-buttons-minor);&:hover:not(:disabled):not(.loading){transform:scale(1.02)}&:active:not(:disabled):not(.loading){transform:scale(.98)}&:disabled{background-color:#444;color:#777;cursor:not-allowed}&.loading{cursor:wait}}select{padding:4px;height:25px;border:1px solid #ccc;border-radius:6px;background:white;font-size:12px;cursor:pointer;font-family:var(--font-mono);&:hover{border-color:#999}&:focus{outline:none;border-color:#007bff}}:root{--font-mono:"Fira Code",monospace;--font-title:"Space Grotesk",system-ui;--color-hamburger1:#0b2f4a;--color-hamburger2:#0a4f6e;--color-hamburger3:#081f33;--gradient-hamburger:linear-gradient(135deg,var(--color-hamburger1) 0%,var(--color-hamburger2) 50%,var(--color-hamburger3) 100%);--inset-buttons:inset 0 1px 0 rgba(255,255,255,0.14),inset 0 -1px 0 rgba(0,0,0,0.45),0 2px 6px rgba(0,0,0,0.5);--inset-buttons-minor:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -1px 0 rgba(0,0,0,0.30),0 1px 3px rgba(0,0,0,0.25);--gradient-action:linear-gradient(135deg,#2fbf8f,#0ea977 50%,#047857);--gradient-action-disabled:linear-gradient(135deg,#5f8f7c,#547f6f 50%,#46685c);--color-header1:#0b1e22;--color-header2:#1b2236;--color-header3:#0f172a;--color-qb-bg:#6b0000;--color-qb-light:#ffb6b6;--color-rb-bg:#003d22;--color-rb-light:#8bffcc;--color-wr-bg:#003162;--color-wr-light:#8ac4ff;--color-te-bg:#6b3000;--color-te-light:#ffc89b;--color-k-bg:#2a2a2a;--color-k-light:#ccc;--color-def-bg:#2a2a2a;--color-def-light:#ccc;--color-highlight-pink:#ff5edf;--color-highlight-pink-dark:#8c2477;--color-highlight-blue:#5edfff;--color-highlight-blue-dark:#2c7587}