.snav,.snav-menu{--snav-bg:var(--surface);--snav-raise:var(--surface-2);--snav-raise-2:var(--surface-3,var(--surface-2));--snav-ink:var(--ink);--snav-ink-2:var(--ink-2);--snav-ink-3:var(--ink-3,var(--ink-2));--snav-accent:var(--water,var(--accent));--snav-ease:var(--ease-out,cubic-bezier(.23, 1, .32, 1))}.snav{z-index:35;min-height:52px;padding:6px max(16px, env(safe-area-inset-right)) 6px max(16px, env(safe-area-inset-left));background:var(--snav-bg);color:var(--snav-ink);font-family:var(--font-sans);flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:14px;line-height:1.3;display:flex;position:relative}.snav ul{gap:2px;margin:0;padding:0;list-style:none;display:flex}.snav-brand{touch-action:manipulation;letter-spacing:-.01em;border-radius:6px;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex;color:var(--snav-ink)!important}.snav-mark{flex:none;width:22px;height:22px}.snav-mark path{fill:var(--snav-accent)}.snav-mark .wave{fill:none;stroke:var(--snav-bg);stroke-width:1.6px;stroke-linecap:round}.snav-inline{align-items:center;gap:20px;display:flex}.snav-group{align-items:baseline;gap:6px;display:flex}.snav-group ul{align-items:baseline}.snav-glabel{color:var(--snav-ink-3);margin:0;font-size:12px;font-weight:500}.snav-link{white-space:nowrap;min-height:36px;transition:background-color .16s ease, color .16s ease, transform .16s var(--snav-ease);border-radius:6px;align-items:center;padding:0 10px;text-decoration:none;display:inline-flex;color:var(--snav-ink-2)!important}.snav-link[aria-current=page]{background:var(--snav-raise);font-weight:600;color:var(--snav-ink)!important}.snav-link:active{transform:scale(.97)}.snav-spacer,.snav-actions{margin-left:auto}.snav-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.snav-fold{display:none}@media (max-width:1119.98px){.snav-inline{display:none}.snav-fold{order:2;margin-left:auto;display:block}.snav-spacer{display:none}.snav-actions{flex-basis:100%;order:3;margin-left:0;padding-bottom:4px}}.snav-menu{position:relative}.snav-menu-btn{cursor:pointer;background:var(--snav-raise);min-height:44px;color:var(--snav-ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease, transform .16s var(--snav-ease);border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:550;list-style:none;display:inline-flex}.snav-menu-btn::-webkit-details-marker{display:none}.snav-menu-btn::marker{content:""}.snav-menu-btn:active{transform:scale(.97)}.snav-menu-btn svg{transition:transform .2s var(--snav-ease)}.snav-menu[open]>.snav-menu-btn{background:var(--snav-raise-2)}.snav-menu[open]>.snav-menu-btn svg{transform:rotate(180deg)}.topbar .snav-menu-btn{min-height:32px;padding:0 10px;font-size:13px}.snav-panel{z-index:60;overscroll-behavior:contain;background:var(--snav-raise);width:min(340px,100vw - 32px);max-height:calc(100dvh - 96px);color:var(--snav-ink);font-family:var(--font-sans);text-align:left;transform-origin:100% 0;transition:opacity .18s var(--snav-ease), transform .18s var(--snav-ease);border-radius:12px;flex-direction:column;gap:14px;padding:12px;font-size:14px;line-height:1.3;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 16px 40px #00000059}@starting-style{.snav-panel{opacity:0;transform:scale(.97)translateY(-4px)}}.snav-panel[style*=--snav-top]{top:var(--snav-top);right:var(--snav-right);max-height:var(--snav-maxh,calc(100dvh - var(--snav-top) - 12px));position:fixed}@media (max-width:639.98px){.snav-panel[style*=--snav-top]{left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));transform-origin:top;width:auto}}.snav-panel-group{flex-direction:column;gap:2px;display:flex}.snav-panel-group .snav-glabel{color:var(--snav-ink-3);margin:0;padding:0 10px 4px;font-size:12px;font-weight:500}.snav-panel ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.snav-row{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:52px;transition:background-color .16s ease, transform .16s var(--snav-ease);border-radius:8px;flex-direction:column;justify-content:center;gap:2px;padding:8px 10px;text-decoration:none;display:flex;color:var(--snav-ink)!important}.snav-row-label{font-size:15px;font-weight:600}.snav-row-hint{color:var(--snav-ink-2);font-size:13px}.snav-row[aria-current=page]{background:var(--snav-raise-2)}.snav-row[aria-current=page] .snav-row-label{color:var(--snav-accent)}.snav-row:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.snav-link:hover{background:var(--snav-raise);color:var(--snav-ink)!important}.snav-menu-btn:hover,.snav-row:hover{background:var(--snav-raise-2)}}.snav a:focus-visible,.snav-menu-btn:focus-visible,.snav-row:focus-visible{outline:2px solid var(--snav-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.snav-panel{transition:opacity .12s}@starting-style{.snav-panel{opacity:0;transform:none}}.snav-link,.snav-menu-btn,.snav-row,.snav-menu-btn svg{transition:none}}@media print{.snav,.snav-menu{display:none!important}}