.pre-wrap{position:relative}.pre-copy{position:absolute;top:8px;right:8px;padding:3px 10px;font-size:11px}.topnav{position:sticky;top:0;z-index:30;background:#f5f5f3d9;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topnav-in{max-width:880px;margin:0 auto;padding:10px 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.topnav .brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;letter-spacing:-.01em;color:var(--text);text-decoration:none}.seg{justify-self:center;display:inline-flex;background:#fff;border:1px solid var(--border);border-radius:999px;padding:3px}.seg a{text-decoration:none;font-size:13px;font-weight:600;color:var(--muted);padding:6px 16px;border-radius:999px;white-space:nowrap}.seg a.active{background:var(--accent);color:#fff}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a34a;vertical-align:middle;box-shadow:0 0 #16a34a80;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 7px #16a34a00}to{box-shadow:0 0 #16a34a00}}@media(max-width:560px){.topnav-in{grid-template-columns:1fr;justify-items:center;gap:8px}.seg a{padding:6px 12px}}