.nav-left{display:flex;align-items:center;gap:12px}.menu-button{width:40px;height:40px;border:1px solid var(--line,#d9ddd5);border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--ink,#17221d);transition:.2s}.menu-button:hover{background:var(--card,#fffdf8);border-color:var(--green,#215c42)}.menu-button span,.menu-button:before,.menu-button:after{content:"";display:block;width:16px;height:1.5px;background:currentColor;transition:.25s}.menu-button span{margin:4px 0}.nav-drawer{position:fixed;z-index:50;left:0;top:0;width:min(390px,88vw);height:100vh;background:#173d2d;color:#fff;transform:translateX(-102%);transition:transform .28s ease;display:flex;flex-direction:column;box-shadow:20px 0 70px rgba(15,35,26,.25)}.nav-drawer.open{transform:translateX(0)}.drawer-overlay{position:fixed;inset:0;background:rgba(17,29,23,.38);backdrop-filter:blur(2px);z-index:49;opacity:0;pointer-events:none;transition:opacity .25s}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-head{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.12)}.drawer-head strong{font-family:Georgia,serif;font-size:19px}.drawer-close{border:0;background:transparent;color:#fff;font-size:29px;line-height:1;cursor:pointer}.drawer-home{display:flex;justify-content:space-between;align-items:center;margin:24px 20px 14px;padding:17px 18px;border-radius:10px;background:var(--lime,#c9ff62);color:#173d2d;text-decoration:none;font-size:13px;font-weight:800}.drawer-section-title{padding:16px 27px 10px;color:#96b2a3;font-size:9px;letter-spacing:.2em;font-weight:800}.drawer-groups{overflow:auto;padding:0 12px 30px}.drawer-group{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:11px 14px;color:#e7efe9;text-decoration:none;border-radius:9px}.drawer-group:hover,.drawer-group.active{background:rgba(255,255,255,.09)}.drawer-group-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(201,255,98,.12);color:var(--lime,#c9ff62);font:14px Georgia}.drawer-group strong{display:block;font-size:12px;text-transform:capitalize}.drawer-group small{display:block;color:#91aa9d;font-size:9px;margin-top:3px}.drawer-group>small{margin:0}.drawer-loading{padding:20px 27px;color:#91aa9d;font-size:11px}.drawer-foot{margin-top:auto;padding:18px 27px;border-top:1px solid rgba(255,255,255,.1);color:#789487;font-size:9px;letter-spacing:.1em}
@media(max-width:480px){.nav-left{gap:8px}.menu-button{width:36px;height:36px}}
.drawer-groups{flex:1}.drawer-about{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;margin:10px 12px 0;padding:13px 14px;border-top:1px solid rgba(255,255,255,.1);border-radius:9px;color:#e7efe9;text-decoration:none}.drawer-about:hover,.drawer-about.active{background:rgba(255,255,255,.09)}.drawer-about strong{display:block;font-size:12px}.drawer-about small{display:block;margin-top:3px;color:#91aa9d;font-size:9px}.drawer-about>small{margin:0}.drawer-foot{margin-top:0}
.drawer-ranking{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;margin:0 12px;padding:15px 14px;border-top:1px solid rgba(255,255,255,.18);border-radius:9px;color:#e7efe9;text-decoration:none}.drawer-ranking:hover,.drawer-ranking.active{background:rgba(201,255,98,.1)}.drawer-ranking-mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--lime,#c9ff62);color:#173d2d;font:700 14px Georgia}.drawer-ranking strong{display:block;font-size:12px}.drawer-ranking small{display:block;margin-top:3px;color:#91aa9d;font-size:9px}.drawer-ranking>small{margin:0}
.drawer-ranking{background:#fff;color:#111}.drawer-ranking:hover,.drawer-ranking.active{background:#f3f5f2;color:#111}.drawer-ranking strong{color:#111}.drawer-ranking small{color:#3f5148}
.topbar-meta{display:flex;align-items:center;gap:22px}.global-status{display:flex;align-items:center;gap:7px;white-space:nowrap}.global-status i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--green,#0c9f83)}.global-status span,.global-status a{font-size:10px}.global-status a{color:inherit;text-decoration:none}.global-status a[href]:hover{text-decoration:underline}.global-status .status-divider{opacity:.45}.global-status.db-read-error i{background:#df4f5f;box-shadow:0 0 8px rgba(223,79,95,.55)}
@media(max-width:800px){.topbar-meta nav{display:none}.topbar-meta{margin-left:auto}.global-status{display:grid;grid-template-columns:auto auto;column-gap:5px;row-gap:1px}.global-status i,.global-status .status-divider{display:none}.global-status .global-sync-label,.global-status .global-build-version{font-size:9px;text-align:right}}

@media(max-width:480px){.global-status{grid-template-columns:1fr}.global-status i,.global-status .status-divider,.global-status .global-build-version{display:none!important}.global-status .status-time{display:block!important;font-size:9px;text-align:right;white-space:nowrap}}

@media(max-width:480px){.global-status{grid-template-columns:1fr}.global-status i,.global-status .status-divider,.global-status .global-build-version{display:none!important}.global-status .status-time{display:block!important;font-size:9px;text-align:right;white-space:nowrap}}