.theme-toggle{gap:.15rem;padding:.2rem;border-radius:var(--radius-badge);background:var(--color-surface);border:1px solid var(--color-border)}.theme-toggle,.theme-toggle-btn{display:inline-flex;align-items:center}.theme-toggle-btn{justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);padding:0;border:none;border-radius:var(--radius-badge);background:transparent;color:var(--color-muted);font-size:1rem;line-height:1;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.theme-toggle-btn:hover{color:var(--color-ink);background:color-mix(in srgb,var(--color-ink) 6%,transparent)}.theme-toggle-btn:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.theme-toggle-btn[aria-pressed=true],.theme-toggle-btn[aria-pressed=true]:hover{background:var(--color-ink);color:var(--color-bg)}.theme-toggle-icon{display:block;width:1.1rem;height:1.1rem}.site-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-comfort);margin-bottom:var(--space-1)}.site-topbar--sticky{position:sticky;top:0;z-index:var(--z-sticky);margin:calc(-1 * (var(--page-pad-y) + var(--safe-top-inset))) calc(-1 * (var(--page-pad-x) + var(--safe-right-inset))) var(--space-2) calc(-1 * (var(--page-pad-x) + var(--safe-left-inset)));padding:calc(var(--space-2) + var(--safe-top-inset)) calc(var(--page-pad-x) + var(--safe-right-inset)) var(--space-2) calc(var(--page-pad-x) + var(--safe-left-inset));background:color-mix(in srgb,var(--color-bg) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--color-ink) 3%,transparent);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}.site-topbar-brand{margin:0;font-family:var(--font-display);font-size:1.28rem;font-weight:650;letter-spacing:var(--tracking-card-title);text-transform:lowercase;color:var(--color-ink);text-decoration:none;line-height:1.15;min-height:var(--touch-min);display:inline-flex;align-items:center;gap:.45rem;transition:color var(--duration-fast) var(--ease-standard)}.site-topbar-brand-mark{display:block;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:.35rem}.site-topbar-brand-text{line-height:1.15}.site-topbar-brand:hover{color:var(--color-primary)}.site-topbar-brand:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}.site-topbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.site-topbar .theme-toggle{gap:0;padding:.12rem;background:color-mix(in srgb,var(--color-surface) 80%,var(--color-paper-deep));border-color:color-mix(in srgb,var(--color-border) 85%,transparent);box-shadow:var(--shadow-card)}.site-topbar .theme-toggle-btn{min-width:2.25rem;min-height:2.25rem}.site-topbar .theme-toggle-icon{width:1rem;height:1rem}.site-topbar-account{max-width:7.5rem;font-size:var(--font-body-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-topbar-account--pending{border-color:transparent;background:color-mix(in srgb,var(--color-ink) 6%,transparent);color:transparent;pointer-events:none;min-width:var(--touch-min);position:relative;overflow:hidden}.site-topbar-account--pending:after{content:"";position:absolute;inset:.55rem;border-radius:var(--radius-badge);background:color-mix(in srgb,var(--color-muted) 35%,transparent)}.site-topbar-account--icon{max-width:none;width:var(--touch-min);min-width:var(--touch-min);height:var(--touch-min);padding:0;border-radius:var(--radius-badge);background:color-mix(in srgb,var(--color-surface) 85%,var(--color-paper-deep));border-color:color-mix(in srgb,var(--color-border) 80%,transparent);color:var(--color-ink);box-shadow:var(--shadow-card);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-emphasized)}.site-topbar-account--icon:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));color:var(--color-primary);background:var(--color-accent-light)}.site-topbar-account--icon:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.site-topbar-account--icon:active{transform:none}}