.site-nav{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(17,8,13,.88);backdrop-filter:blur(16px);position:relative;z-index:16;overflow-x:auto;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav a,.site-nav button{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.045);color:#d9c8d0;text-decoration:none;border-radius:999px;padding:8px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.site-nav a:hover,.site-nav button:hover,.site-nav a.active,.site-nav button.active{color:#fff;background:rgba(181,58,106,.17);border-color:rgba(244,166,196,.25)}.site-nav .nav-home{color:#fff}.site-nav .hidden{display:none!important}

/* Compact prioritized navigation drawer */
.site-nav.qw-menu-ready{justify-content:flex-start;overflow:visible;min-height:58px;padding:9px 18px;position:sticky;top:0;z-index:1200;box-shadow:0 10px 28px rgba(0,0,0,.22);background:rgba(17,8,13,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-nav.qw-menu-ready>a,.site-nav.qw-menu-ready>button:not(.qw-menu-toggle){display:none!important}.site-nav .qw-menu-toggle{margin-left:auto;min-width:118px;min-height:40px;padding:8px 15px;border-radius:13px;background:linear-gradient(135deg,rgba(181,58,106,.24),rgba(115,32,70,.2));border:1px solid rgba(244,166,196,.26);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15)}.site-nav .qw-menu-toggle:hover{background:linear-gradient(135deg,rgba(181,58,106,.34),rgba(115,32,70,.3))}.qw-menu-lines{font-size:20px;line-height:1}.qw-menu-overlay{position:fixed;inset:0;z-index:9999;background:rgba(7,3,5,.62);backdrop-filter:blur(7px);display:flex;justify-content:flex-end;align-items:stretch;padding:0}.qw-menu-overlay.hidden{display:none!important}.qw-menu-drawer{width:min(390px,90vw);height:100%;background:linear-gradient(180deg,#1a0a12 0%,#12080d 100%);border-left:1px solid rgba(255,255,255,.09);box-shadow:-24px 0 70px rgba(0,0,0,.42);padding:max(18px,env(safe-area-inset-top)) 16px max(22px,env(safe-area-inset-bottom));overflow-y:auto;animation:qwDrawerIn .2s ease-out}.qw-menu-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 4px 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.qw-menu-head strong{font-size:18px;color:#fff}.qw-menu-close{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:28px;line-height:1;cursor:pointer}.qw-menu-list{display:flex;flex-direction:column;gap:8px}.qw-menu-item{width:100%;min-height:54px;display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:10px;padding:10px 12px;border-radius:15px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);color:#e8dce1;text-decoration:none;font:inherit;font-weight:800;text-align:start;cursor:pointer}.qw-menu-item:hover,.qw-menu-item.active{color:#fff;background:rgba(181,58,106,.15);border-color:rgba(244,166,196,.22)}.qw-menu-item.qw-menu-primary{background:linear-gradient(135deg,#b52f6a,#8b2454);border-color:rgba(255,255,255,.12);color:#fff;box-shadow:0 14px 32px rgba(105,22,57,.28);margin-bottom:5px}.qw-menu-item-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:19px}.qw-menu-arrow{opacity:.55;font-size:24px;transform:scaleX(-1)}html[dir="ltr"] .qw-menu-arrow{transform:none}.qw-menu-item.hidden{display:none!important}html.qw-menu-open,html.qw-menu-open body{overflow:hidden!important}@keyframes qwDrawerIn{from{transform:translateX(26px);opacity:.3}to{transform:none;opacity:1}}

/* Identity chooser must always sit above the sticky navigation. */
#usernameModal.modal-backdrop{z-index:11000!important;overflow-y:auto!important;align-items:center!important;justify-items:center!important;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))!important}
#usernameModal .identity-modal{max-height:calc(100dvh - 40px);overflow-y:auto;margin:auto;overscroll-behavior:contain}

@media(max-width:760px){.site-nav{justify-content:flex-start;padding:8px 12px;gap:6px}.site-nav a,.site-nav button{min-height:36px;padding:7px 11px;font-size:11px}.site-nav.qw-menu-ready{min-height:54px;padding:7px 12px;top:0}.site-nav .qw-menu-toggle{min-width:108px;min-height:38px;padding:7px 12px;font-size:12px}.qw-menu-drawer{width:min(360px,92vw)}#usernameModal.modal-backdrop{place-items:end center!important;padding:0!important}#usernameModal .identity-modal{width:100%;max-height:94dvh;border-radius:24px 24px 0 0;margin:0;overflow-y:auto;padding-bottom:calc(28px + env(safe-area-inset-bottom))}}