:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#f3e8ff;background:#090617}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,rgba(9,6,23,.55),rgba(9,6,23,.85)),url('nightmont-scene.webp') center top/cover fixed no-repeat}.site{max-width:590px;margin:0 auto}.scene{position:relative;width:100%;aspect-ratio:941/1672;overflow:hidden;isolation:isolate}.art{width:100%;height:100%;display:block}.rain{pointer-events:none;position:absolute;inset:0;opacity:.12;background:repeating-linear-gradient(107deg,transparent 0,transparent 39px,rgba(222,204,255,.85) 40px,transparent 42px,transparent 94px);background-size:100% 160px;animation:rainfall 4s linear infinite}@keyframes rainfall{to{background-position:0 320px}}.art-play{position:absolute;left:30.1%;top:33.85%;width:40.4%;height:5.8%;padding:0 3px;background:linear-gradient(100deg,#edacf1,#f6a6d0);color:#321746;border:1px solid rgba(255,233,255,.75);border-radius:100px;display:flex;gap:7px;align-items:center;justify-content:center;box-shadow:0 0 20px #ffbae76b;font-size:clamp(10px,2.8vw,17px);font-weight:750;line-height:1.1;cursor:pointer;z-index:2}.art-play:active{transform:scale(.99)}.art-status{position:absolute;left:34%;top:41.1%;width:48%;height:2.8%;display:flex;align-items:center;justify-content:center;background:rgba(35,22,62,.8);border-radius:12px;color:#e8c7f8;font-size:clamp(9px,2vw,13px);z-index:2;backdrop-filter:blur(6px)}.art-volume{position:absolute;left:34%;top:44%;width:31.2%;height:2%;accent-color:#f8bedc;z-index:2;cursor:pointer}.info{position:relative;z-index:2;margin:0 14px 12px;padding:14px 18px;border:1px solid #ffffff22;border-radius:22px;background:rgba(16,10,34,.72);backdrop-filter:blur(16px)}.onair{font-size:11px;letter-spacing:.15em;color:#f4bce7;font-weight:700;display:flex;align-items:center;gap:10px}#dot{width:8px;height:8px;background:#e599c6;border-radius:50%;box-shadow:0 0 15px #efabd7}.track{font-size:20px;font-weight:700;margin-top:9px}.artist{font-size:13px;color:#d5bfdc;margin-top:4px}.message{border-top:1px solid #ffffff22;margin-top:12px;padding-top:10px;font-size:12px;color:#d2c4df;line-height:1.5}.credits{margin:10px 20px 30px;color:#d2c4df;font-size:11px;line-height:1.7;text-shadow:0 1px 8px #090617}.credits a{color:#f0ceff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.is-playing #dot{animation:glow 2s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 25px #ffcaed;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.rain,#dot{animation:none}}@media(min-width:590px){.art-play{font-size:18px}.art-status{font-size:13px}}