.navbar{height:var(--nav-h);z-index:100;background:var(--bg-subtle);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:0 2.5rem;display:flex;position:sticky;top:0}.navbar__brand{opacity:.92;flex-shrink:0;width:auto;height:36px;transition:opacity .2s;display:block}.navbar__brand:hover{opacity:1}.navbar__menu{flex:1;justify-content:flex-end;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.navbar__item{font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap;align-items:center;display:inline-flex}.navbar__item .brace{color:var(--symbol);transition:var(--t-accent)}.navbar__item .sigil{color:var(--args);transition:var(--t-accent)}.navbar__link{color:var(--text);font-family:var(--font-mono);font-size:var(--text-sm);padding:.2rem .15rem;text-decoration:none;transition:color .2s}.navbar__link:hover,.navbar__link--active{color:var(--accent)}.navbar__link--active{transition:var(--t-accent)}.theme-toggle{cursor:pointer;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;border:none;border-left:1px solid var(--border);background:0 0;flex-shrink:0;align-items:center;gap:.3rem;margin-left:.5rem;padding:.3rem .5rem;transition:color .2s;display:inline-flex}.theme-toggle:hover{color:var(--text)}.theme-toggle__comment{pointer-events:none;font-style:italic}.theme-toggle__glyph{color:var(--symbol);font-size:1rem;line-height:1;transition:transform .45s cubic-bezier(.34,1.56,.64,1),color .3s;display:inline-block}[data-theme=girl] .theme-toggle__glyph{color:var(--symbol);transform:rotate(180deg)}.navbar__toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;flex-shrink:0;padding:.3rem .6rem;font-size:1.1rem;line-height:1;transition:border-color .2s,color .2s;display:none}.navbar__toggle:hover{border-color:var(--accent);color:var(--accent)}@media (width<=780px){.navbar{flex-wrap:wrap;gap:.5rem;height:auto;padding:.6rem 1.25rem}.navbar__toggle{display:block}.theme-toggle{margin-left:auto}.navbar__menu{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;padding:.75rem 0 .5rem;display:none}.navbar__menu--open{display:flex}.navbar__item{width:100%}.navbar__link{width:100%;padding:.4rem 0;display:block}}@media (width<=430px){.navbar__brand{height:28px}}