:root{--bg:#24272a;--grid:#ffffff04;--ink:#edefef;--ink-dim:#a9aeb0;--ink-mid:#c6cacb;--ink-faint:#edefef40;--ink-faint-2:#ffffff1f;--accent:#e8752f;--accent-dim:#e8752f26;--accent-2:#7fa8c9;--good:#7cb88f;--panel:#edefef08;--font-display:"Caveat", cursive;--font-body:"Work Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);background-image:repeating-linear-gradient(0deg, var(--grid) 0px, var(--grid) 1px, transparent 1px, transparent 3px), repeating-linear-gradient(90deg, var(--grid) 0px, var(--grid) 1px, transparent 1px, transparent 3px);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul{list-style:none}.logo{width:auto;height:28px;display:block}.topnav{display:none}.bottom-nav{background:linear-gradient(180deg, #24272a00 0%, var(--bg) 30%);justify-content:space-around;padding:14px 10px 26px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-item{color:var(--ink-mid);flex-direction:column;align-items:center;gap:4px;font-size:10.5px;display:flex}.bottom-nav .nav-item.active{color:var(--accent)}.bottom-nav .nav-item svg{width:20px;height:20px}@media (width>=800px){.topnav{border-bottom:1px dashed var(--ink-faint-2);justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.bottom-nav{display:none}.nav{gap:6px;display:flex}.topnav .nav-item{color:var(--ink-mid);border:1px dashed #0000;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;display:flex}.topnav .nav-item svg{flex-shrink:0;width:17px;height:17px}.topnav .nav-item.active{color:var(--ink);background:var(--accent-dim);border:1px dashed var(--accent)}.topnav .nav-item.active svg{color:var(--accent)}.avatar{background:var(--accent);width:32px;height:32px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex}}