.site-nav{--nav-hair:var(--border);--nav-accent:var(--brand);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;margin-bottom:3.5rem;border-bottom:1px solid var(--nav-hair);font-family:var(--font-body);background:var(--surface-solid);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px)}.site-nav *,.site-nav :after,.site-nav :before{box-sizing:border-box}.site-nav-brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.02em;color:var(--text-main);text-decoration:none}.site-nav-brand img{width:26px;height:26px;border-radius:999px;-o-object-fit:cover;object-fit:cover}.site-nav-links{display:flex;align-items:center;gap:1.15rem;font-size:.875rem;min-width:0}.site-nav-link{position:relative;color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:color .16s ease}.site-nav-link.is-current,.site-nav-link:hover{color:var(--text-main)}.site-nav-link.is-current:after{content:"";position:absolute;left:0;right:0;bottom:-.35rem;height:1.5px;border-radius:2px;background:var(--nav-accent)}.site-nav-join{padding:.4rem .85rem;border:1px solid var(--nav-accent);border-radius:999px;color:var(--nav-accent);font-weight:500;text-decoration:none;white-space:nowrap;transition:background .16s ease,color .16s ease}.site-nav-join.is-current,.site-nav-join:hover{background:var(--nav-accent);color:#fff}.site-nav .theme-toggle{position:static;width:34px;height:34px;flex:0 0 auto;background:transparent}.site-nav .theme-toggle:hover{background:var(--input-bg)}@media (max-width:640px){.site-nav{gap:.6rem}.site-nav-brand span{display:none}.site-nav-links{gap:.8rem;font-size:.8125rem}.site-nav-join{padding:.35rem .7rem}}@media (max-width:400px){.site-nav-links{gap:.65rem;font-size:.75rem}}.site-footer{--footer-hair:var(--border);--footer-accent:var(--brand);justify-content:space-between;gap:.75rem 1rem;margin-top:4.5rem;padding-top:1.4rem;border-top:1px solid var(--footer-hair);font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted)}.site-footer,.site-footer-links{display:flex;align-items:center;flex-wrap:wrap}.site-footer-links{gap:1.1rem}.site-footer a{color:var(--footer-accent);text-decoration:none;white-space:nowrap}.site-footer a:hover{text-decoration:underline}