#live{position:fixed;left:50%;translate:-50% 0;bottom:1rem;z-index:60;width:min(560px,94vw)}
#live a{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;background:var(--o);color:var(--k);text-decoration:none;border-radius:1.2rem;padding:.8rem 1.1rem;box-shadow:0 14px 40px #000a}
#live .dot2{width:.8rem;height:.8rem;border-radius:50%;background:var(--k);animation:pulse 1.2s infinite}
#live b{font:800 1.5rem var(--d);letter-spacing:-.04em}#live small{font:500 .68rem var(--m);text-transform:uppercase;display:block}
@keyframes pulse{50%{opacity:.2;scale:1.5}}
@media (min-width:900px){.hero h1{mix-blend-mode:normal}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}