.nav,.bottom-nav{font-family:"Lexend","Inter","Poppins","Roboto",ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.4;box-sizing:border-box}.nav *,.bottom-nav *{box-sizing:border-box}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;background:var(--surface);padding:4px 12px}.nav a{color:var(--text);text-decoration:none}.nav a.active,.nav a:hover{text-decoration:underline}.nav form{display:inline;margin:0}.nav button{margin:0;padding:0;border:0;background:none;font-size:inherit;color:var(--text)}.nav .spacer{margin-left:auto}.nav .theme-toggle{display:inline-flex;align-items:center;line-height:0;color:var(--muted);cursor:pointer}.nav .theme-toggle:hover{color:var(--text);text-decoration:none}.theme-toggle .ico-moon{display:none}.nav>a,.nav .user-menu summary{display:inline-flex;align-items:center;gap:8px;padding:3px 10px;border:1px solid transparent;border-radius:8px;font-size:15px;color:var(--text);text-decoration:none;cursor:pointer}.nav>a:hover,.nav>a.active,.nav .user-menu summary:hover,.nav .user-menu[open] summary{background:var(--th);border-color:var(--border);text-decoration:none}.nav .ic{flex:none}.nav .user-menu{position:relative}.nav .user-menu summary{list-style:none;padding:2px 8px 2px 4px}.nav .user-menu summary::-webkit-details-marker{display:none}.nav .user-menu .chev{width:7px;height:7px;margin:0 2px 3px 4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s}.nav .user-menu[open] .chev{transform:rotate(225deg);margin-bottom:0;margin-top:3px}.nav .user-menu .av{width:24px;height:24px;flex:none;display:inline-flex;align-items:center;justify-content:center;object-fit:cover;border-radius:50%;background:var(--field);border:1px solid var(--border);font-size:12px;line-height:1}.nav .user-menu .menu{position:absolute;right:0;top:calc(100% + 8px);z-index:70;min-width:180px;display:flex;flex-direction:column;gap:0;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgb(0 0 0 / .12)}.nav .user-menu .menu a,.nav .user-menu .menu button{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:6px 10px;border:0;border-radius:6px;font-size:15px;background:none;text-align:left;font:inherit;color:var(--text);text-decoration:none;cursor:pointer}.nav .user-menu .menu form{display:block}.nav .user-menu .menu a:hover,.nav .user-menu .menu button:hover{background:var(--th);text-decoration:none}.nav .user-menu .menu .out{color:var(--danger)}.nav .user-menu .menu .out:hover{background:var(--error-bg)}.nav .user-menu .sep{height:1px;margin:4px -4px;background:var(--border)}.nav>a:hover,.nav>a.active,.nav .user-menu summary:hover,.nav .user-menu[open] summary,.nav>form button:hover,.subnav a:hover,.subnav a.active{background:var(--th);border-color:var(--border)}.nav .user-menu .menu a:hover,.nav .user-menu .menu button:hover{background:var(--th)}.nav .user-menu .menu a,.nav .user-menu .menu button{border:1px solid transparent}.nav .user-menu .menu a:hover,.nav .user-menu .menu button:hover{border-color:transparent}.nav>form button{display:inline-flex;align-items:center;padding:3px 10px;border:1px solid transparent;border-radius:8px;font-size:15px;cursor:pointer}:root[data-theme="dark"] .theme-toggle .ico-sun{display:none}:root[data-theme="dark"] .theme-toggle .ico-moon{display:inline-block}@media (max-width:700px){.nav .desk-only{display:inline-flex!important;align-items:center}.nav{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:60;flex-wrap:wrap;overflow:visible;gap:2px 6px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-bottom:0;border-top:1px solid var(--border);background:var(--surface)}.nav a{padding:10px}}@media (max-width:700px){.nav>a{padding:8px 10px}.nav .user-menu .menu{position:absolute;top:auto;right:0;bottom:calc(100% + 8px)}.nav .user-menu .menu::before{top:auto;bottom:-10px}}@media (max-width:700px){body.has-nav{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}