@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#fffaf0;background:#030108;font-family:Manrope,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}.station{position:relative;width:100vw;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 45%,rgba(101,51,255,.25),transparent 26%),radial-gradient(circle at 30% 75%,rgba(255,45,126,.16),transparent 30%),linear-gradient(145deg,#020106,#090321 55%,#030108)}.visualizer,.station-glow{position:absolute;inset:0;width:100%;height:100%}.station-glow{background:radial-gradient(circle at center,transparent 0 18%,rgba(255,205,99,.08) 29%,transparent 52%);animation:breathe 5s ease-in-out infinite}.station-header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:24px 30px}.wordmark{border:0;color:#fff8e6;background:transparent;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.04em;font-size:clamp(18px,2vw,25px)}.top-actions,.station-controls{display:flex;align-items:center;gap:12px}.icon-button{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.22);color:#fff;background:#0805146b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.icon-button:hover{transform:translateY(-2px) scale(1.04);border-color:#ffda80cc;background:#ffffff1f}.icon-button:focus-visible,.enter-button:focus-visible,.wordmark:focus-visible,.app-store-link:focus-visible{outline:3px solid #ffd978;outline-offset:4px}.live-core{position:absolute;z-index:2;inset:50% auto auto 50%;width:min(76vw,720px);transform:translate(-50%,-50%);text-align:center}.live-core h1{margin:10px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(34px,7.5vw,92px);line-height:.9;letter-spacing:-.07em;text-shadow:0 0 36px rgba(255,221,148,.25)}.live-state{display:inline-flex;gap:7px;align-items:center;margin:0;color:#ff8ba8;font-size:11px;letter-spacing:.3em;font-weight:800}.live-state:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}.status-message{color:#ffffffa3;letter-spacing:.09em}.halo{position:absolute;left:50%;top:50%;width:min(58vw,520px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1}.halo span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,223,145,.25);box-shadow:inset 0 0 50px #7542ff2e,0 0 90px #ff479a1a;animation:orbit 12s linear infinite}.halo span:nth-child(2){inset:12%;animation-duration:8s;animation-direction:reverse;border-style:dashed}.halo span:nth-child(3){inset:24%;animation-duration:5s;border-color:#ffffff52}.station-controls{position:absolute;z-index:4;left:50%;bottom:34px;transform:translate(-50%);padding:10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#080514e6;box-shadow:0 10px 45px #0000008c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.station-controls [data-action=love]{color:#ff769d}.comments-button,.mute-button,.volume-step{min-height:48px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#fff;background:#ffffff1a;font-weight:800;cursor:pointer}.comments-button{padding:0 18px}.mute-button{min-height:34px;padding:0 12px;font-size:12px}.volume-step{width:34px;min-width:34px;min-height:34px;font-size:20px}.volume-control{width:340px;display:flex;align-items:center;gap:8px;padding:0 8px 0 4px}.volume-control input{flex:1;min-width:110px;height:28px;accent-color:#ffd978;cursor:pointer}.volume-control output{min-width:44px;color:#fff4d3;font-size:12px;font-weight:800}.community-dock{position:absolute;z-index:4;left:28px;bottom:28px;width:min(330px,25vw);padding:16px;border:1px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;background:#080514e0;box-shadow:0 15px 55px #00000080;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.community-close{position:absolute;top:-13px;right:-13px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;background:#16091f;box-shadow:0 8px 28px #0000008c;font-size:24px;line-height:1;cursor:pointer}.community-reopen{position:absolute;z-index:4;left:28px;bottom:28px;display:none;align-items:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid rgba(255,217,120,.6);border-radius:999px;color:#fff8e6;background:#12081feb;box-shadow:0 0 30px #ff5b9c33;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.comments-dock-hidden .community-dock{display:none}.comments-dock-hidden .community-reopen{display:inline-flex}.community-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#ffd978;font-size:11px;letter-spacing:.12em}.community-heading button{border:0;color:#fff;background:transparent;text-decoration:underline;cursor:pointer}.community-feed{display:grid;gap:8px;max-height:170px;overflow:auto}.community-message{padding-top:8px;border-top:1px solid rgba(255,255,255,.18)}.community-message strong{font-size:12px;color:#fff4d3}.community-message p,.community-empty{margin:3px 0;color:#ffffffe6;font-size:12px;line-height:1.45}.app-store-link{position:absolute;z-index:4;right:30px;bottom:39px;color:#fffc;font-size:13px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}.entrance{position:absolute;z-index:10;inset:0;display:grid;place-content:center;justify-items:center;padding:24px;background:radial-gradient(circle,#1d0c4cf5,#030108 60%);text-align:center;transition:opacity .9s,visibility .9s}.entrance-orbit{position:absolute;width:min(74vw,680px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,224,154,.18);box-shadow:0 0 100px #6b32ff59,inset 0 0 120px #ff388e14;animation:orbit 16s linear infinite}.eyebrow{z-index:1;margin:0 0 24px;color:#ffd978;font-size:10px;letter-spacing:.42em;font-weight:800}.enter-button{z-index:1;display:grid;gap:6px;border:0;color:#fff;background:transparent;cursor:pointer}.enter-button span{text-transform:uppercase;font-size:13px;letter-spacing:.5em}.enter-button strong{font-family:Space Grotesk,sans-serif;font-size:clamp(42px,9vw,116px);line-height:.9;letter-spacing:-.075em;background:linear-gradient(100deg,#fff,#ffd978 45%,#ff83b3);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(255,208,118,.22))}.entrance-note{z-index:1;margin-top:28px;color:#ffffff8a;font-size:12px;letter-spacing:.06em}.station.entered .entrance{opacity:0;visibility:hidden;pointer-events:none}.side-panel{position:absolute;z-index:8;top:0;right:0;width:min(94vw,570px);height:100%;overflow-y:auto;padding:86px 42px 50px;background:linear-gradient(160deg,#0d0620f7,#030108fa);border-left:1px solid rgba(255,255,255,.14);box-shadow:-30px 0 100px #0000008c;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);transform:translate(105%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.side-panel.open{transform:translate(0)}.side-panel h2{margin:8px 0 28px;font:700 clamp(38px,6vw,68px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.055em}.side-panel h3{margin-top:42px;color:#ffd978;font:700 25px Space Grotesk,sans-serif}.side-panel p,.side-panel li{color:#ffffffc2;line-height:1.7}.side-panel a{color:#ffd978}.panel-close{position:absolute;top:24px;right:26px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#fff;background:#ffffff0f;font-size:28px;cursor:pointer}.challenge-card{margin:46px -12px 0;padding:30px;border:1px solid rgba(255,211,111,.26);border-radius:28px;background:radial-gradient(circle at top right,rgba(255,89,153,.15),transparent 38%),#ffffff0b}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{display:grid;gap:9px;min-height:170px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,#ffd97817,#8142ff14)}.stat strong{color:#fff4d3;font:700 19px/1.15 Space Grotesk,sans-serif}.stat span{color:#ffffff9e;font-size:12px;line-height:1.55}.fine-print{font-size:11px;color:#ffffff75!important}.primary-link{display:inline-flex;justify-content:center;padding:14px 20px;border:0;border-radius:999px;color:#16091d!important;background:linear-gradient(100deg,#ffe29c,#ff83b3);font-weight:800;text-decoration:none;cursor:pointer}.comment-panel form,.comment-panel label{display:grid;gap:8px}.comment-panel form{gap:16px}.comment-panel input,.comment-panel textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:13px 14px;color:#fff;background:#ffffff0f}.comment-list{display:grid;gap:12px;margin-top:24px}.comment{padding:16px;border-radius:16px;background:#ffffff0d}.comment p{margin:5px 0}.comment button{border:0;padding:0;color:#ffffff6b;background:transparent;font-size:11px;cursor:pointer}.heart-layer{position:absolute;z-index:7;inset:0;pointer-events:none;display:grid;place-items:center;overflow:hidden}.heart-layer span{position:absolute;color:#ff5f9c;font-size:clamp(24px,5vw,70px);filter:drop-shadow(0 0 18px rgba(255,50,132,.8));animation:heart-flight 2.7s cubic-bezier(.1,.7,.2,1) var(--delay) both}@keyframes heart-flight{0%{opacity:0;transform:translateY(20vh) scale(.2) rotate(-12deg)}15%{opacity:1}to{opacity:0;transform:translate(var(--x),-62vh) scale(1.35) rotate(18deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.55;transform:scale(1.08)}}@media(max-width:680px){.station-header{padding:18px}.station-controls{bottom:22px;width:auto;max-width:calc(100vw - 24px)}.app-store-link{top:78px;right:18px;bottom:auto}.volume-control,.community-dock,.community-reopen{display:none}.comments-button{display:inline-flex;align-items:center;gap:7px;min-height:48px;padding:0 15px}.status-message{font-size:12px}.side-panel{width:100vw;padding:78px 24px 44px;border-left:0}.comment-list{max-height:none;overflow:visible}.stat-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}