.now{background:var(--color-bg);isolation:isolate;--edge:clamp(1.25rem, 5vw, 5rem);--hud:clamp(1rem, 3vw, 2.25rem);width:100%;position:relative;overflow:clip}.now__fieldWrap{z-index:0;pointer-events:none;position:fixed;inset:0}.now__field{width:100%;height:100%;display:block}.now:after{content:"";z-index:0;pointer-events:none;opacity:.045;color:hsl(var(--foreground));background-image:radial-gradient(currentColor 1px,#0000 1px);background-size:4px 4px;position:fixed;inset:0}.now__scan{z-index:0;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-primary) 55%, transparent), transparent);opacity:.5;height:1px;animation:7s linear infinite now-scan;position:fixed;top:0;left:0;right:0}@keyframes now-scan{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.now__hud{inset:var(--hud);z-index:30;pointer-events:none;position:fixed}.now__hudTick{border:1px solid color-mix(in oklab, var(--color-fg) 28%, transparent);width:14px;height:14px;position:absolute}.now__hudTick--tl{border-bottom:0;border-right:0;top:0;left:0}.now__hudTick--tr{border-bottom:0;border-left:0;top:0;right:0}.now__hudTick--bl{border-top:0;border-right:0;bottom:0;left:0}.now__hudTick--br{border-top:0;border-left:0;bottom:0;right:0}.now__hudLabel{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;align-items:center;gap:.5rem;font-size:.66rem;display:inline-flex;position:absolute}.now__hudLabel em{color:var(--color-primary);font-style:normal}.now__hudLabel--tl{top:-.15rem;left:calc(4.75rem - var(--hud))}.now__hudLabel--tr{top:-.15rem;right:1.5rem}.now__hudDot{background:var(--color-primary);width:6px;height:6px;box-shadow:0 0 8px color-mix(in oklab, var(--color-primary) 80%, transparent);border-radius:50%;animation:2s ease-in-out infinite now-pulse}@keyframes now-pulse{0%,to{opacity:1}50%{opacity:.25}}.now__hero{z-index:1;min-height:100svh;padding:clamp(5rem,12vh,9rem) var(--edge);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,3vh,1.8rem);display:flex;position:relative}.now__kicker{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--color-primary);font-size:.72rem}.now__title{max-width:16ch;font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-fg);filter:drop-shadow(0 8px 60px color-mix(in oklab, var(--color-primary) 26%, transparent));margin:0;font-size:clamp(2.4rem,8vw,6rem);font-weight:600;line-height:1.03}.now__title .char{will-change:transform;display:inline-block}.now__sub{max-width:46ch;color:color-mix(in oklab, var(--color-fg) 66%, var(--color-bg));margin:0;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.55}.now__sync{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);align-items:center;gap:.5rem;font-size:.66rem;display:inline-flex}.now__syncDot{background:var(--color-primary);width:5px;height:5px;box-shadow:0 0 7px color-mix(in oklab, var(--color-primary) 80%, transparent);border-radius:50%}.now__syncRel{color:color-mix(in oklab, var(--color-fg) 40%, var(--color-bg))}.now__cue{cursor:pointer;font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--color-muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:.55rem;margin-top:.5rem;padding:0;font-size:.68rem;transition:color .3s;display:inline-flex}.now__cue:hover{color:var(--color-fg)}.now__cueArrow{background:linear-gradient(to bottom, transparent, var(--color-primary));width:1px;height:1.6rem;animation:1.8s ease-in-out infinite now-cue;position:relative}.now__cueArrow:after{content:"";border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);width:6px;height:6px;position:absolute;bottom:0;left:50%;transform:translate(-50%,2px)rotate(45deg)}@keyframes now-cue{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.now__console{z-index:1;width:100%;max-width:66rem;padding:clamp(2rem,6vh,5rem) var(--edge) clamp(3rem,8vh,6rem);flex-direction:column;gap:clamp(1.5rem,4vh,2.75rem);margin-inline:auto;display:flex;position:relative}.now__tuner{border:1px solid color-mix(in oklab, var(--color-fg) 12%, transparent);background:color-mix(in oklab, var(--color-fg) 3%, var(--color-bg));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1rem;flex-direction:column;gap:.85rem;padding:clamp(1.1rem,3vw,1.75rem);display:flex}.now__tunerHead{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.now__tunerLabel{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--color-primary);font-size:.74rem}.now__tunerFreq{font-family:var(--font-display);color:var(--color-fg);font-variant-numeric:tabular-nums;font-size:clamp(1.3rem,3.4vw,2rem);font-weight:600}.now__tunerFreq i{font-style:normal;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin-left:.3rem;font-size:.5em}.now__track{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(color-mix(in oklab, var(--color-fg) 4%, transparent), transparent);border-radius:.6rem;outline:none;height:clamp(4rem,9vh,5.5rem);position:relative;overflow:hidden}.now__track:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--color-primary) 70%, transparent)}.now__dial{pointer-events:none;background-image:repeating-linear-gradient(90deg, transparent 0 calc(2.5% - 1px), color-mix(in oklab, var(--color-fg) 14%, transparent) calc(2.5% - 1px) 2.5%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 38%,#000 38% 62%,#0000 62%);mask-image:linear-gradient(#0000 38%,#000 38% 62%,#0000 62%)}.now__mark{background:color-mix(in oklab, var(--color-fg) 26%, transparent);width:1px;transition:background .3s;position:absolute;top:0;bottom:0;transform:translate(-50%)}.now__mark:before{content:"";background:color-mix(in oklab, var(--color-fg) 30%, transparent);border-radius:50%;width:7px;height:7px;transition:background .3s,box-shadow .3s,transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.now__mark.is-active{background:color-mix(in oklab, var(--color-primary) 50%, transparent)}.now__mark.is-active:before{background:var(--color-primary);box-shadow:0 0 12px color-mix(in oklab, var(--color-primary) 80%, transparent);transform:translate(-50%,-50%)scale(1.25)}.now__mark.is-active .now__markFreq{color:var(--color-primary);opacity:1}.now__markFreq{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-muted);opacity:.6;white-space:nowrap;font-size:.54rem;font-style:normal;transition:color .3s,opacity .3s;position:absolute;top:calc(100% - 1.1rem);left:50%;transform:translate(-50%)}.now__playhead{background:var(--color-primary);width:2px;box-shadow:0 0 14px color-mix(in oklab, var(--color-primary) 75%, transparent);pointer-events:none;transition:left .38s cubic-bezier(.22,1,.36,1);position:absolute;top:-2px;bottom:-2px;transform:translate(-50%)}.now__tunerHint{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:.62rem}.now__feed{flex-direction:column;gap:.75rem;display:flex}.now__st{text-align:left;border:1px solid color-mix(in oklab, var(--color-fg) 10%, transparent);background:color-mix(in oklab, var(--color-fg) 2%, transparent);width:100%;color:var(--color-fg);cursor:pointer;font:inherit;border-radius:.85rem;grid-template-columns:8.5rem 1fr 8rem;align-items:center;gap:clamp(1rem,2.5vw,2rem);padding:clamp(1rem,2.2vw,1.4rem) clamp(1rem,2.4vw,1.6rem);transition:border-color .35s,background .35s,transform .35s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.now__st:before{content:"";background:var(--color-primary);opacity:0;border-radius:2px;width:2px;transition:opacity .35s,transform .35s;position:absolute;top:12%;bottom:12%;left:0;transform:scaleY(.4)}.now__st:hover{border-color:color-mix(in oklab, var(--color-fg) 22%, transparent);background:color-mix(in oklab, var(--color-fg) 5%, transparent)}.now__st:focus-visible{border-color:var(--color-primary);outline:none}.now__st.is-active{border-color:color-mix(in oklab, var(--color-primary) 55%, transparent);background:color-mix(in oklab, var(--color-primary) 8%, var(--color-bg))}.now__st.is-active:before{opacity:1;transform:scaleY(1)}.now__stMeta{font-family:var(--font-mono);text-transform:uppercase;flex-direction:column;gap:.3rem;display:flex}.now__stIndex{letter-spacing:.2em;color:var(--color-muted);font-size:.62rem}.now__stBand{letter-spacing:.18em;color:color-mix(in oklab, var(--color-fg) 80%, var(--color-bg));font-size:.64rem}.now__stFreq{letter-spacing:.04em;color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:.92rem}.now__stFreq i{color:var(--color-muted);margin-left:.2rem;font-size:.56em;font-style:normal}.now__stMain{flex-direction:column;gap:.45rem;min-width:0;display:flex}.now__stTitleRow{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.now__stTitle{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-fg);font-size:clamp(1.1rem,2.6vw,1.5rem);font-weight:600}.now__stNote{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);border:1px solid color-mix(in oklab, var(--color-primary) 40%, transparent);border-radius:999px;padding:.15rem .45rem;font-size:.58rem}.now__stDetail{color:color-mix(in oklab, var(--color-fg) 60%, var(--color-bg));opacity:0;max-height:0;margin:0;font-size:clamp(.9rem,1.9vw,1.02rem);line-height:1.5;transition:max-height .45s,opacity .4s,margin .4s;overflow:hidden}.now__st.is-active .now__stDetail,.now__st:hover .now__stDetail{opacity:1;max-height:5rem}.now__stTags{flex-wrap:wrap;gap:.4rem;display:flex}.now__stTag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:.58rem}.now__stTag:before{content:"#";opacity:.5}.now__stSignal{justify-self:end;align-items:center;gap:.7rem;display:flex}.now__stWave{width:clamp(5rem,9vw,7.5rem);height:2.75rem}.now__wave{width:100%;height:100%;display:block}.now__stStrength{background:color-mix(in oklab, var(--color-fg) 10%, transparent);border-radius:4px;width:4px;height:2.75rem;position:relative;overflow:hidden}.now__stStrengthFill{background:linear-gradient(to top, var(--color-primary), color-mix(in oklab, var(--color-primary) 30%, transparent));position:absolute;bottom:0;left:0;right:0}.now__beacon{z-index:1;padding:clamp(3rem,9vh,7rem) var(--edge) clamp(5rem,14vh,10rem);text-align:center;flex-direction:column;align-items:center;gap:clamp(1.5rem,4vh,2.5rem);display:flex;position:relative}.now__beaconGrid{border-bottom:1px solid color-mix(in oklab, var(--color-fg) 10%, transparent);flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,6vw,4rem);padding-bottom:clamp(1rem,3vh,2rem);display:flex}.now__beaconCell{font-family:var(--font-mono);flex-direction:column;gap:.4rem;display:flex}.now__beaconKey{letter-spacing:.22em;text-transform:uppercase;color:var(--color-muted);font-size:.6rem}.now__beaconVal,.now__uptimeValue{letter-spacing:.04em;color:color-mix(in oklab, var(--color-fg) 86%, var(--color-bg));font-variant-numeric:tabular-nums;font-size:.92rem}.now__uptimeValue{color:var(--color-primary)}.now__ctas{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.now__cta{border:1px solid color-mix(in oklab, var(--color-fg) 16%, transparent);color:var(--color-fg);border-radius:999px;align-items:center;gap:.6rem;padding:.9rem 1.6rem;font-weight:500;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s,color .3s,border-color .3s;display:inline-flex}.now__cta--primary{background:var(--color-fg);color:var(--color-bg);border-color:#0000}.now__cta:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000;transform:translateY(-2px)}.now__standby{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--color-muted);font-size:.7rem}@media (max-width:720px){.now__hudLabel{letter-spacing:.18em;font-size:.56rem}.now__st{grid-template-columns:1fr;gap:.75rem}.now__stSignal{justify-self:start}.now__stDetail{opacity:1;max-height:6rem}}@media (prefers-reduced-motion:reduce){.now__hudDot,.now__cueArrow,.now__scan{animation:none}.now__scan{opacity:.3}.now__playhead{transition:none}}