.site-header{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--gutter);border-bottom:1px solid var(--border);background:var(--bg-translucent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow var(--dur) var(--ease);display:flex;position:sticky;top:0}.site-header.is-scrolled{box-shadow:var(--shadow-header)}.site-brand{font-weight:var(--weight-extrabold);font-size:var(--font-2xl);letter-spacing:var(--tracking-tight);color:var(--text-strong);white-space:nowrap;text-decoration:none}.site-nav{align-items:center;gap:var(--space-1);margin-right:auto;display:flex}.site-nav-link{align-items:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--control-pad-x-md);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--font-sm);font-weight:var(--weight-bold);white-space:nowrap;transition:color var(--dur) var(--ease), background var(--dur) var(--ease);text-decoration:none;display:inline-flex}.site-nav-link:hover{color:var(--text-strong);background:var(--surface-hover)}.site-nav-link.is-active{color:var(--text-strong);background:var(--surface-inset-hover)}.site-live-dot{background:var(--text-faint);border-radius:50%;width:8px;height:8px}.site-live-dot.is-live{background:var(--live);animation:2s infinite live-pulse;box-shadow:0 0 #e11d4899}@keyframes live-pulse{70%{box-shadow:0 0 0 6px #e11d4800}to{box-shadow:0 0 #e11d4800}}@media (prefers-reduced-motion:reduce){.site-live-dot.is-live{animation:none}}.site-live-count{border-radius:var(--radius-full);background:var(--live);color:var(--text-strong);font-size:var(--font-2xs);font-weight:var(--weight-extrabold);font-variant-numeric:tabular-nums;padding:1px 6px}.site-header-right{align-items:center;gap:var(--space-2);display:flex}.account{position:relative}.account-button.has-user{padding-left:var(--space-1)}.account-avatar{object-fit:cover;border-radius:50%;width:22px;height:22px}.account-avatar--empty{background:var(--surface-chip);color:var(--text-muted);font-size:var(--font-2xs);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:inline-flex}.account-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.account-menu{top:calc(100% + var(--space-2));z-index:var(--z-floating);min-width:220px;padding:var(--space-2);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:absolute;right:0}.account-who{padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-1);font-size:var(--font-sm);color:var(--text-muted);flex-direction:column;gap:2px;display:flex}.account-who strong{color:var(--text-strong)}.account-muted{color:var(--danger);font-size:var(--font-xs)}.account-hint{padding:var(--space-2) var(--space-3);font-size:var(--font-xs);color:var(--text-muted);margin:0}.account-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-body);font:inherit;font-size:var(--font-sm);font-weight:var(--weight-bold);text-align:left;cursor:pointer;background:0 0;border:0;text-decoration:none;display:block}.account-item:hover{background:var(--surface-hover);color:var(--text-strong)}.account-item--kick:before,.account-item--twitch:before{content:"";width:8px;height:8px;margin-right:var(--space-2);background:var(--accent);border-radius:50%;display:inline-block}.account-item--twitch:before{background:#a970ff}@media (width<=600px){.site-header{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.site-brand{font-size:var(--font-lg)}.site-nav-link{padding:0 var(--space-2)}.site-live-count,.account-name,.account-label{display:none}}