:root{--paper:#fff8ed;--muted:rgba(255,248,237,.68);--amber:#f2a65e;--wood-1:#5c2c1d;--wood-2:#2d1711;--brass:#b97c3e;--screen:#17231c}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#1b120d;color:var(--paper);font-family:Manrope,sans-serif}.canvas{position:relative;width:100%;height:100%;min-height:590px;overflow:hidden;isolation:isolate}.art{position:absolute;inset:-2%;z-index:-3;background:url('train-hero.png') center/cover no-repeat;animation:drift 18s ease-in-out infinite alternate}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(18,11,7,.42),transparent 27%,transparent 64%,rgba(18,11,7,.35))}.topbar{position:absolute;z-index:8;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px clamp(16px,3vw,46px);font:500 12px 'DM Mono',monospace;text-shadow:0 2px 8px #000}.presence{display:flex;align-items:center;gap:7px}.presence span:last-child{color:var(--muted)}.presence-pulse{position:relative;width:9px;height:9px}.presence-pulse:before{content:'';position:absolute;inset:0;border-radius:50%;background:#42df89;animation:ping 1.8s infinite}.presence-pulse i{position:absolute;inset:1px;border-radius:50%;background:#42df89}.top-actions{justify-self:end;display:flex;align-items:center;gap:8px}.station-edit,.spotify-link{height:34px;border:0;border-radius:18px;background:rgba(24,14,9,.22);color:#fff;backdrop-filter:blur(8px)}.station-edit{display:grid;width:34px;place-items:center;cursor:pointer}.station-edit svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.7}.spotify-link{display:flex;align-items:center;gap:7px;padding:0 11px;text-decoration:none}.spotify-link svg{width:17px;fill:#fff}.spotify-link b{color:var(--muted);font-weight:400}.title-lockup{position:absolute;z-index:1;left:42%;top:9%;transform:translateX(-50%) rotate(-2deg);width:min(570px,84vw);text-align:center;text-shadow:0 4px 26px rgba(35,17,11,.34)}.title-lockup p,.title-lockup>span{font:500 9px 'DM Mono',monospace;letter-spacing:.22em}.title-lockup p{margin:0 0 12px}.title-lockup h1{margin:0;font:700 clamp(60px,7.4vw,116px)/.76 'Noto Serif Devanagari',serif;letter-spacing:-.075em}.title-lockup>span{display:block;margin-top:20px}.radio-player{position:absolute;z-index:5;right:9%;bottom:7%;width:clamp(330px,29vw,440px);filter:drop-shadow(0 24px 22px rgba(26,11,6,.48));transform:perspective(1100px) rotateY(-7deg) rotateX(2deg);transform-origin:center bottom}.radio-handle{position:relative;width:56%;height:45px;margin:0 auto -15px;border:8px solid #2a1711;border-bottom:0;border-radius:24px 24px 0 0;box-shadow:inset 0 2px #7b4a31,0 -2px 0 #120b08}.radio-handle i{position:absolute;left:10%;right:10%;top:5px;height:5px;border-radius:5px;background:linear-gradient(90deg,#44271a,#b06c3c,#44271a)}.radio-body{position:relative;padding:13px 15px 16px;border:2px solid #29130c;border-radius:15px;background:linear-gradient(125deg,#81462c 0%,var(--wood-1) 38%,#3b1c14 100%);box-shadow:inset 0 2px rgba(255,219,169,.3),inset -8px -10px 20px rgba(20,8,5,.3),7px 9px 0 rgba(31,14,9,.48)}.radio-body:before{content:'';position:absolute;inset:4px;border:1px solid rgba(239,179,107,.23);border-radius:10px;pointer-events:none}.radio-brand{position:relative;display:flex;align-items:center;height:20px;margin-bottom:8px;color:#e6b977;font:500 7px 'DM Mono',monospace;letter-spacing:.15em}.radio-brand span{font:700 17px 'Noto Serif Devanagari';letter-spacing:0;margin-right:9px}.radio-brand b{font-weight:500}.power-light{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#5d2218;box-shadow:inset 0 1px 2px #210904}.is-playing .power-light{background:#ffb15d;box-shadow:0 0 10px #ff9b3d}.radio-face{position:relative;display:grid;grid-template-columns:38% 1fr;gap:12px;padding:11px;border:2px solid #2a1610;border-radius:9px;background:linear-gradient(145deg,#4b2b1e,#261711);box-shadow:inset 0 2px 5px #160c08}.radio-speaker{position:relative;min-height:155px;overflow:hidden;border:2px solid #b3793f;border-radius:8px;background-color:#3b241a;background-image:radial-gradient(circle,rgba(226,169,103,.45) 1px,transparent 1.6px);background-size:6px 6px;box-shadow:inset 0 0 0 4px #2a1710,inset 0 0 30px #130a07}.speaker-ring{position:absolute;left:50%;top:50%;width:76%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(225,168,105,.2);border-radius:50%;box-shadow:0 0 0 8px rgba(0,0,0,.11),0 0 0 9px rgba(225,168,105,.13)}.is-playing .speaker-ring{animation:speakerPulse .7s ease-in-out infinite alternate}.sound-wave{position:absolute;left:50%;top:50%;width:75%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid transparent;border-radius:50%}.is-playing .sound-wave{border-color:rgba(255,176,89,.25);animation:wave 1.8s ease-out infinite}.is-playing .sound-wave.two{animation-delay:.9s}.radio-console{min-width:0}.tuner-scale{position:relative;display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 8px;overflow:hidden;border:1px solid #826038;border-radius:4px;background:#cfac6e;color:#2a2117;font:600 6px 'DM Mono',monospace;box-shadow:inset 0 2px 5px rgba(49,29,13,.35)}.tuner-scale i{height:8px;border-left:1px solid rgba(42,33,23,.35)}.tuner-scale b{position:absolute;left:15%;top:2px;width:2px;height:20px;background:#d13b24;box-shadow:0 0 3px #ffb348;transition:left .35s}.radio-screen{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;height:58px;margin-top:8px;padding:6px;border:1px solid #5d664d;border-radius:4px;background:linear-gradient(135deg,#1a2b21,#101913);box-shadow:inset 0 0 13px #050b07;color:#b8d495}.radio-screen img{width:42px;height:42px;border-radius:3px;object-fit:cover;filter:saturate(.72) sepia(.18)}.radio-screen div{min-width:0}.radio-screen small{display:block;color:#71936b;font:500 6px 'DM Mono';letter-spacing:.12em}.radio-screen p,.radio-screen span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-screen p{margin:2px 0;font-size:9px;font-weight:700}.radio-screen span{color:#7f9f78;font-size:6px}.seek{position:relative;height:16px;margin-top:4px;cursor:pointer;touch-action:none}.seek-track{position:absolute;left:0;right:0;top:6px;height:4px;border-radius:4px;background:rgba(232,196,139,.2)}.seek-track span,.seek-track b{position:absolute;left:0;top:0;height:100%;border-radius:inherit}.seek-track span{width:0;background:rgba(232,196,139,.22)}.seek-track b{width:0;background:#e5a858}.seek-track i{position:absolute;left:0;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border:2px solid #58301e;border-radius:50%;background:#f0b96f;box-shadow:0 1px 4px #1b0a05}.seek:focus-visible{outline:2px solid #f2bd75;outline-offset:1px}.timer{display:flex;justify-content:space-between;color:#ba9261;font:500 6px 'DM Mono'}.timer span{letter-spacing:.08em}.radio-controls{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.radio-controls button{display:grid;place-items:center;width:27px;height:23px;padding:0;border:1px solid #26130d;border-radius:4px;background:linear-gradient(#b77b49,#6e3d27);box-shadow:0 3px 0 #2a140d,inset 0 1px rgba(255,232,194,.3);color:#f7d2a0;cursor:pointer}.radio-controls button:active{transform:translateY(2px);box-shadow:0 1px 0 #2a140d}.radio-controls button:focus-visible{outline:2px solid #ffd59d;outline-offset:2px}.radio-controls svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.radio-controls svg.filled{fill:currentColor;stroke:none}.radio-controls .play{width:33px;height:29px;border-radius:50%}.pause-icon{display:none}.is-playing .play-icon{display:none}.is-playing .pause-icon{display:block}.radio-feet{position:absolute;left:8%;right:8%;bottom:-8px;display:flex;justify-content:space-between}.radio-feet i{width:35px;height:9px;border-radius:0 0 6px 6px;background:#25130d}.playlist-panel{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-45%) scale(.97);width:min(560px,calc(100% - 28px));max-height:min(330px,52vh);padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(42,24,18,.94);box-shadow:0 24px 70px rgba(17,7,4,.55);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:.2s}.playlist-panel.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.playlist-panel header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 10px;border-bottom:1px solid rgba(255,255,255,.14);font:500 9px 'DM Mono';letter-spacing:.1em}.playlist-panel header div{display:flex;gap:10px}.playlist-panel header b{color:var(--amber)}.playlist-panel header button{border:0;background:none;color:#fff;font-size:22px;cursor:pointer}.playlist-panel ol{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;max-height:250px;margin:0;padding:6px 0 0;overflow:auto;list-style:none}.playlist-panel li button{display:flex;align-items:center;width:100%;min-width:0;padding:7px 5px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:none;color:#fff;text-align:left;cursor:pointer}.track-number{width:24px;color:var(--amber);font:8px 'DM Mono'}.track-copy{min-width:0;flex:1}.track-copy b,.track-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-copy b{font-size:10px}.track-copy small{color:var(--muted);font-size:8px}.track-playing{color:transparent}.playlist-panel li.active .track-copy b,.playlist-panel li.active .track-playing{color:var(--amber)}.station-dialog{width:min(470px,calc(100% - 24px));padding:0;border:1px solid rgba(255,218,170,.22);border-radius:20px;background:rgba(43,25,18,.97);box-shadow:0 30px 90px #140806;color:#fff;backdrop-filter:blur(24px)}.station-dialog::backdrop{background:rgba(17,9,6,.58);backdrop-filter:blur(4px)}.station-dialog form{padding:22px}.station-dialog header{display:flex;justify-content:space-between}.station-dialog header small{color:var(--amber);font:500 8px 'DM Mono';letter-spacing:.15em}.station-dialog h2{margin:4px 0 0;font-size:24px}.station-dialog header button{border:0;background:none;color:#fff;font-size:25px;cursor:pointer}.station-dialog form>p{color:var(--muted);font-size:12px;line-height:1.6}.station-dialog label{display:block;margin-top:15px;font-size:11px;font-weight:700}.station-dialog label span{color:var(--muted);font-weight:400}.station-dialog input{display:block;width:100%;height:42px;margin-top:7px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.07);color:#fff;font:11px 'DM Mono'}.station-dialog input:focus{outline:2px solid var(--amber);border-color:transparent}.station-status{min-height:18px;margin-top:10px;color:#f2bc7e;font-size:10px}.station-dialog footer{display:flex;justify-content:space-between;gap:10px;margin-top:5px}.station-dialog footer button{height:40px;padding:0 15px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer}.reset-station{border:1px solid rgba(255,255,255,.18);background:none;color:#fff}.load-station{border:0;background:var(--amber);color:#2d180f}#youtubePlayer{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px}@keyframes drift{to{transform:scale(1.025) translate3d(-8px,-3px,0)}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes speakerPulse{to{transform:translate(-50%,-50%) scale(1.035);box-shadow:0 0 0 8px rgba(0,0,0,.11),0 0 18px rgba(255,160,70,.16)}}@keyframes wave{0%{transform:translate(-50%,-50%) scale(.65);opacity:.8}100%{transform:translate(-50%,-50%) scale(1.35);opacity:0}}@media(max-width:760px){.canvas{min-height:600px}.topbar{padding:14px}.spotify-link span,.spotify-link b{display:none}.spotify-link{width:34px;padding:0;justify-content:center}.title-lockup{left:50%;top:10%}.title-lockup h1{font-size:clamp(62px,19vw,94px)}.radio-player{left:50%;right:auto;bottom:max(18px,env(safe-area-inset-bottom));width:min(430px,calc(100% - 22px));transform:translateX(-50%) perspective(1000px) rotateX(2deg)}.playlist-panel ol{grid-template-columns:1fr}.playlist-panel ol{max-height:270px}}@media(max-width:440px){.presence span:last-child{display:none}.title-lockup{top:13%}.radio-player{width:calc(100% - 14px)}.radio-face{grid-template-columns:34% 1fr;gap:8px;padding:8px}.radio-speaker{min-height:140px}.radio-screen{grid-template-columns:35px 1fr;height:50px}.radio-screen img{width:35px;height:35px}.radio-controls button{width:25px}.station-dialog form{padding:18px}}@media(prefers-reduced-motion:reduce){.art,.presence-pulse:before,.speaker-ring,.sound-wave{animation:none}}