:root{--volt:#1fe80e;--volt-bright:#5cff49;--ink:#1b1b1b;--ink-2:#101010;--text:#f4f4f4;--muted:#9a9a9a;--line:#ffffff17;--fader:78%;--sans:"Helvetica Neue", Arial, system-ui, -apple-system, sans-serif;--cond:"Arial Narrow", "Helvetica Neue", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--sans);color:var(--text);background:radial-gradient(135% 100% at 50% 40%, #232323 0%, #1a1a1a 45%, var(--ink-2) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}#audio-str{display:none}.glow{z-index:-3;pointer-events:none;opacity:.55;background:radial-gradient(34% 28% at 50% 40%,#1fe80e33,#1fe80e00 70%);transition:opacity .8s;position:fixed;inset:0}.stage[data-state=playing]~.glow{opacity:1}.shard{z-index:-2;pointer-events:none;background:var(--volt);opacity:.12;filter:blur(1px);position:fixed}.shard-tr{clip-path:polygon(58% 0,100% 0,70% 34%,92% 34%,40% 100%,56% 50%,34% 50%);width:46vmax;height:52vmax;top:-8vmax;right:-6vmax;transform:rotate(8deg)}.shard-bl{clip-path:polygon(42% 0,60% 46%,80% 46%,30% 100%,44% 60%,24% 60%);opacity:.1;width:42vmax;height:50vmax;bottom:-10vmax;left:-8vmax;transform:rotate(-6deg)}.grain{z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:overlay;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.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.signal{z-index:5;background:#ffffff0d;height:2px;position:fixed;top:0;left:0;right:0;overflow:hidden}.signal:after{content:"";background:linear-gradient(90deg, transparent, var(--volt), transparent);width:40%;position:absolute;inset:0;transform:translate(-120%)}.stage[data-state=loading]~.signal:after{animation:1s linear infinite sweep}@keyframes sweep{to{transform:translate(320%)}}.stage{isolation:isolate;flex-direction:column;align-items:center;gap:clamp(8px,1.4dvh,18px);height:100dvh;padding:clamp(12px,2.2dvh,32px) 20px;transition:opacity .3s;display:flex;position:relative;overflow:hidden}.stage.is-offline .console,.stage.is-offline .wordmark{opacity:.35}.top{text-align:center;flex-direction:column;align-items:center;gap:clamp(6px,1.1dvh,12px);display:flex}.live{letter-spacing:.22em;text-transform:uppercase;background:#1fe80e14;border:1px solid #1fe80e66;border-radius:100px;align-items:center;gap:8px;padding:5px 12px 5px 10px;font-size:11px;font-weight:700;display:inline-flex}.live .dot{background:var(--volt);border-radius:50%;width:8px;height:8px;animation:2.4s ease-out infinite beat;box-shadow:0 0 #1fe80e99}@keyframes beat{0%{box-shadow:0 0 #1fe80e8c}70%{box-shadow:0 0 0 7px #1fe80e00}to{box-shadow:0 0 #1fe80e00}}.tagline{font-family:var(--cond);letter-spacing:.01em;text-transform:uppercase;color:var(--text);white-space:nowrap;align-items:center;gap:.35em;font-size:clamp(15px,2.4dvh,21px);font-style:italic;font-weight:700;display:inline-flex}.tagline b{color:var(--volt);font-weight:700}.tagline .bolt{width:.92em;height:.92em;fill:var(--volt);transform:translateY(.04em)}.gap{flex:1 1 0;min-height:0}.gap-a{flex-grow:1.9}.gap-b{flex-grow:1}.brand{text-align:center;flex-direction:column;align-items:center;gap:clamp(8px,1.5dvh,16px);display:flex}.brand .logo{filter:drop-shadow(0 0 16px #1fe80e38);width:clamp(58px,9.4dvh,96px);height:auto;transition:filter .6s;display:block}.stage[data-state=playing] .brand .logo{filter:drop-shadow(0 0 26px #1fe80e73)}.console{flex-direction:column;align-items:center;gap:clamp(10px,2dvh,22px);display:flex}.tuner-wrap{aspect-ratio:1;place-items:center;width:min(64vw,clamp(122px,21dvh,220px));display:grid;position:relative}.rings{pointer-events:none;position:absolute;inset:0}.rings i{opacity:0;border:1.5px solid #1fe80e52;border-radius:50%;width:100%;height:100%;margin:auto;position:absolute;inset:0}.stage[data-state=playing] .rings i{animation:2.8s cubic-bezier(.22,.61,.36,1) infinite emit}.rings i:nth-child(2){animation-delay:.93s}.rings i:nth-child(3){animation-delay:1.86s}@keyframes emit{0%{opacity:0;border-color:#1fe80e99;transform:scale(.62)}18%{opacity:.9}to{opacity:0;border-color:#1fe80e1f;transform:scale(1.3)}}.tuner{aspect-ratio:1;background:radial-gradient(circle at 50% 36%, var(--volt-bright), var(--volt) 62%);width:74%;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;place-items:center;transition:transform .25s,box-shadow .4s,filter .25s;display:grid;position:relative;box-shadow:0 0 44px #1fe80e47,inset 0 -6px 16px #00000038}.tuner:hover{filter:brightness(1.08);transform:scale(1.04)}.tuner:active{transform:scale(.98)}.stage[data-state=playing] .tuner{box-shadow:0 0 66px #1fe80e80,inset 0 -6px 16px #00000038}.tuner svg{width:42%;height:42%;fill:var(--ink);display:block}.tuner .i-pause,.stage[data-state=playing] .tuner .i-play{display:none}.stage[data-state=playing] .tuner .i-pause{display:block}.hint{letter-spacing:.04em;color:var(--muted);text-align:center;min-height:1.2em;margin:0;font-size:13px;transition:color .3s}.stage[data-state=playing] .hint{color:var(--volt)}.wordmark{flex-direction:column;align-items:center;gap:1px;margin:0;display:flex}.wordmark .name{text-transform:uppercase;letter-spacing:.04em;color:var(--text);font-size:clamp(21px,3.8dvh,36px);font-weight:800;line-height:.96}.wordmark .freq{letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin-top:5px;padding-left:.34em;font-size:clamp(11px,1.7dvh,15px);font-weight:700}.bottom{flex-direction:column;align-items:stretch;gap:clamp(8px,1.5dvh,20px);width:100%;max-width:360px;display:flex}.volume{border:1px solid var(--line);background:#ffffff05;border-radius:14px;align-items:center;gap:14px;padding:clamp(8px,1.3dvh,12px) 16px;display:flex}.mute{width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:none;place-items:center;transition:color .2s,background .2s;display:grid}.mute:hover{background:#ffffff0f}.mute svg{fill:currentColor;width:21px;height:21px}.mute .i-mute{display:none}.volume[data-muted=true] .mute{color:var(--muted)}.volume[data-muted=true] .mute .i-on{display:none}.volume[data-muted=true] .mute .i-mute{display:block}.fader{appearance:none;cursor:pointer;background:0 0;flex:1;height:26px;margin:0}.fader:focus{outline:none}.fader::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--volt) var(--fader), #ffffff24 var(--fader));border-radius:100px;height:6px}.fader::-moz-range-track{background:#ffffff24;border-radius:100px;height:6px}.fader::-moz-range-progress{background:var(--volt);border-radius:100px;height:6px}.fader::-webkit-slider-thumb{-webkit-appearance:none;border:4px solid var(--volt);background:#fff;border-radius:50%;width:20px;height:20px;margin-top:-7px;transition:box-shadow .2s,transform .1s;box-shadow:0 2px 8px #00000080}.fader::-moz-range-thumb{border:4px solid var(--volt);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #00000080}.fader:hover::-webkit-slider-thumb{transform:scale(1.06)}.fader:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #1fe80e4d,0 2px 8px #00000080}.fader:focus-visible::-moz-range-thumb{box-shadow:0 0 0 5px #1fe80e4d}.volume[data-muted=true] .fader::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--muted) var(--fader), #ffffff1a var(--fader))}.vol-val{text-align:right;width:38px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:700}.wa{color:var(--text);background:#1fe80e1a;border:1px solid #1fe80e66;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,transform .12s;display:flex}.wa:hover{border-color:var(--volt);background:#1fe80e2e}.wa:active{transform:translateY(1px)}.wa svg{width:20px;height:20px;fill:var(--volt)}.socials{justify-content:center;gap:12px;display:flex}.socials a{border:1px solid var(--line);width:44px;height:44px;color:var(--text);background:#ffffff04;border-radius:11px;place-items:center;transition:color .2s,border-color .2s,background .2s,transform .12s;display:grid}.socials a:hover{color:var(--volt);background:#1fe80e12;border-color:#1fe80e80;transform:translateY(-2px)}.socials svg{fill:currentColor;width:21px;height:21px}.credit{text-align:center;letter-spacing:.04em;color:#9a9a9ab3;margin-top:4px;font-size:10.5px;line-height:1.7}.credit a{color:inherit;border-bottom:1px solid #9a9a9a4d;text-decoration:none}.credit a:hover{color:var(--volt)}:focus-visible{outline:2px solid var(--volt);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){.live .dot,.rings i,.signal:after{animation:none!important}.tuner,.socials a,.wa,.glow,.brand .logo{transition:none}}@media (height>=820px){.stage{gap:clamp(20px,3dvh,40px)}.console{gap:clamp(22px,3.4dvh,34px)}}@media (height<=740px){.stage{gap:clamp(6px,1.2dvh,14px);padding-block:clamp(8px,1.4dvh,16px)}.brand{gap:clamp(6px,1.1dvh,12px)}.brand .logo{width:clamp(48px,7.6dvh,68px)}.wordmark .name{font-size:clamp(19px,3.3dvh,28px)}.wordmark .freq{margin-top:3px}}@media (height<=600px){.stage{gap:clamp(6px,1.4dvh,16px)}.top{gap:4px}.console{gap:clamp(6px,1.6dvh,14px)}.tuner-wrap{width:min(30vw,clamp(96px,34dvh,160px))}.brand{gap:2px}.brand .logo{width:clamp(40px,15dvh,64px)}.wordmark .name{font-size:clamp(18px,5dvh,30px)}.wordmark .freq{display:none}.hint{font-size:12px}.bottom{flex-flow:wrap;justify-content:center;align-items:center;gap:8px 14px;max-width:min(94vw,760px)}.volume{flex:240px;max-width:340px}.wa{flex:0 220px;padding:11px 16px}.socials{flex:none}.socials a{width:40px;height:40px}.credit{flex-basis:100%;order:9}}