:root{color:#fff8ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#241b3d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh}button,input,textarea,select{font:inherit}.radio-demo{color:#fff8ea;isolation:isolate;background:radial-gradient(circle at 54% 42%,#ffd37e8c,#0000 31rem),linear-gradient(#5c438b 0%,#d97b87 42%,#f5b86e 60%,#0c7ba1 100%);min-height:100svh;position:relative;overflow:hidden}.intro-screen,.hero-scene{position:absolute;inset:0}.intro-screen{z-index:8;background:radial-gradient(circle at 50% 42%,#ffe1a03d,#0000 20rem),radial-gradient(circle at 18% 18%,#34d5db2e,#0000 17rem),linear-gradient(160deg,#2a244b 0%,#674269 46%,#dd7a76 100%);place-items:center;padding:clamp(1rem,4vw,3rem);transition:opacity .7s,transform .7s;display:grid}.radio-demo--entering .intro-screen{opacity:0;pointer-events:none;transform:scale(1.05)}.intro-ambient,.intro-ambient:before,.intro-ambient:after{content:"";filter:blur(18px);opacity:.52;border-radius:999px;position:absolute}.intro-ambient{aspect-ratio:1;background:#ffaa5d33;width:min(42rem,80vw)}.intro-ambient:before{aspect-ratio:1;background:#53dfdf3d;width:14rem;top:20%;left:12%}.intro-ambient:after{aspect-ratio:1;background:#ff588e33;width:16rem;bottom:8%;right:6%}.turntable{width:min(31rem,88vw);color:inherit;cursor:pointer;text-align:center;background:0 0;border:0;justify-items:center;gap:1rem;padding:0;transition:transform .3s;display:grid;position:relative;transform:translateY(0)}.turntable:hover{transform:translateY(-.25rem)}.turntable:focus-visible{outline-offset:.8rem;border-radius:1rem;outline:3px solid #ffebb2f0}.turntable__plinth{aspect-ratio:1.45;background:linear-gradient(135deg,#ffeebc33,#1c16341f),linear-gradient(160deg,#73506b,#302441 72%);border:1px solid #fff4d247;border-radius:1.25rem;width:min(26rem,78vw);position:relative;box-shadow:inset 0 1px #ffffff47,0 2rem 5rem #140d1f66,0 0 3rem #ff974d42}.turntable__record{aspect-ratio:1;background:radial-gradient(circle,#f5b860 0 9%,#1a1824 10% 17%,#0000 18%),repeating-radial-gradient(circle,#15131d 0 .26rem,#232032 .28rem .45rem);border-radius:50%;width:58%;position:absolute;top:10%;left:9%;box-shadow:inset 0 0 1.5rem #ffffff0f,0 0 2rem #ffc7772e}.turntable--playing .turntable__record{animation:.85s linear infinite spinRecord}.turntable__label{place-items:center;width:min(14rem,54vw);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turntable__label-logo{filter:drop-shadow(0 0 .9rem #4fbdff6b);pointer-events:none;width:100%;max-width:none;display:block}.turntable__tonearm{transform-origin:88%;background:linear-gradient(90deg,#d9c6ab,#f8e6c6,#b58c6e);border-radius:999px;width:34%;height:.7rem;transition:transform .75s cubic-bezier(.2,.9,.24,1);position:absolute;top:21%;right:18%;transform:rotate(-32deg);box-shadow:0 .25rem .8rem #110c1752}.turntable__tonearm:after{aspect-ratio:1;content:"";background:linear-gradient(135deg,#f3d3aa,#6f4d57);border-radius:50%;width:2.2rem;position:absolute;top:50%;right:-1.2rem;transform:translateY(-50%)}.turntable--playing .turntable__tonearm{transform:rotate(-13deg)}.turntable__switch,.turntable__light{border-radius:999px;position:absolute;bottom:16%;right:10%}.turntable__switch{background:#14101d9e;border:1px solid #ffffff2e;width:3.2rem;height:1rem}.turntable__light{aspect-ratio:1;background:#ff6d80;width:.85rem;bottom:17.5%;right:12.2%;box-shadow:0 0 1.2rem #ff6d80}.intro-kicker,.intro-cta{z-index:1;position:relative}.intro-kicker{color:#fff5e0c2;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.85rem,2vw,1rem)}.intro-cta{color:#fff3d8;letter-spacing:.14em;background:#351f3585;border:1px solid #ffe5a59e;border-radius:999px;padding:.75rem 1.15rem;font-weight:900;box-shadow:0 0 1.7rem #ffb45738}.hero-scene{--parallax-x:0;--parallax-y:0;--stage-scale:1;--stage-y-offset:0px;opacity:0;background:#251f45;transition:opacity .8s;overflow:hidden}.radio-demo--landing .hero-scene,.radio-demo--entering .hero-scene{opacity:1}.scene-stage{width:1640px;height:820px;transform:translate(-50%, calc(-50% + var(--stage-y-offset))) scale(var(--stage-scale));transform-origin:50%;position:absolute;top:50%;left:50%;overflow:visible}.scene-bg,.scene-layer--sky{position:absolute;inset:0}.scene-bg{z-index:0;pointer-events:none;background-image:url(/assets/bg/background.png);background-position:50%;background-size:cover}.scene-layer--sky{z-index:1;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 45% 46%,#ffd4843d,#0000 426px),linear-gradient(#2918491a,#0430491f)}.scene-asset{-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;width:auto;max-width:none;height:auto;display:block;position:absolute}.scene-link{width:auto;height:auto;color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;text-decoration:none;display:block;position:absolute}.scene-link:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #fff2caeb}.scene-link__image{pointer-events:none;width:100%;max-width:none;height:auto;display:block}.ship{z-index:6;opacity:.9;width:148px;transform:translate(calc(var(--parallax-x) * -5px), calc(var(--parallax-y) * -2px));animation:10s ease-in-out infinite drift;top:394px;left:7px}.island{z-index:5;width:738px;transform:translate(calc(var(--parallax-x) * -16px), calc(var(--parallax-y) * -7px));filter:drop-shadow(0 24px 32px #1a191f3d);top:88px;left:56px}.water{z-index:3;opacity:.4;mix-blend-mode:screen;width:2172px;animation:7s ease-in-out infinite waterShimmer;top:490px;left:-267px}.duck{z-index:9;width:172px;transform:translate(calc(var(--parallax-x) * -18px), calc(var(--parallax-y) * -6px));animation:8s ease-in-out infinite duckFloat;top:571px;left:1115px}.shark{z-index:4;opacity:.88;width:262px;transform:translate(calc(var(--parallax-x) * -14px), calc(var(--parallax-y) * -5px));animation:5.5s ease-in-out infinite reverse bob;top:644px;left:-77px}.merch-hut,.studio-hut{z-index:4;filter:drop-shadow(0 22px 26px #0f0c1138)drop-shadow(0 0 16px #ffb4781f)}.merch-hut{width:435px;top:170px;left:1140px;transform:rotate(-1deg)}.studio-hut{width:428px;top:183px;left:1383px;transform:rotate(1deg)}.signpost{z-index:8;width:369px;transform:translate(calc(var(--parallax-x) * -28px), calc(var(--parallax-y) * -10px));filter:drop-shadow(0 20px 24px #0f0c113d);top:480px;left:1352px}.pin-note{z-index:9;width:262px;transform:translate(calc(var(--parallax-x) * -10px), calc(var(--parallax-y) * -5px));animation:4.8s ease-in-out infinite paperFloat;top:-13px;left:1424px}.palm{z-index:10;transform-origin:8% 12%;filter:drop-shadow(0 16px 24px #0e0c1240);width:1230px;animation:6s ease-in-out infinite palmSway;top:-450px;left:-510px}.legal-sign{z-index:7;opacity:.98;width:779px;top:736px;left:431px}.scene-credit{z-index:8;color:#fff5e0ad;letter-spacing:.04em;text-shadow:0 1px 4px #140d1f75;pointer-events:none;margin:0;font-size:12px;line-height:1;position:absolute;top:780px;left:170px}.brand-lockup{z-index:7;width:615px;transform:translate(calc(var(--parallax-x) * 5px), calc(var(--parallax-y) * 3px));text-align:center;text-shadow:0 5px 26px #2615364d;position:absolute;top:-108px;left:678px}.brand-logo{filter:drop-shadow(0 0 22px #ffdda142);width:615px;max-width:none;display:block}.brand-lockup p{display:none}.station-player{z-index:11;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff5df;pointer-events:auto;width:344px;transform:translate(calc(var(--parallax-x) * -10px), calc(var(--parallax-y) * -4px));background:#1f1626c7;border:1px solid #ffe8b570;border-radius:8px;grid-template-columns:34px 1fr 56px;align-items:center;gap:9px;padding:9px 11px;display:grid;position:absolute;top:492px;left:809px;box-shadow:0 13px 24px #0f0c1438}.station-player:before{content:"";filter:blur(28px);opacity:0;background:#ff486552;border-radius:999px;transition:opacity .3s;position:absolute;inset:18% 14%}.station-player--on:before{opacity:1;animation:2.8s ease-in-out infinite glowPulse}.station-player__button{z-index:1;aspect-ratio:1;cursor:pointer;background:#ff646f;border:0;border-radius:50%;place-items:center;width:34px;display:grid;position:relative;box-shadow:0 0 16px #ff646f85}.station-player__button:disabled{cursor:wait;opacity:.72}.station-player__button span{border-block:6px solid #0000;border-left:10px solid #fff7df;width:0;height:0;margin-left:2px}.station-player--on .station-player__button span{border:0;border-inline:4px solid #fff7df;width:9px;height:13px;margin:0}.station-player--error .station-player__button{background:#ff9b63}.station-player__copy{z-index:1;text-align:left;gap:2px;min-width:0;display:grid;position:relative}.station-player__copy strong{letter-spacing:.12em;text-transform:uppercase;font-size:11px}.station-player__copy span{color:#fff7e5b8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.station-player__meter{z-index:1;justify-content:center;align-items:end;gap:3px;height:28px;display:flex;position:relative}.station-player__meter i{background:#70f3df;border-radius:999px;width:4px;height:45%;animation:.82s ease-in-out infinite meter;display:block;box-shadow:0 0 11px #70f3dfb3}.station-player__meter i:nth-child(2){animation-delay:-.18s}.station-player__meter i:nth-child(3){animation-delay:-.31s}.station-player__meter i:nth-child(4){animation-delay:-.46s}.station-player__meter i:nth-child(5){animation-delay:-.62s}.social-dock{z-index:9;transform:translate(calc(var(--parallax-x) * -14px), calc(var(--parallax-y) * -6px));gap:6px;display:flex;position:absolute;top:581px;left:226px}.social-dock__item{cursor:pointer;background:0 0;border:0;width:auto;height:auto;padding:0;text-decoration:none;transition:transform .22s,filter .22s;display:block}.social-dock__item:hover,.social-dock__item:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-6px)rotate(-2deg)}.social-dock__item:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #fff2ca}.social-dock__item img{width:auto;max-width:none;height:164px;display:block}.scanline-overlay{pointer-events:none;opacity:.2;mix-blend-mode:soft-light;background:linear-gradient(#ffffff09 50%,#1512220a 50%) 0 0/100% 4px,radial-gradient(circle at 50% 54%,#0000,#110e1f38) 0 0/cover;position:absolute;inset:0}.studio-toast{z-index:20;color:#fff5df;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f1626db;border:1px solid #ffe8b573;border-radius:8px;gap:.25rem;min-width:min(23rem,100vw - 2rem);padding:.85rem 1rem;display:grid;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 1rem 2rem #0f0c1440,0 0 1.5rem #ff70922e}.studio-toast strong{letter-spacing:.08em;text-transform:uppercase;font-size:.92rem}.studio-toast span{color:#fff7e5c2;font-size:.86rem}.studio-toast button{color:#fff5df;cursor:pointer;background:#ff646f2e;border:1px solid #ffe8b573;border-radius:999px;justify-self:start;margin-top:.35rem;padding:.35rem .65rem}.rotate-device{z-index:40;color:#fff5df;text-align:center;background:radial-gradient(circle at 50% 35%,#ffd37e57,#0000 18rem),linear-gradient(160deg,#2a244bfa,#674269fa 46%,#dd7a76fa);place-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.rotate-device div{background:#1f16266b;border:1px solid #ffe8b573;border-radius:12px;gap:.65rem;max-width:22rem;padding:1.5rem;display:grid;box-shadow:0 1rem 3rem #0f0c143d}.rotate-device strong{letter-spacing:.06em;text-transform:uppercase;font-size:1.25rem}.rotate-device span{color:#fff7e5c2}@keyframes spinRecord{to{transform:rotate(360deg)}}@keyframes drift{0%,to{margin-left:0}50%{margin-left:1.8rem}}@keyframes bob{0%,to{margin-bottom:0}50%{margin-bottom:.75rem}}@keyframes duckFloat{0%,to{transform:translate(calc(var(--parallax-x) * -18px), calc(var(--parallax-y) * -6px)) translate(0, 0)}50%{transform:translate(calc(var(--parallax-x) * -18px), calc(var(--parallax-y) * -6px)) translate(5px, -10px)}}@keyframes palmSway{0%,to{rotate:-1.5deg}50%{rotate:1.5deg}}@keyframes paperFloat{0%,to{margin-top:0;rotate:-2deg}50%{margin-top:.45rem;rotate:1deg}}@keyframes waterShimmer{0%,to{opacity:.34}50%{opacity:.5}}@keyframes glowPulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes meter{0%,to{height:35%}50%{height:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.turntable:hover,.social-dock__item:hover,.social-dock__item:focus-visible{transform:none}}@media (width<=900px) and (orientation:portrait){.rotate-device{display:grid}}