/* One independent main menu, shared by feed, chat and every module. */
html body dialog.wv-main-drawer{position:fixed;inset:0 auto 0 0;margin:0;box-sizing:border-box;width:min(340px,88vw);max-width:88vw;height:100dvh;max-height:100dvh;border:1px solid #586584;border-left:0;border-radius:0 24px 24px 0;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));background:linear-gradient(160deg,#2c3551,#1c2538 65%);color:#f5f7ff;box-shadow:12px 0 60px #10162c70;overflow-y:auto;overscroll-behavior:contain;font:14px/1.45 system-ui;z-index:9999;color-scheme:dark}
html body dialog.wv-main-drawer:not([open]){display:none}
html body .wv-main-drawer::backdrop{background:#0b0c13;backdrop-filter:none}
html body .wv-main-drawer *{box-sizing:border-box}
html body .wv-main-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 18px;margin:0;background:transparent;border:0;position:static}
html body .wv-main-drawer header small{display:block;font:650 10px/1.5 system-ui;letter-spacing:.18em;color:#c7b9ef}
html body .wv-main-drawer h2{margin:4px 0 0;color:#fff;font:650 24px/1.3 system-ui}
html body .wv-main-drawer header button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #647092;border-radius:14px;background:#35405c;color:#fff;font:28px system-ui;cursor:pointer;transform:none}
html body .wv-main-drawer>nav{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:0;margin:0}
html body .wv-main-drawer nav>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;position:relative;min-height:49px;padding:8px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:#e5eaf8;text-decoration:none;font:550 14px/1.3 system-ui;margin:0;white-space:normal}
html body .wv-main-drawer nav>a:hover{background:#364260}
html body .wv-main-drawer nav>a[aria-current=page]{background:#66539a;border-color:#b6a5e0;color:#fff}
html body .wv-main-drawer nav>a>b{font:22px system-ui;color:#c8cce1}
html body .wv-main-drawer nav>a>small{grid-column:2;font:10px system-ui;color:#e1d9f7;margin-top:-9px;letter-spacing:0}
html body .wv-main-drawer .wv-nav-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffffff0d;padding:6px;flex:none;color:#c8b6f7}
html body .wv-main-drawer svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html body .wv-main-drawer>footer{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #4d5a78;margin:18px 0 0;padding:16px 2px 0;background:transparent}
html body .wv-main-drawer footer>a{display:flex;align-items:center;min-height:44px;color:#d4dcee;font:12px system-ui;text-decoration:none;padding:4px}
html body .wv-main-drawer :focus-visible{outline:3px solid #c7b3ff;outline-offset:2px}


/* No translucent page flash or opacity animation during navigation. */
@media(min-width:651px) and (min-height:501px),(min-width:1001px){html body .wv-main-drawer::backdrop{background:#f6f5fa}}
html body.premium-mobile .wv-main-drawer::backdrop{background:#0b0c13}