.topbar.svelte-11c4yue{border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);position:sticky;top:0;z-index:10}.brand.svelte-11c4yue{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--text);font-weight:600;letter-spacing:var(--ls-tight)}.brand-mark.svelte-11c4yue{color:var(--accent);font-size:22px;line-height:1;transform:translateY(2px)}.brand-name.svelte-11c4yue{font-size:var(--fs-md)}nav.svelte-11c4yue{gap:var(--gap-4)}.navlink.svelte-11c4yue{color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;padding:6px 10px;border-radius:var(--radius-md);text-decoration:none}.navlink.svelte-11c4yue:hover{color:var(--text);background:var(--bg-hover)}.navlink.active.svelte-11c4yue{color:var(--text);background:var(--accent-soft)}.footer.svelte-11c4yue{margin-top:var(--gap-7);padding:var(--gap-4) 0;border-top:1px solid var(--border)}@media (max-width: 520px){.navlink.svelte-11c4yue{padding:6px}.brand-name.svelte-11c4yue{display:none}}