@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Fragment+Mono&display=swap";:root{--bg: #070612;--bg2: #0c0a1c;--ink: #e7e3f5;--dim: #8b86a8;--faint: #4a4566;--accent: #6d6cff;--accent2: #ff3d7f;--warm: #ff3d7f;--line: #221d3a;--display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:var(--accent);color:#07060f}.radio{position:relative;height:100%;width:100%;overflow:hidden;isolation:isolate}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay;animation:grain 6s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}50%{transform:translate(-4%,3%)}to{transform:translate(2%,-2%)}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(120% 90% at 55% 42%,transparent 32%,rgba(0,0,0,.6) 100%),linear-gradient(180deg,rgba(0,0,0,.4),transparent 18%,transparent 78%,rgba(0,0,0,.6))}.viz{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.viz-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.viz-bc{opacity:.5;filter:saturate(.85) contrast(1.05)}.viz-spec{opacity:.18;mix-blend-mode:screen}.viz-mandala{opacity:.95;filter:drop-shadow(0 0 20px rgba(109,108,255,.3))}.viz-voices{mix-blend-mode:screen;opacity:.9}.viz-wave{opacity:.5;mix-blend-mode:screen}.beat-ring{position:absolute;top:50%;left:50%;width:34vmin;height:34vmin;margin:-17vmin 0 0 -17vmin;border-radius:50%;border:1px solid rgba(109,108,255,.2)}.beat-ring.pulse{animation:beat .4s ease-out}@keyframes beat{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.viz-meta{position:fixed;bottom:14px;right:18px;z-index:3;display:flex;gap:14px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.console{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;padding:clamp(18px,3vw,38px);gap:18px}.masthead{display:flex;align-items:flex-start;justify-content:space-between}.brand{display:flex;flex-direction:column;gap:2px}.logo{font-family:var(--display);font-weight:800;font-size:clamp(30px,4.4vw,56px);line-height:.92;letter-spacing:-.025em}.logo em{font-style:normal;font-weight:600;color:var(--accent)}.sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.tune-out{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;opacity:.4;transition:opacity .25s,color .2s,border-color .2s}.radio:hover .tune-out{opacity:1}.tune-out:hover{color:var(--accent2);border-color:var(--accent2)}.deck{flex:1;min-height:0;display:flex;align-items:stretch;justify-content:space-between;gap:16px}.readout{width:min(52ch,50%);display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden;padding:16px 18px;border-left:2px solid var(--accent);background:linear-gradient(100deg,rgba(7,6,18,.84) 0%,rgba(7,6,18,.5) 70%,transparent 100%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:slide-in .7s cubic-bezier(.16,1,.3,1) both}@keyframes slide-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.readout-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.rh-seg{color:var(--dim)}.code{margin:0;flex:1;min-height:0;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:clamp(11px,1.05vw,13.5px);line-height:1.7;color:var(--ink);scrollbar-width:thin;scrollbar-color:var(--line) transparent}.code::-webkit-scrollbar{width:6px}.code::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.tracklist{width:min(30ch,32%);align-self:stretch;display:flex;flex-direction:column;gap:8px;min-height:0;padding:16px 18px;border-right:2px solid var(--accent2);background:linear-gradient(to left,rgba(7,6,18,.82) 0%,rgba(7,6,18,.5) 70%,transparent 100%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:right;animation:slide-in-r .7s cubic-bezier(.16,1,.3,1) both}@keyframes slide-in-r{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.tl-head{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent2)}.tracklist ul{list-style:none;margin:0;padding:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.tl-item{width:100%;text-align:right;background:transparent;border:none;cursor:pointer;color:var(--dim);font-family:var(--mono);font-size:12px;line-height:1.35;padding:6px 0;transition:color .18s}.tl-item:hover{color:var(--ink)}.tl-item[data-cur=true]{color:var(--accent)}.tl-item[data-cur=true]:after{content:" ◂";color:var(--accent)}.tk-comment{color:var(--faint);font-style:italic}.tk-string{color:var(--accent2)}.tk-number{color:#ff7ab0}.tk-fn{color:var(--accent)}.tk-method{color:#c4b9e8}.tk-ident{color:var(--ink)}.tk-op{color:var(--dim)}.code span{transition:color .42s ease,text-shadow .42s ease}.code span.lit{color:var(--lit, var(--accent));text-shadow:0 0 calc(4px + var(--intensity, .5) * 16px) var(--lit, var(--accent))}.code span.held{color:var(--lit, var(--accent));text-shadow:0 0 calc(6px + var(--intensity, .5) * 18px) var(--lit, var(--accent));animation:held-pulse var(--held-dur, .6s) ease-in-out infinite;animation-delay:var(--pulse-delay, 0s)}@keyframes held-pulse{0%,to{filter:brightness(.78)}50%{filter:brightness(1.25)}}.center-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:22px;opacity:0;pointer-events:none;transition:opacity .3s ease}.radio:hover .center-controls,.radio.paused .center-controls{opacity:1}.radio:hover .ctl,.radio.paused .ctl{pointer-events:auto}.ctl{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#0c0a1c80;border:1px solid var(--line);color:var(--ink);font-size:17px;cursor:pointer;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .12s ease,border-color .2s,box-shadow .3s,color .2s,background .2s}.ctl:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 24px #6d6cff73;transform:translateY(-2px)}.ctl.play{width:76px;height:76px;font-size:26px;color:#07060f;border:none;background:var(--accent);box-shadow:0 0 30px #6d6cff80}.ctl.play:hover{color:#07060f;box-shadow:0 0 46px #6d6cffbf}.broadcast{display:flex;flex-direction:column;gap:12px}.np{display:flex;flex-direction:column;gap:3px}.np-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.np-title{font-family:var(--display);font-weight:700;font-size:clamp(20px,2.6vw,32px);color:var(--ink);letter-spacing:-.01em}.np-credit{font-size:11px;color:var(--dim);letter-spacing:.03em;margin-top:1px}.radial{position:fixed;top:50%;left:50%;width:76vmin;height:76vmin;transform:translate(-50%,-50%) rotate(-90deg);z-index:2;pointer-events:none;overflow:visible}.radial circle{fill:none}.radial-bg{stroke:var(--line);stroke-width:.5;opacity:.4}.radial-song{stroke:var(--accent);stroke-width:.8;stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .26s linear;filter:drop-shadow(0 0 1.6px var(--accent))}.radial-seg{stroke:var(--accent2);stroke-width:.55;stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .26s linear}.dial{position:relative;font-family:var(--mono);font-size:16px;letter-spacing:.08em;color:#07060f;background:var(--accent);border:none;border-radius:999px;padding:16px 38px;cursor:pointer;transition:transform .1s ease,box-shadow .3s ease;box-shadow:0 0 24px #6d6cff66;white-space:nowrap;margin-top:6px}.dial:hover{transform:translateY(-1px);box-shadow:0 6px 40px #6d6cff99}.dial:disabled{opacity:.8;cursor:progress}.dial .dial-ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:999px;pointer-events:none;background:conic-gradient(from 0deg,transparent,var(--accent),transparent 60%);opacity:.6;filter:blur(2px);animation:spin 3.5s linear infinite;z-index:-1}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;padding:24px;background:radial-gradient(80% 60% at 50% 45%,#0706128c,#070612ed);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .6s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.gate-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:540px}.gate-kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.gate-title{font-family:var(--display);font-weight:800;font-size:clamp(56px,12vw,128px);line-height:.82;margin:0;letter-spacing:-.03em;animation:glitch-in .66s linear .12s both}.gate-title em{font-style:normal;font-weight:600;color:var(--accent);text-shadow:0 0 40px rgba(109,108,255,.5)}.gate-sub{color:var(--dim);font-size:clamp(11px,3.4vw,14px);line-height:1.6;margin:0 0 6px;white-space:nowrap;animation:fade-up .6s ease .5s both}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glitch-in{0%{opacity:0;clip-path:inset(46% 0 50% 0);transform:translate(-6px,2px)}18%{opacity:1;clip-path:inset(8% 0 78% 0);transform:translate(6px,-2px);text-shadow:-3px 0 var(--warm),3px 0 var(--accent)}34%{clip-path:inset(70% 0 14% 0);transform:translate(-5px,1px);text-shadow:3px 0 var(--warm),-3px 0 var(--accent)}52%{clip-path:inset(26% 0 44% 0);transform:translate(4px);text-shadow:none}70%{clip-path:inset(58% 0 28% 0);transform:translate(-2px);text-shadow:-2px 0 var(--warm),2px 0 var(--accent)}86%{clip-path:inset(0 0 0 0);transform:none;text-shadow:none}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.gate-bar{width:240px;height:2px;background:var(--line);border-radius:2px;overflow:hidden}.gate-bar i{display:block;height:100%;background:var(--accent);transition:width .3s ease}.err{color:var(--warm);font-size:12px;font-family:var(--mono)}.station{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;max-width:480px}.station li{font-size:12px;color:var(--dim);letter-spacing:.02em}.station li:before{content:"◷ ";color:var(--faint)}.radio:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.14) 2px 3px);opacity:.35;mix-blend-mode:multiply}.crt-boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background:#05040a;animation:crt-fade .9s ease-out forwards}@keyframes crt-fade{0%,42%{opacity:1}to{opacity:0}}.crt-gun{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;background:linear-gradient(to bottom,transparent calc(50% - 2px),rgba(238,242,255,.98) calc(50% - 1px),rgba(238,242,255,.98) calc(50% + 1px),transparent calc(50% + 2px)),radial-gradient(ellipse at center,rgba(109,108,255,.46) 0%,rgba(109,108,255,.18) 35%,transparent 72%);box-shadow:inset 0 0 90px 26px #6d6cff59,0 0 24px 6px var(--accent);transform-origin:center;clip-path:inset(50% 50% 50% 50%);animation:crt-gun .9s ease-out forwards}@keyframes crt-gun{0%{clip-path:inset(50% 50% 50% 50%);opacity:0}12%{clip-path:inset(50% 48.5% 50% 48.5%);opacity:1}24%{clip-path:inset(50% 0 50% 0);opacity:1}40%{clip-path:inset(calc(50% - 1.5px) 0 calc(50% - 1.5px) 0);opacity:1}72%{clip-path:inset(0 0 0 0);opacity:.85}to{clip-path:inset(0 0 0 0);opacity:0}}.crt-static{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background-image:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#00000073 2px,#00000073 3px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");background-size:auto,170px 170px;animation:crt-jit .09s steps(2) infinite,crt-flick .4s ease-in-out infinite}@keyframes crt-jit{0%{background-position:0 0,0 0}to{background-position:0 0,34px 22px}}@keyframes crt-flick{0%,to{opacity:.62}45%{opacity:.82}60%{opacity:.5}}@media (max-width: 680px){.readout{width:100%}.tracklist{display:none}.masthead{flex-direction:column;gap:10px}.center-controls{opacity:1}.ctl{pointer-events:auto}}