:root{--ink:#21151a;--sindoor:#d9402f;--deep:#2b1823;--cream:#fff4dc;--paper:#f3dfbc;--haldi:#f4b92f;--marigold:#ef861f;--green:#1e765c}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;color:var(--ink);background:#f5e6c9;font-family:Manrope,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background:radial-gradient(circle at 10% 20%,#d75d3317 0 2px,transparent 2.5px) 0 0/24px 24px,linear-gradient(135deg,transparent 48%,#9c43270e 49% 51%,transparent 52%) 0 0/36px 36px}
body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.festival-ribbon{height:10px;background:repeating-linear-gradient(90deg,var(--sindoor) 0 28px,var(--haldi) 28px 56px,var(--green) 56px 84px,#fff1d0 84px 112px);border-bottom:2px solid #9f3326}.radio-shell{width:min(900px,100%);margin:auto;padding:42px 24px 28px;position:relative}
header{text-align:center;margin:0 auto 27px;position:relative}.brand-seal{position:absolute;left:4px;top:0;width:72px;height:72px;border:2px solid #bb3d2f;border-radius:50%;display:grid;place-content:center;color:#a5362b;transform:rotate(-7deg);line-height:1}.brand-seal:before,.brand-seal:after{content:"";position:absolute;inset:5px;border:1px dashed #c74a37;border-radius:50%}.brand-seal:after{inset:-5px;border-style:dotted}.brand-seal span{font:600 11px "Noto Sans Devanagari",sans-serif}.brand-seal b{font:700 18px "Noto Sans Devanagari",sans-serif}.eyebrow,.section-title{font:600 11px "Noto Sans Devanagari",sans-serif;letter-spacing:.13em;margin:0;color:#a33d30}.signal-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--sindoor);margin-right:7px;box-shadow:0 0 0 5px #e7aa8e;animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px transparent}}h1{font:800 clamp(40px,8vw,68px)/.95 "Playfair Display",serif;margin:10px 0 12px;letter-spacing:-.055em}h1 em{color:var(--sindoor);font-weight:700}.subhead{display:flex;align-items:center;justify-content:center;gap:10px;color:#705c54;margin:0;font-size:13px}.subhead i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--marigold)}
.receiver{position:relative;background:linear-gradient(145deg,#38212d,#21131b 62%,#170d13);color:#fff6df;border:1px solid #4d3038;border-radius:30px;overflow:hidden;box-shadow:0 6px 0 #9c5d3b,0 12px 0 #d49a63,0 25px 50px #6d3c283f}.receiver:before{content:"";position:absolute;inset:8px;border:1px solid #65424a;border-radius:23px;pointer-events:none}.screw{position:absolute;width:8px;height:8px;border-radius:50%;background:#a77c5d;z-index:4;box-shadow:inset 1px 1px #e7c3a0}.screw:after{content:"";position:absolute;left:1px;right:1px;top:3px;border-top:1px solid #4b2b26}.screw-a{left:18px;top:18px}.screw-b{right:18px;top:18px}.screw-c{left:18px;bottom:18px}.screw-d{right:18px;bottom:18px}
.receiver-top{min-height:100px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:19px 35px;gap:10px;border-bottom:1px solid #513440}.on-air{align-self:start;justify-self:start;font:500 9px "DM Mono",monospace;letter-spacing:.14em;color:#ffb7a0}.on-air>span{display:inline-block;width:7px;height:7px;background:#ff5c48;border-radius:50%;margin-right:5px;box-shadow:0 0 10px #ff4c35}.on-air small{display:block;color:#77626a;margin:6px 0 0 17px;font-size:7px}.now-playing{text-align:center;border-left:1px solid #58404a;border-right:1px solid #58404a;padding:0 14px}.now-label{display:block;font:500 10px "Noto Sans Devanagari",sans-serif;color:#c9a99e;letter-spacing:.12em;margin-bottom:4px}.now-playing strong{display:block;font:700 17px Manrope,sans-serif}.now-playing small{color:#f4bb3f;font-size:10px;letter-spacing:.04em}.time{justify-self:end;font:500 17px "DM Mono",monospace;color:#f9dab0}
.radio-face{display:grid;grid-template-columns:125px minmax(0,1fr) 125px;gap:20px;align-items:center;padding:27px 34px 19px}.speaker{text-align:center}.speaker-core{width:110px;height:110px;border-radius:50%;margin:auto;display:grid;place-items:center;background:repeating-radial-gradient(circle,#171016 0 4px,#382632 4.5px 7px);border:5px solid #4c3440;box-shadow:inset 0 0 0 4px #160d12,0 3px 0 #10090d}.speaker-core span{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#6c4a57,#1a1016 65%);box-shadow:0 0 0 2px #7a4f55}.speaker small{display:block;margin-top:10px;font:600 10px "Noto Sans Devanagari";letter-spacing:.18em;color:#987d81}.speaker-right .speaker-core{transform:scaleX(-1)}.tuning-console{min-width:0}
.frequency-screen{background:linear-gradient(150deg,#f5c24d,#e99d21);color:#201318;border:7px solid #110b0e;border-radius:16px;height:205px;position:relative;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #ffdf7c,inset 0 0 42px #b85b19,0 4px 0 #503021;overflow:hidden}.screen-glow{position:absolute;inset:0;background:linear-gradient(105deg,transparent 18%,#fff9c83d 44%,transparent 62%);transform:translateX(-100%);animation:screenSweep 5s ease-in-out infinite}@keyframes screenSweep{55%,100%{transform:translateX(120%)}}.frequency-screen output{font:800 clamp(78px,14vw,126px)/1 "DM Mono",monospace;letter-spacing:-.13em;transform:translateX(-.06em);text-shadow:2px 3px #c97e1c}.mhz,.band-label{position:absolute;top:19px;font:600 10px "DM Mono";letter-spacing:.12em}.mhz{right:18px}.band-label{left:18px;border:1px solid #533215;border-radius:3px;padding:2px 5px}.signal-bars{position:absolute;right:17px;bottom:16px;display:flex;align-items:end;gap:3px;height:18px}.signal-bars i{width:3px;background:#513015;border-radius:2px;animation:bars .9s ease-in-out infinite alternate}.signal-bars i:nth-child(1){height:5px}.signal-bars i:nth-child(2){height:9px;animation-delay:.12s}.signal-bars i:nth-child(3){height:13px;animation-delay:.24s}.signal-bars i:nth-child(4){height:18px;animation-delay:.36s}@keyframes bars{to{opacity:.4;transform:scaleY(.72)}}
.tuner-wrap{padding:18px 4px 5px}.tuner-labels{display:flex;justify-content:space-between;color:#ac9294;font:9px "DM Mono";margin:0 2px 7px}.dial-track{position:relative;padding:3px 0}.dial-track:before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:repeating-linear-gradient(90deg,#967d80 0 1px,transparent 1px 8%);opacity:.7}input[type=range]{appearance:none;width:100%;height:8px;background:#634a52;border-radius:5px;outline:none;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;width:27px;height:27px;background:radial-gradient(circle,#ffdd66 0 30%,#e69b27 33% 58%,#ffe28a 61%);border:2px solid #fff0b8;border-radius:50%;box-shadow:0 2px 0 #793d1a,0 0 0 3px #291820;cursor:grab}input[type=range]::-moz-range-thumb{width:23px;height:23px;background:#ffc43e;border:3px solid #fff0bd;border-radius:50%;cursor:grab}.tune-hint{text-align:center;color:#9f8689;font:500 9px "Noto Sans Devanagari";letter-spacing:.1em;margin:14px 0 0}.tune-hint span{color:#e5a63c;margin:0 7px}
.receiver-footer{height:49px;border-top:1px solid #51343e;display:flex;align-items:center;justify-content:center;gap:20px;color:#806a71;font:500 8px "DM Mono";letter-spacing:.18em}.equalizer{height:20px;display:flex;align-items:center;gap:3px}.equalizer i{display:block;width:3px;height:7px;background:#e8a936;border-radius:2px;animation:eq .65s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:15px;animation-delay:.12s}.equalizer i:nth-child(3){height:10px;animation-delay:.25s}.equalizer i:nth-child(4){height:19px;animation-delay:.08s}.equalizer i:nth-child(5){height:12px;animation-delay:.3s}.equalizer i:nth-child(6){height:16px;animation-delay:.18s}.equalizer i:nth-child(7){height:7px;animation-delay:.4s}@keyframes eq{to{height:4px;opacity:.45}}
.mute-button{position:absolute;right:35px;bottom:13px;z-index:5;display:flex;align-items:center;gap:7px;height:28px;padding:0 10px;border:1px solid #72545d;border-radius:20px;background:#21131a;color:#d6b8a5;font:600 7px "DM Mono";letter-spacing:.11em;cursor:pointer;transition:.2s border,.2s color,.2s background}.mute-button:hover{border-color:#d49a63;color:#ffe0a6}.mute-button:focus-visible{outline:3px solid #f4b92f;outline-offset:3px}.mute-icon{font-size:15px;line-height:1;color:#f0b641}.mute-button[aria-pressed=true]{background:#5e2526;border-color:#ad4940;color:#ffd8c2}.mute-button[aria-pressed=true] .mute-icon{color:#ff7966}.receiver.is-muted .equalizer i{animation:none;height:3px;opacity:.35}
.stations{padding-top:48px}.section-heading{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:18px}.section-heading>span{height:1px;background:linear-gradient(90deg,transparent,#b78e70);width:120px}.section-heading>span:last-child{transform:scaleX(-1)}.section-heading div{text-align:center}.section-title{color:#9a382d;font-size:12px}.section-heading small{display:block;font:500 7px "DM Mono";letter-spacing:.22em;color:#927b70;margin-top:4px}.station-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:13px}.station{position:relative;min-height:108px;cursor:pointer;border:1px solid #d4b48f;border-radius:16px;background:linear-gradient(145deg,#fff8e8d9,#edd6b6d9);font-family:inherit;color:var(--ink);padding:16px 12px 13px;transition:.22s transform,.22s background,.22s border,.22s box-shadow;box-shadow:0 3px 0 #d3b18a;overflow:hidden}.station:before{content:"";position:absolute;inset:5px;border:1px dashed #dec19c;border-radius:11px;pointer-events:none}.station:hover{transform:translateY(-4px);border-color:#d87552;box-shadow:0 6px 0 #cc9f73}.station:focus-visible{outline:3px solid #1e765c;outline-offset:3px}.station.active{background:linear-gradient(145deg,#e34d38,#bd2c28);color:#fff9e9;border-color:#9e261f;box-shadow:0 5px 0 #8c2922,0 12px 22px #a435292c;transform:translateY(-2px)}.station.active:before{border-color:#f3a175}.station .number{font:700 28px "DM Mono";letter-spacing:-.1em;display:block;position:relative}.station .number small{font-size:8px;letter-spacing:.08em;margin-left:5px;opacity:.6}.station .genre{display:block;font:700 10px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-top:10px;opacity:.72;position:relative}.station .status{position:absolute;right:13px;top:11px;font:600 6px "DM Mono";letter-spacing:.08em;color:#278267}.station.active .status{color:#ffe192}footer{display:flex;justify-content:space-between;margin:38px 3px 0;color:#7d665d;font-size:9px}footer b{display:inline-block;height:7px;width:7px;border-radius:50%;background:var(--sindoor);margin-right:5px;box-shadow:0 0 0 3px #e7b29b}
@media(max-width:720px){.radio-shell{padding:34px 18px 22px}.brand-seal{display:none}.radio-face{grid-template-columns:1fr;padding:21px 20px 16px}.speaker{display:none}.receiver-top{padding:18px 25px}.frequency-screen{height:190px}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.radio-shell{padding:29px 13px 20px}.receiver{border-radius:23px}.receiver-top{grid-template-columns:72px 1fr 55px;padding:17px 16px;gap:3px}.now-playing{border:0;padding:0 4px}.now-playing strong{font-size:13px}.on-air{font-size:7px}.time{font-size:11px}.radio-face{padding:16px 13px 10px}.frequency-screen{height:157px;border-width:6px}.frequency-screen output{font-size:78px}.tuner-wrap{padding-top:15px}.receiver-footer{height:43px;justify-content:flex-start;padding-left:24px}.mute-button{right:22px;bottom:10px;height:25px}.station-grid{grid-template-columns:1fr 1fr;gap:10px}.station{min-height:95px;padding:14px 8px}.station .number{font-size:22px}.station .genre{font-size:8px}.subhead{font-size:10px;flex-wrap:wrap}.section-heading>span{width:45px}footer{font-size:8px;gap:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}