.site-header{--font-ui:system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--rule:color-mix(in oklab, var(--ui-fg) 14%, transparent);--muted:var(--ui-muted);--page-x:clamp(1rem, 3vw, 3rem);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-5);padding:var(--space-3) var(--page-x);border-bottom:1px solid var(--rule);background:var(--ui-bg);color:var(--ui-fg);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;flex-wrap:wrap;display:flex}.site-header__brand,.site-header__link{align-items:center;min-height:2rem;display:inline-flex}.site-header__brand{color:inherit;text-decoration:none}.site-header__brand:hover{color:var(--ui-accent-text)}.site-header__tld{color:var(--muted)}.site-header__nav{gap:var(--space-4);margin-inline-start:auto;display:flex}.site-header__link{color:var(--muted);transition:color var(--duration-fast) ease;text-decoration:none}.site-header__link:hover,.site-header__link[aria-current=page]{color:var(--ui-fg)}.site-header__brand:focus-visible,.site-header__link:focus-visible{outline:3px solid var(--ui-accent);outline-offset:4px}.theme-switch{--rule:color-mix(in oklab, var(--ui-fg) 14%, transparent);--muted:var(--ui-muted);border:1px solid var(--rule);background:color-mix(in oklab, var(--ui-fg) 4%, transparent);border-radius:999px;padding:3px;display:inline-flex}.theme-switch__option{min-height:2rem;color:var(--muted);font:inherit;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out-expo);background:0 0;border:0;border-radius:999px;align-items:center;gap:.5em;padding:0 .85rem 0 .5rem;display:inline-flex}.theme-switch__option:hover{color:var(--ui-fg)}.theme-switch__option:active{transform:scale(.97)}.theme-switch__option[aria-pressed=true]{background:color-mix(in oklab, var(--ui-fg) 12%, transparent);color:var(--ui-fg)}.theme-switch__option:focus-visible{outline:3px solid var(--ui-accent);outline-offset:2px}.theme-switch__swatch{background:linear-gradient(135deg, var(--point-a) 0 50%, var(--point-b) 50% 100%);border:2px solid var(--board-felt);width:1.1rem;height:1.1rem;box-shadow:0 0 0 1px var(--board-frame);border-radius:50%;flex:none}@media (max-width:40rem){.site-header .theme-switch__name{display:none}.site-header .theme-switch__option{padding:0 .45rem}.site-header{column-gap:var(--space-4)}}@media (prefers-reduced-motion:reduce){.site-header *,.theme-switch *{transition:none!important;animation:none!important}}