.topbar{display:flex;justify-content:space-between;padding:.85rem 1rem;border-radius:999px;background:color-mix(in srgb,var(--panel-solid) 84%,transparent);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);position:sticky;top:.9rem;z-index:20}.brand,.topbar{align-items:center;gap:1rem}.brand{display:inline-flex;min-width:0}.brand-copy{display:grid;gap:.1rem;align-content:center}.brand-copy strong{font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.04}.brand-copy small{color:color-mix(in srgb,var(--muted) 68%,var(--ink));line-height:1.28}.topbar-actions{display:flex;align-items:center;gap:.5rem}.page-nav{display:inline-flex;flex-wrap:wrap;gap:.5rem}.page-nav>*{min-width:0}.page-nav a{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--panel-tint);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;backface-visibility:hidden}.page-nav a.is-active,.page-nav a:hover{will-change:transform;transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 0 18px var(--glow-subtle)}.page-nav a:focus-visible{will-change:transform;transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 0 18px var(--glow-subtle);outline:2px solid var(--accent);outline-offset:2px}.page-nav a.is-active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 92%,var(--panel-solid)),var(--active-gradient-overlay));border-color:color-mix(in srgb,var(--accent) 62%,var(--line-strong));color:color-mix(in srgb,var(--ink) 92%,var(--ember));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent),0 10px 24px var(--active-shadow-glow)}.page-nav a.is-active:focus-visible{outline-color:var(--ember)}.nav-badge{justify-content:center;margin-left:.42rem;padding:.12rem .44rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--flame-gold) 18%,var(--line-strong));font-size:.72rem;font-weight:700;line-height:1;background:color-mix(in srgb,var(--panel-solid) 94%,var(--badge-bg-overlay));color:color-mix(in srgb,var(--ink) 84%,var(--ember));box-shadow:inset 0 1px 0 var(--badge-highlight)}.live-scanner-btn,.nav-badge{display:inline-flex;align-items:center}.live-scanner-btn{gap:.4rem;padding:.72rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--panel-tint);color:inherit;font-size:inherit;font-family:inherit;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.live-scanner-btn:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 0 18px rgba(255,255,255,.06)}.live-scanner-btn.is-playing{background:linear-gradient(135deg,color-mix(in srgb,var(--fire-red) 18%,var(--panel-tint)),var(--panel-tint));border-color:color-mix(in srgb,var(--fire-red) 45%,var(--line));box-shadow:0 0 16px rgba(220,38,38,.12)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--fire-red);flex-shrink:0}@keyframes live-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.45}}.live-scanner-btn.is-playing .live-dot{animation:live-pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.live-scanner-btn{transition:none}.live-scanner-btn:hover{transform:none}.live-scanner-btn.is-playing .live-dot{animation:none}}.live-label{line-height:1}.live-stop-icon{font-size:.6rem;line-height:1}