:root{--accent: #F7931A;--bright: #ffc46b;--err: #ffb257;--card: #0b0906}.radio-card{position:relative;width:100%;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle farthest-corner at 50% 36%,#ffffff13,#ffffff03 55%,#ffffff01),var(--card);box-shadow:0 22px 50px #0009;padding:18px 17px 17px;display:flex;flex-direction:column;align-items:center;gap:15px}.radio-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff17}.radio-card .hdr{font-size:10px;font-weight:400;letter-spacing:4px;margin-left:4px;line-height:13.2px;color:#ffffffb3}.radio-card .band{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;touch-action:none;cursor:default}.radio-card.volume-fixed .band{pointer-events:none}.radio-card .orbit{--k: 1;position:relative;width:min(290px,100%);aspect-ratio:1 / 1;flex:none;border-radius:50%;touch-action:auto;cursor:default;-moz-user-select:none;user-select:none;-webkit-user-select:none}.radio-card .orbit:focus-visible{outline:2px solid rgba(255,196,107,.7);outline-offset:4px}.radio-card .orbit canvas{position:absolute;left:-6.8966%;top:-6.8966%;width:113.7931%;height:113.7931%;pointer-events:none}.radio-card .halo{opacity:0;transform:scale(1);transform-origin:50% 50%}.radio-card[data-state=live] .halo,.radio-card[data-state=paused] .halo{opacity:.25}.radio-card .halo.breathing{animation:breathe 4.4s ease-in-out infinite;will-change:opacity,transform}@keyframes breathe{0%{opacity:.14;transform:scale(1)}50%{opacity:.36;transform:scale(1.06)}to{opacity:.14;transform:scale(1)}}.radio-card .dash-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-origin:50% 50%}.radio-card .dash{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.radio-card .dash circle{fill:none;stroke:#ffffff21;stroke-width:1;stroke-dasharray:3 3}.radio-card[data-state=live] .dash circle,.radio-card[data-state=paused] .dash circle,.radio-card[data-state=tuning] .dash circle{stroke:#f7931a54}.radio-card[data-state=live] .dash-wrap{animation:spin 30s linear infinite;will-change:transform}@keyframes spin{to{transform:rotate(360deg)}}.radio-card .disc{position:absolute;left:9.3103%;top:9.3103%;width:81.3793%;height:81.3793%;border-radius:50%;overflow:hidden;background:#050604;box-shadow:0 18px 44px #000000b3;transform:scale(var(--disc, 1));transition:transform .8s cubic-bezier(.22,.9,.24,1);pointer-events:auto;touch-action:pan-y}.radio-card[data-state=pending] .disc,.radio-card[data-state=standby] .disc{--disc: .644}.radio-card[data-state=offline] .disc{--disc: .8305}.radio-card .cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform-origin:50% 50%;opacity:0;transition:opacity .8s ease;-webkit-user-drag:none;pointer-events:none}.radio-card[data-state=tuning] .disc.cover-ready .cover,.radio-card[data-state=live] .disc.cover-ready .cover,.radio-card[data-state=paused] .disc.cover-ready .cover{opacity:1}.radio-card .rain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .9s ease,transform .8s cubic-bezier(.22,.9,.24,1);transform:scale(var(--rain-counter, 1)) rotate(var(--fx-rot, 0deg)) scale(var(--fx-scale, 1)) scaleY(var(--fx-sy, 1));transform-origin:50% 50%;font-family:Courier New,Courier,monospace;font-size:calc(11px * var(--k));line-height:calc(14px * var(--k));color:var(--bright);text-shadow:0 0 6px rgba(255,196,107,.4)}.radio-card[data-state=standby] .rain{opacity:.6;--rain-counter: 1.5528}.radio-card[data-state=tuning] .rain,.radio-card .rain.fx-live{transition:opacity .9s ease,transform .358s cubic-bezier(.28,.9,.2,1)}.radio-card .rain.jit-vib{animation:jitter 75ms steps(2) infinite}.radio-card .rain.jit-fx{animation:jitter var(--jit-ms, .12s) steps(2) infinite}@keyframes jitter{0%,to{translate:0 0}20%{translate:-5px 3px}40%{translate:4px -4px}60%{translate:-3px -2px}80%{translate:3px 4px}}.radio-card .wave{position:absolute;border-radius:50%;pointer-events:none;opacity:0;transform:scale(.62)}.radio-card .wave1{top:2.76%;right:2.76%;bottom:2.76%;left:2.76%;border:2px solid var(--bright);box-shadow:0 0 30px #ffc46b99}.radio-card .wave2{top:10.34%;right:10.34%;bottom:10.34%;left:10.34%;border:1px solid rgba(247,147,26,.33)}.radio-card .wave1.go{animation:wave .95s cubic-bezier(.2,.8,.3,1) forwards}.radio-card .wave2.go{animation:wave 1.15s cubic-bezier(.2,.8,.3,1) .12s forwards}@keyframes wave{0%{transform:scale(.62);opacity:.9}to{transform:scale(1.28);opacity:0}}.radio-card .flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffffe6,#ffffff40 55%,#fff0)}.radio-card .flash.go{animation:flash .55s ease-out forwards}@keyframes flash{0%{opacity:.85}30%{opacity:.35}to{opacity:0}}.radio-card .disc.shake{animation:shake .42s steps(2) 2}@keyframes shake{0%,to{translate:0 0}12%{translate:-5px 2px}26%{translate:4px -3px}41%{translate:-3px -1px}58%{translate:5px 2px}73%{translate:-2px 1px}88%{translate:2px -1px}}.radio-card .sweep{position:absolute;top:-10%;bottom:-10%;left:0;width:46%;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.16) 50%,transparent 100%);transform:translate(-130%)}.radio-card .sweep.go{animation:sweep 4.5s linear forwards;will-change:transform,opacity}@keyframes sweep{0%{transform:translate(-130%);opacity:0}7%{opacity:1}86%{transform:translate(250%);opacity:1}to{transform:translate(250%);opacity:0}}.radio-card[data-state=tuning] .rain{opacity:.85}.radio-card[data-state=live] .rain,.radio-card[data-state=paused] .rain{opacity:.16}.radio-card[data-state=pending] .rain,.radio-card[data-state=offline] .rain{display:none}.radio-card .rain .col{position:absolute;top:-102.54%;width:4.661%;white-space:pre;text-align:center;animation:rainfall linear infinite;will-change:transform}@keyframes rainfall{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.radio-card.hidden .rain .col,.radio-card.hidden .halo.breathing,.radio-card.hidden .dash-wrap,.radio-card.hidden .flatline i{animation-play-state:paused}.radio-card .vignette{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#0000 59%,#00000059);box-shadow:inset 0 0 0 1px #ffffff21}.radio-card .nosignal{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:calc(9px * var(--k));text-align:center;background:radial-gradient(circle at 50% 50%,#000000e6,#000000bd 52%,#f7931a29)}.radio-card[data-state=offline] .nosignal{display:flex;transform:scale(1.2041);transform-origin:50% 50%}.radio-card .glyph{display:flex;align-items:center;gap:calc(5px * var(--k));height:calc(12px * var(--k))}.radio-card .glyph i{display:block;width:calc(24px * var(--k));height:calc(1.5px * var(--k));background:var(--accent)}.radio-card .glyph i:first-child{box-shadow:0 0 8px #f7931acc}.radio-card .glyph i:last-child{opacity:.5}.radio-card .glyph b{display:block;width:calc(9px * var(--k));height:calc(9px * var(--k));border:1.5px solid var(--accent);transform:rotate(45deg)}.radio-card .ns-title{font-size:calc(11.5px * var(--k));letter-spacing:3px;margin-left:3px;color:var(--err)}.radio-card .flatline{position:relative;width:calc(66px * var(--k));height:1px;background:#f7931a59;overflow:hidden}.radio-card .flatline i{position:absolute;top:0;left:0;width:calc(18px * var(--k));height:100%;background:var(--err);animation:blip 2.1s linear infinite}@keyframes blip{0%{transform:translate(-100%)}to{transform:translate(370%)}}.radio-card .ns-sub{font-size:calc(8.5px * var(--k));letter-spacing:1px;color:#ffb257b3}.radio-card .readout{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;min-width:0}.radio-card .title{font-size:15px;font-weight:500;line-height:20px;min-height:20px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:#ffffff9e;transition:color .3s ease}.radio-card[data-state=live] .title,.radio-card[data-state=paused] .title,.radio-card[data-state=tuning] .title{color:var(--bright)}.radio-card[data-state=offline] .title{color:var(--err)}.radio-card .sub{font-size:9px;letter-spacing:2.4px;margin-left:2.4px;line-height:11.88px;min-height:11.88px;color:#ffffff80;text-align:center}.radio-card .progress{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;font-size:10px;letter-spacing:1px;color:#ffffff80;font-variant-numeric:tabular-nums}.radio-card .progress .bar{flex:1;height:1px;background:#ffffff1a;position:relative;overflow:hidden}.radio-card .progress .bar i{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--accent);opacity:.75;transform-origin:0 50%;transform:scaleX(0)}.radio-card .next{font-size:9px;letter-spacing:2.4px;color:#ffffff80;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-card .next-title{letter-spacing:0;font-size:11px;color:#ffffff8c;margin-left:2px}.radio-card[data-state=pending] .progress,.radio-card[data-state=offline] .progress,.radio-card[data-state=pending] .next,.radio-card[data-state=offline] .next{visibility:hidden}.radio-card .cta{margin-top:10px;width:100%;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:2.6px;cursor:pointer;color:var(--bright);border:1px solid rgba(247,147,26,.47);background:#f7931a1f;box-shadow:0 0 24px #f7931a33;transition:background .2s,border-color .2s,color .2s,opacity .2s}.radio-card .cta:disabled{opacity:.35;cursor:default;box-shadow:none}.radio-card .cta:focus-visible{outline:2px solid rgba(255,196,107,.7);outline-offset:3px}.radio-card[data-state=live] .cta,.radio-card[data-state=paused] .cta,.radio-card[data-state=tuning] .cta{background:#ffffff0d;border-color:#ffffff24;color:#ffffffb8;box-shadow:none}.radio-card[data-state=offline] .cta{background:#f7931a21;border-color:#f7931a8c;color:var(--err);box-shadow:0 0 24px #f7931a33}.radio-card .cta svg{width:13px;height:13px;flex:none}.radio-card .cta svg *{stroke:currentColor}.radio-card .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){.radio-card .halo.breathing,.radio-card[data-state=live] .dash-wrap,.radio-card .flatline i,.radio-card .rain.jit-vib,.radio-card .rain.jit-fx,.radio-card .wave.go,.radio-card .flash.go,.radio-card .disc.shake,.radio-card .sweep.go{animation:none;will-change:auto}.radio-card .disc,.radio-card .cover,.radio-card .title,.radio-card .rain{transition:none}.radio-card .rain .col{animation:none;will-change:auto;transform:translateY(calc(-50% + 50% * var(--phase, 0)))}}.radio-card .count{position:absolute;left:0;right:0;top:92.2414%;display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:0;transition:opacity .3s cubic-bezier(.22,.9,.24,1)}.radio-card .count.shown{opacity:1}.radio-card .count-badge{display:flex;align-items:center;justify-content:center;height:calc(26px * var(--k));min-width:calc(26px * var(--k));padding:0 calc(6px * var(--k));border-radius:999px;background:var(--card);border:1px solid rgba(255,255,255,.25);margin-top:calc(-13px * var(--k))}.radio-card .count-num{font-family:Courier New,Courier,monospace;font-size:calc(11px * var(--k));font-weight:600;letter-spacing:0;color:#ffffffb8;font-variant-numeric:tabular-nums}.radio-card .count-word{margin-top:1px;margin-left:calc(2px * var(--k));font-family:Courier New,Courier,monospace;font-size:calc(6.5px * var(--k));letter-spacing:calc(2px * var(--k));line-height:1.1328em;color:#ffffff5c;white-space:nowrap}@media (prefers-reduced-motion: reduce){.radio-card .count{transition:none}}