@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");.radio-page *,.radio-page :after,.radio-page :before{box-sizing:border-box}:root{--navy:#23215b;--navy-mid:#2d2b6e;--navy-light:#3a3880;--navy-dark:#18173f;--navy-xdark:#0f0e28;--orange:#fdb703;--orange-light:#fec840;--orange-dark:#d99a00;--white:#fff;--ivory:#f5f2ea;--ivory-mid:#ede9de;--ivory-dark:#d8d2c4;--ivory-shadow:#c4bfb0;--chrome-hi:#f0f2f8;--chrome-mid:#b8bdd0;--chrome-dark:#6e7488;--lcd-bg:#0a0e1a;--lcd-text:#4db8ff;--lcd-sub:#2a6ea0;--text-navy:#23215b}body,html{margin:0;padding:0;min-height:100%;overflow-y:auto}.radio-page,body,html{width:100%;overflow-x:hidden}.radio-page{min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:170px 16px 75px;background:url(/radio-bg.png) 50%/cover no-repeat;position:relative}.radio-body{margin-top:30px}.radio-antenna{position:absolute;top:-103px;right:-9px;width:120px;height:120px;pointer-events:none}.antenna-stick{position:absolute;right:18px;bottom:13px;width:6px;height:180px;border-radius:20px;transform:rotate(-56deg);transform-origin:bottom center;background:linear-gradient(90deg,#6f7488,#fff 50%,#6f7488);box-shadow:0 0 3px hsla(0,0%,100%,.5),0 2px 10px rgba(0,0,0,.35)}.antenna-round{border-radius:50px;background:#e1e2e6;width:20px;height:20px;left:-56px;position:relative;top:0;z-index:9;box-shadow:0 0 5px #a9a1a1;border:2px solid #a9a1a1}.antenna-tip{display:none}.radio-stage{width:100%;max-width:860px;display:flex;justify-content:center;align-items:center}.radio-body:before{display:none}.handle-assembly{position:absolute;top:0;left:50%;transform:translateX(-50%);width:clamp(180px,30vw,340px);height:clamp(70px,11vw,120px);z-index:5;pointer-events:none}.handle-bar{background:transparent;border:clamp(7px,1.2vw,14px) solid transparent;background-image:none;box-shadow:none;position:absolute;top:0;left:0;right:0;height:100%;border:clamp(8px,1.3vw,16px) solid var(--chrome-mid);border-bottom:none;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(90deg,var(--chrome-dark) 0,var(--chrome-hi) 18%,var(--chrome-mid) 30%,var(--chrome-hi) 50%,var(--chrome-mid) 70%,var(--chrome-hi) 82%,var(--chrome-dark) 100%);-webkit-background-clip:border-box;background-clip:border-box;outline:none}.handle-bar:before{content:"";position:absolute;top:clamp(-7px,-1.1vw,-13px);left:15%;right:15%;height:clamp(3px,.5vw,5px);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.9) 30%,hsla(0,0%,100%,.9) 70%,transparent);border-radius:50% 50% 0 0}.handle-foot-left,.handle-foot-right{position:absolute;bottom:0;width:clamp(14px,2.5vw,24px);height:clamp(14px,2.5vw,24px);background:radial-gradient(circle at 40% 35%,var(--chrome-hi),var(--chrome-mid) 50%,var(--chrome-dark) 100%);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 1px 3px hsla(0,0%,100%,.6)}.handle-foot-left{left:clamp(10px,2vw,20px)}.handle-foot-right{right:clamp(10px,2vw,20px)}.radio-body{width:100%;position:relative;background:linear-gradient(170deg,#f8f5ed 0,var(--ivory) 40%,var(--ivory-mid) 100%);border-radius:clamp(18px,3vw,32px);padding:0;overflow:visible;box-shadow:0 0 8px 10px #d1d1d1}.radio-body:before{content:"";position:absolute;top:0;left:8%;right:8%;height:3px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.95) 30%,hsla(0,0%,100%,.95) 70%,transparent);border-radius:2px;z-index:2}.radio-top-section{display:flex;align-items:center;padding:clamp(14px,2.5vw,26px) clamp(16px,3vw,32px) clamp(12px,2vw,20px);gap:clamp(10px,2vw,20px);background:#fbf7ee;border-bottom:2px solid var(--ivory-shadow);z-index:1;position:relative;border-radius:20px 20px 0 0}.small-knobs-group{display:flex;flex-direction:column;gap:clamp(6px,1vw,10px);flex-shrink:0}.small-knobs-row{display:flex;gap:clamp(8px,1.5vw,16px);align-items:center}.small-knob-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.small-knob{width:clamp(28px,4.5vw,48px);height:clamp(28px,4.5vw,48px);border-radius:50%;position:relative;cursor:pointer;transition:transform .2s;background:radial-gradient(circle at 35% 30%,#f0f2f8 0,#c8ccd8 30%,#9098b0 60%,#6e7488 80%,#50566e 100%);box-shadow:0 3px 8px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.6),inset 0 -1px 0 rgba(0,0,0,.2)}.small-knob:before{inset:15%;background:conic-gradient(from 0deg,hsla(0,0%,100%,.08) 0deg,rgba(0,0,0,.1) 10deg,hsla(0,0%,100%,.08) 20deg,rgba(0,0,0,.1) 30deg,hsla(0,0%,100%,.08) 40deg,rgba(0,0,0,.1) 50deg,hsla(0,0%,100%,.08) 60deg,rgba(0,0,0,.1) 70deg,hsla(0,0%,100%,.08) 80deg,rgba(0,0,0,.1) 90deg,hsla(0,0%,100%,.08) 100deg,rgba(0,0,0,.1) 110deg,hsla(0,0%,100%,.08) 120deg,rgba(0,0,0,.1) 130deg,hsla(0,0%,100%,.08) 140deg,rgba(0,0,0,.1) 150deg,hsla(0,0%,100%,.08) 160deg,rgba(0,0,0,.1) 170deg,hsla(0,0%,100%,.08) 180deg,rgba(0,0,0,.1) 190deg,hsla(0,0%,100%,.08) 200deg,rgba(0,0,0,.1) 210deg,hsla(0,0%,100%,.08) 220deg,rgba(0,0,0,.1) 230deg,hsla(0,0%,100%,.08) 240deg,rgba(0,0,0,.1) 250deg,hsla(0,0%,100%,.08) 260deg,rgba(0,0,0,.1) 270deg,hsla(0,0%,100%,.08) 280deg,rgba(0,0,0,.1) 290deg,hsla(0,0%,100%,.08) 300deg,rgba(0,0,0,.1) 310deg,hsla(0,0%,100%,.08) 320deg,rgba(0,0,0,.1) 330deg,hsla(0,0%,100%,.08) 340deg,rgba(0,0,0,.1) 350deg,hsla(0,0%,100%,.08) 1turn)}.small-knob:after,.small-knob:before{content:"";position:absolute;border-radius:50%}.small-knob:after{top:25%;left:28%;width:22%;height:22%;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,.1) 100%)}.small-knob-label{font-size:clamp(7px,1vw,9px);color:var(--navy);letter-spacing:.08em;text-transform:uppercase;font-weight:600;font-family:Poppins,sans-serif;white-space:nowrap}.small-knob.nav-knob{background:radial-gradient(circle at 35% 30%,#f0f2f8 0,#c8ccd8 30%,#9098b0 60%,#6e7488 80%,#50566e 100%)}.control-knob{display:flex;align-items:center;justify-content:center;position:relative}.knob-icon{position:relative;z-index:3;font-size:clamp(10px,1.5vw,14px);color:#23215b;font-weight:700;text-shadow:0 1px 1px hsla(0,0%,100%,.8),0 -1px 1px rgba(0,0,0,.15);transition:all .2s ease}.control-knob:hover .knob-icon{transform:scale(1.08);color:#fdb703}.small-knob-unit{cursor:pointer}.small-knob-unit:active .small-knob{transform:scale(.95)}.top-buttons{position:relative;display:flex;justify-content:center;align-items:center;flex:1 1;padding:12px 16px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,hsla(44,35%,94%,.95),hsla(40,28%,87%,.95));border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 2px hsla(0,0%,100%,.7),inset 0 -1px 2px rgba(0,0,0,.05)}.top-buttons:before{background-image:radial-gradient(rgba(25,25,25,.42) 1.4px,transparent 0);background-size:11px 11px;opacity:.45}.top-buttons:after,.top-buttons:before{content:"";position:absolute;inset:0;pointer-events:none}.top-buttons:after{background:repeating-linear-gradient(180deg,rgba(0,0,0,.025),rgba(0,0,0,.025) 1px,transparent 0,transparent 7px);opacity:.5}.top-buttons button{position:relative;z-index:2;background:linear-gradient(180deg,#ffcb3b,#fdb703 55%,#e49b00);border:1px solid rgba(0,0,0,.12);padding:6px 16px;border-radius:999px;cursor:pointer;color:#23215b;font-size:12px;font-weight:800;letter-spacing:.18em;font-family:Poppins,sans-serif;text-transform:uppercase;transition:all .25s ease;text-shadow:0 1px 0 hsla(0,0%,100%,.55)}.top-buttons button:after{content:"";position:absolute;left:10%;bottom:-2px;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(35,33,91,.45),transparent);transition:all .25s ease}.top-buttons button:hover:after{background:linear-gradient(90deg,transparent,rgba(253,183,3,.8),transparent)}.big-knob-unit{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.big-knob{width:clamp(64px,10vw,110px);height:clamp(64px,10vw,110px);border-radius:50%;cursor:pointer;transition:transform .3s;background:radial-gradient(circle at 38% 32%,#f4f6fc 0,#d0d4e4 25%,#9098b0 50%,#6e7488 70%,#404660 85%,#2a2e44 100%);box-shadow:0 6px 20px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3),inset 0 2px 4px hsla(0,0%,100%,.5),inset 0 -2px 4px rgba(0,0,0,.3)}.big-knob:before{content:"";position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from 0deg,hsla(0,0%,100%,.06) 0deg,rgba(0,0,0,.08) 6deg,hsla(0,0%,100%,.06) 12deg,rgba(0,0,0,.08) 18deg,hsla(0,0%,100%,.06) 24deg,rgba(0,0,0,.08) 30deg,hsla(0,0%,100%,.06) 36deg,rgba(0,0,0,.08) 42deg,hsla(0,0%,100%,.06) 48deg,rgba(0,0,0,.08) 54deg,hsla(0,0%,100%,.06) 60deg,rgba(0,0,0,.08) 66deg,hsla(0,0%,100%,.06) 72deg,rgba(0,0,0,.08) 78deg,hsla(0,0%,100%,.06) 84deg,rgba(0,0,0,.08) 90deg,hsla(0,0%,100%,.06) 96deg,rgba(0,0,0,.08) 102deg,hsla(0,0%,100%,.06) 108deg,rgba(0,0,0,.08) 114deg,hsla(0,0%,100%,.06) 120deg,rgba(0,0,0,.08) 126deg,hsla(0,0%,100%,.06) 132deg,rgba(0,0,0,.08) 138deg,hsla(0,0%,100%,.06) 144deg,rgba(0,0,0,.08) 150deg,hsla(0,0%,100%,.06) 156deg,rgba(0,0,0,.08) 162deg,hsla(0,0%,100%,.06) 168deg,rgba(0,0,0,.08) 174deg,hsla(0,0%,100%,.06) 180deg,rgba(0,0,0,.08) 186deg,hsla(0,0%,100%,.06) 192deg,rgba(0,0,0,.08) 198deg,hsla(0,0%,100%,.06) 204deg,rgba(0,0,0,.08) 210deg,hsla(0,0%,100%,.06) 216deg,rgba(0,0,0,.08) 222deg,hsla(0,0%,100%,.06) 228deg,rgba(0,0,0,.08) 234deg,hsla(0,0%,100%,.06) 240deg,rgba(0,0,0,.08) 246deg,hsla(0,0%,100%,.06) 252deg,rgba(0,0,0,.08) 258deg,hsla(0,0%,100%,.06) 264deg,rgba(0,0,0,.08) 270deg,hsla(0,0%,100%,.06) 276deg,rgba(0,0,0,.08) 282deg,hsla(0,0%,100%,.06) 288deg,rgba(0,0,0,.08) 294deg,hsla(0,0%,100%,.06) 300deg,rgba(0,0,0,.08) 306deg,hsla(0,0%,100%,.06) 312deg,rgba(0,0,0,.08) 318deg,hsla(0,0%,100%,.06) 324deg,rgba(0,0,0,.08) 330deg,hsla(0,0%,100%,.06) 336deg,rgba(0,0,0,.08) 342deg,hsla(0,0%,100%,.06) 348deg,rgba(0,0,0,.08) 354deg,hsla(0,0%,100%,.06) 1turn)}.big-knob{position:relative;display:flex;align-items:center;justify-content:center}.big-knob-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:hsla(0,0%,100%,.9);text-shadow:0 2px 6px rgba(0,0,0,.4);pointer-events:none;z-index:5}.lcd-panel{background:rgba(0,0,0,.8);margin:0;padding:clamp(10px,1.8vw,18px) clamp(14px,2.5vw,26px);border-top:3px solid var(--navy);border-bottom:3px solid var(--navy);position:relative;overflow:hidden}.lcd-inner{display:flex;align-items:center;gap:clamp(12px,2vw,20px)}.lcd-thumbnail{width:clamp(75px,11vw,115px);height:clamp(75px,11vw,115px);object-fit:cover;border-radius:8px;flex-shrink:0;background:#fbf7ee;border:3px solid #fbf7ee;box-shadow:0 0 14px hsla(42,62%,96%,.45),0 4px 14px rgba(0,0,0,.18)}.lcd-text-block{flex:1 1;min-width:0}.lcd-artist{font-size:clamp(16px,3vw,28px);font-weight:700;letter-spacing:.06em;line-height:1.2;margin-bottom:4px}.lcd-artist,.lcd-title{font-family:Poppins,sans-serif;color:var(--orange-light);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcd-title{font-size:clamp(10px,1.5vw,14px);font-weight:500;letter-spacing:.08em}.lcd-play-btn{width:clamp(40px,6vw,60px);height:clamp(40px,6vw,60px);background:radial-gradient(circle at 38% 35%,var(--orange-light),var(--orange) 50%,var(--orange-dark) 100%);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:clamp(14px,2.2vw,20px);cursor:pointer;color:var(--navy);flex-shrink:0;font-weight:700;box-shadow:0 4px 14px rgba(253,183,3,.4),inset 0 1px 3px hsla(0,0%,100%,.5);transition:all .25s ease}.lcd-play-btn:hover{transform:scale(1.08);background:var(--white);box-shadow:0 6px 20px rgba(253,183,3,.5)}.lcd-skip-group{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.skip-btn{width:clamp(28px,4vw,40px);height:clamp(22px,3vw,30px);background:linear-gradient(180deg,var(--navy-mid),var(--navy-dark));border:1px solid rgba(253,183,3,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--orange);font-size:clamp(10px,1.5vw,13px);font-weight:700;transition:all .2s;box-shadow:0 2px 6px rgba(0,0,0,.4),inset 0 1px 2px hsla(0,0%,100%,.06)}.skip-btn:hover{transform:scale(1.08);background:var(--white);box-shadow:0 6px 20px rgba(253,183,3,.5)}.lcd-progress-bar{margin-top:clamp(8px,1.2vw,12px);display:flex;align-items:center;gap:clamp(6px,1vw,10px)}.lcd-time{font-size:clamp(9px,1.2vw,11px);color:var(--orange-light);font-family:Poppins,sans-serif;font-weight:600;letter-spacing:.04em;min-width:36px;text-align:center;flex-shrink:0}.custom-progress{flex:1 1;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:50px;outline:none;cursor:pointer}.custom-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--orange);border:2px solid hsla(0,0%,100%,.8);cursor:pointer;-webkit-transition:.2s;transition:.2s;box-shadow:0 0 6px rgba(253,183,3,.5);margin-top:-2px}.custom-progress::-webkit-slider-thumb:hover{transform:scale(1.2)}.custom-progress::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--orange);border:2px solid hsla(0,0%,100%,.8);cursor:pointer}.vu-meter{display:flex;gap:2px;align-items:flex-end;height:20px;flex-shrink:0}.vu-bar{width:3px;border-radius:1px;background:rgba(77,184,255,.15);transition:height .1s ease}.vu-bar.active{background:linear-gradient(180deg,var(--orange),var(--lcd-text));box-shadow:0 0 3px rgba(253,183,3,.4)}.speaker-section{gap:clamp(12px,2vw,20px)}.speaker-layout,.speaker-section{padding:clamp(12px,2vw,20px) clamp(16px,3vw,30px);display:flex;align-items:stretch;background:#fbf7ee}.speaker-layout{gap:clamp(14px,2vw,24px)}.playlist-panel{flex:0 0 80%;display:flex;flex-direction:column;background:var(--white);box-shadow:none}.playlist-panel,.radio-image-panel{overflow:hidden;border-radius:14px;border:none}.radio-image-panel{flex:1 1;min-width:140px;min-height:0;position:relative;background:#ddd}.radio-side-image{width:100%;height:100%;object-fit:cover;display:block;background:#fbf7ee}.playlist-section{max-height:clamp(180px,22vw,260px)}.center-panel-header{background:var(--navy);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.center-panel-title{font-size:13px;font-weight:700;color:var(--orange);letter-spacing:.14em;text-transform:uppercase;font-family:Poppins,sans-serif}.playlist-section{max-height:clamp(100px,18vw,170px);overflow-y:auto;background:var(--white)}.playlist-section::-webkit-scrollbar{width:4px}.playlist-section::-webkit-scrollbar-thumb{background:var(--orange);border-radius:10px}.playlist-section::-webkit-scrollbar-track{background:var(--ivory)}.playlist-item{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid #f0eae0;cursor:pointer;gap:8px;transition:all .2s}.playlist-item.active,.playlist-item:hover{background:linear-gradient(90deg,rgba(253,183,3,.1),transparent)}.playlist-left{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0}.playlist-number{font-size:12px;color:var(--orange);font-weight:700;min-width:16px;font-family:Poppins,sans-serif}.playlist-title{font-size:14px;color:var(--navy);font-family:Poppins,sans-serif;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.playlist-item:hover .playlist-title,.playlist-title.active-text{color:var(--orange-dark);font-weight:700}.playlist-duration{font-size:11px;color:#999;font-family:Poppins,sans-serif;flex-shrink:0}.playlist-right{flex-shrink:0}.playlist-right,.share-wrapper{position:relative;width:110px;display:flex;justify-content:flex-end}.share-wrapper{height:24px;align-items:center;overflow:visible}.share-icon{width:16px;height:16px;object-fit:contain;cursor:pointer;opacity:.45;transition:opacity .2s}.share-icon:hover{opacity:.9}.share-popup{position:absolute;right:0;top:50%;transform:translateY(-50%);gap:4px;padding-left:6px}.share-popup,.share-popup a{display:flex;align-items:center}.share-popup a{width:20px;height:20px;justify-content:center;text-decoration:none;opacity:0;transform:translateX(8px);animation:socialSlide .3s forwards}.share-popup a img{width:16px;height:16px;object-fit:contain;transition:transform .2s}.share-popup a img:hover{transform:scale(1.15)}.share-popup a:first-child{animation-delay:0s}.share-popup a:nth-child(2){animation-delay:.06s}.share-popup a:nth-child(3){animation-delay:.12s}.share-popup a:nth-child(4){animation-delay:.18s}.share-popup a:nth-child(5){animation-delay:.24s}@keyframes socialSlide{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.radio-bottom-strip{background:rgba(0,0,0,.8);padding:clamp(12px,-2vw,18px) clamp(16px,3vw,30px);justify-content:space-between;gap:clamp(10px,2vw,20px);flex-wrap:wrap;border-top:3px solid rgba(253,183,3,.4);border-radius:0 0 20px 20px}.radio-bottom-strip,.radio-logo-box{display:flex;align-items:center}.radio-logo{height:clamp(32px,7vw,82px);width:auto}.social-icons{gap:clamp(4px,.8vw,8px);flex-wrap:nowrap}.social-icons,.social-icons a{display:flex;justify-content:center;align-items:center}.social-icons a{width:34px;height:34px;text-decoration:none;border-radius:50%;background:hsla(0,0%,100%,.07);border:1px solid rgba(253,183,3,.25);transition:all .25s}.social-icons a:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-3px);box-shadow:0 5px 14px rgba(253,183,3,.4)}.social-icons a img{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1);transition:filter .2s}.social-icons a:hover img{filter:brightness(.2)}.contact-number{font-size:clamp(12px,1.6vw,16px);color:var(--orange-light);font-weight:700;font-family:Poppins,sans-serif;letter-spacing:.03em;background:rgba(253,183,3,.08);padding:7px 14px;border-radius:20px;border:1px solid rgba(253,183,3,.25);white-space:nowrap}.lamp-row{display:flex;gap:6px;align-items:center}.indicator-lamp{width:7px;height:7px;border-radius:50%;background:hsla(0,0%,100%,.1)}.indicator-lamp.active{background:var(--orange);box-shadow:0 0 6px rgba(253,183,3,.8),0 0 14px rgba(253,183,3,.3);animation:lampPulse 2s ease-in-out infinite}@keyframes lampPulse{0%,to{opacity:1}50%{opacity:.4}}.audio-player{display:none}.fullscreen-player-overlay{position:fixed;inset:0;z-index:999999;display:flex;background:linear-gradient(135deg,#f6f2ea,#fff);animation:fadePopup .35s ease;overflow:hidden}.fullscreen-left{width:50%;background:#050505;display:flex;flex-direction:column;justify-content:center;padding:40px;position:relative;overflow:visible}.fs-back-btn{position:absolute;top:28px;left:28px;display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid hsla(0,0%,100%,.14);border-radius:999px;background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.05));color:#fff;font-size:15px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;z-index:20;transition:all .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 14px rgba(0,0,0,.25),inset 0 1px 1px hsla(0,0%,100%,.08)}.fs-back-btn:hover{color:var(--orange)}.fs-image-wrap{position:relative;width:100%;max-width:620px;margin:auto}.fs-image{width:100%;height:auto;max-height:75vh;object-fit:contain;display:block;border-radius:10px}.fs-player-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;z-index:30}.fs-center-play{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transition:transform .2s ease}.fs-center-play:hover{transform:none}.fs-progress-ring{width:140px;height:140px;display:block;transform:rotate(-90deg);overflow:visible;touch-action:none}.fs-progress-bg{fill:transparent;stroke:hsla(0,0%,100%,.25);stroke-width:4}.fs-progress-fill{fill:transparent;stroke:#fff;stroke-width:4;stroke-linecap:round;transition:none}.fs-center-icon{position:absolute;width:84px;height:84px;border-radius:50%;border:none;background:hsla(0,0%,100%,.12);display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:700;cursor:pointer;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease;text-shadow:0 2px 10px rgba(0,0,0,.55)}.fs-center-icon:hover{background:hsla(0,0%,100%,.2)}.fs-player-time{color:#fff;font-size:20px;font-weight:600;letter-spacing:.04em;font-family:Poppins,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.45)}.fs-center-play,.fs-player-wrapper,.fs-progress-ring{will-change:transform}.fullscreen-right{width:50%;background:linear-gradient(180deg,#fff,#f6f2ea);padding:70px 60px;position:relative;display:flex;flex-direction:column;justify-content:center}.fs-close-btn{position:absolute;top:28px;right:28px;width:46px;height:46px;border-radius:50%;border:2px solid rgba(35,33,91,.15);background:#fff;color:var(--navy);font-size:24px;cursor:pointer;transition:.3s}.fs-close-btn:hover{background:var(--navy);color:#fff}.fs-title{font-size:clamp(34px,4vw,58px);line-height:1.15;font-weight:700;color:var(--navy);margin:0 0 14px}.fs-subtitle,.fs-title{font-family:Poppins,sans-serif}.fs-subtitle{font-size:20px;color:#555;margin-bottom:34px}.fs-socials{gap:14px;margin-bottom:40px;flex-wrap:wrap}.fs-socials,.fs-socials a{display:flex;align-items:center}.fs-socials a{width:42px;height:42px;border-radius:50%;background:var(--navy);justify-content:center;transition:.3s}.fs-socials a:hover{transform:translateY(-3px);background:var(--orange)}.fs-socials a img{filter:brightness(0) invert(1)}.fs-description{font-size:24px;color:var(--navy);line-height:1.6;font-family:Poppins,sans-serif;margin-bottom:50px}.fs-controls{gap:24px}.fs-control-btn,.fs-controls{display:flex;align-items:center}.fs-control-btn{width:70px;height:70px;border-radius:50%;border:none;background:linear-gradient(180deg,#2f2c72,#23215b);color:#fff;font-size:22px;cursor:pointer;transition:all .3s ease;justify-content:center;line-height:1;padding:0 0 0 2px;text-align:center;box-shadow:0 6px 18px rgba(35,33,91,.22),inset 0 1px 2px hsla(0,0%,100%,.08)}.fs-control-btn:hover{transform:scale(1.03);background:linear-gradient(180deg,#ffcb3b,#fdb703);color:var(--navy)}.fs-main-btn{width:92px;height:92px;background:linear-gradient(180deg,#ffcb3b,#fdb703 55%,#e49b00);color:var(--navy);font-size:34px;line-height:1;padding:0 0 0 4px;letter-spacing:-1px;box-shadow:0 10px 30px rgba(253,183,3,.35),inset 0 2px 3px hsla(0,0%,100%,.35)}.fs-main-btn:hover{background:linear-gradient(180deg,#2f2c72,#23215b);color:#fff}@keyframes fadePopup{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.radio-page{background:url(/radio-bg-tablet.png) 50%/cover no-repeat;padding:170px 16px 35px}.fullscreen-player-overlay{flex-direction:column;overflow-y:auto}.fs-player-time{margin-top:5px}.fullscreen-left{width:100%;min-height:auto;padding:20px 24px 40px;align-items:center;justify-content:center;overflow:visible}.fs-image-wrap{width:100%;max-width:420px;margin:0 auto}.fs-image{width:100%;max-height:48vh;object-fit:contain;border-radius:14px;margin-block:18px}.fs-center-play{width:90px;height:90px;font-size:32px}.fullscreen-right{width:100%;padding:40px 24px 60px;align-items:center;text-align:center}.fs-title{font-size:clamp(28px,6vw,42px);margin-bottom:12px}.fs-subtitle{font-size:16px;margin-bottom:24px}.fs-socials{justify-content:center;margin-bottom:28px}.fs-description{font-size:18px;line-height:1.6;margin-bottom:34px;max-width:500px}.fs-controls{justify-content:center;gap:18px;flex-wrap:wrap}.fs-control-btn{width:62px;height:62px;font-size:22px}.fs-main-btn{width:82px;height:82px;font-size:30px}.fs-back-btn{position:relative;top:unset;left:unset;align-self:flex-start;font-size:14px;z-index:5}.fs-close-btn{display:none}.fs-player-wrapper{gap:10px}.fs-center-play,.fs-progress-ring{width:100px;height:100px}.fs-progress-bg,.fs-progress-fill{stroke-width:3}.fs-center-icon{width:60px;height:60px;font-size:26px}.fs-player-time{font-size:16px}}@media (max-width:700px){.radio-page{background:url(/radio-bg-mobile.png) 50%/cover no-repeat;padding-top:130px}.antenna-stick{transform:rotate(-72deg)}.antenna-round{left:-77px;top:43px}.speaker-layout{flex-direction:column}.playlist-panel,.radio-image-panel{width:100%;flex:unset}.radio-image-panel{min-height:220px}.grille-panel{min-height:50px}.center-panel{flex:unset;width:100%}.big-knob-unit{order:-1}.radio-bottom-strip{justify-content:center;text-align:center}.lcd-inner{flex-wrap:nowrap;align-items:center}.lcd-thumbnail{display:block;width:68px;height:68px;min-width:68px;border-radius:10px;object-fit:cover}.custom-progress::-webkit-slider-thumb{margin-top:-2.5px}.radio-image-panel{min-height:140px;max-height:180px}.radio-side-image{width:100%;height:100%;max-height:180px;object-fit:contain}.radio-top-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}.top-buttons{order:3;flex:0 0 100%;width:100%;margin-top:2px;padding:10px 12px;border-radius:14px;min-height:46px}.fullscreen-left{padding:20px 16px}.fs-image{max-height:44vh}.fs-center-play{width:78px;height:78px;font-size:26px}.fullscreen-right{padding:28px 20px 36px}.fs-title{font-size:28px;line-height:1.3}.fs-subtitle{font-size:15px}.fs-description{font-size:17px;line-height:1.7}.fs-socials{gap:10px;margin-bottom:28px}.fs-socials a{width:38px;height:38px}.fs-control-btn{width:56px;height:56px;font-size:18px}.fs-main-btn{width:74px;height:74px;font-size:28px}.big-knob-icon{font-size:18px}}@media (max-width:480px){.radio-logo{height:clamp(70px,18vw,110px)}.small-knob-label{display:none}.radio-bottom-strip{flex-direction:column;align-items:center}.playlist-right,.share-wrapper{width:80px}.handle-assembly{width:65%}.radio-image-panel{min-height:120px;max-height:150px}.radio-side-image{max-height:150px}.lcd-panel{padding:16px 14px}.lcd-inner{flex-direction:column;align-items:center;text-align:center;gap:14px}.lcd-thumbnail{width:92px;height:92px;min-width:92px;border-radius:14px;object-fit:cover}.lcd-text-block{width:100%}.lcd-artist{font-size:16px;line-height:1.35}.lcd-artist,.lcd-title{white-space:normal;overflow:visible;text-overflow:unset}.lcd-title{margin-top:4px;font-size:11px;line-height:1.4}.lcd-progress-bar{margin-top:12px;width:100%}.custom-progress{min-width:0}.lcd-controls{width:100%;display:flex;align-items:flex-end;justify-content:space-between;margin-top:14px}.lcd-main-controls{display:flex;align-items:center;gap:12px}.lcd-skip-group{display:flex;flex-direction:row;gap:10px}.lcd-play-btn{width:58px;height:58px;font-size:18px}.skip-btn{width:42px;height:32px}.vu-meter{display:flex;align-items:center;justify-content:center}.fs-player-wrapper{gap:8px}.fs-center-play,.fs-progress-ring{width:80px;height:80px}.fs-center-icon{width:48px;height:48px;font-size:20px}.fs-player-time{font-size:14px}}