@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:#000;font-family:Inter,system-ui,sans-serif;overflow:hidden}.root{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080808}.bg-blur{position:absolute;inset:-80px;background-size:cover;background-position:center;filter:blur(80px) saturate(2) brightness(.28);transform:scale(1.15);transition:background-image 1.8s ease;z-index:0}.bg-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#00000059,#000000c7);z-index:1}.card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;width:min(380px,min(90vw,85vh));background:#0c0c0eb3;border:1px solid rgba(255,255,255,.09);border-radius:24px;overflow:hidden;backdrop-filter:blur(32px) saturate(1.7);-webkit-backdrop-filter:blur(32px) saturate(1.7);box-shadow:0 0 0 1px #ffffff0a inset,0 40px 100px #000000bf,0 0 60px #b4000014}.art-section{position:relative;width:100%;aspect-ratio:1;flex-shrink:0;overflow:hidden;background:#0a0a0a}.art-section-bg{position:absolute;inset:-10px;background-size:cover;background-position:center;filter:blur(8px) brightness(.5);transform:scale(1.05);transition:background-image 1.2s ease}.art-section-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000 60%,#0c0c0ee6);z-index:1}.art-img-wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:20px}.art-img{width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 12px 48px #000000b3;transition:transform .5s cubic-bezier(.34,1.4,.64,1)}.art-img.playing{transform:scale(1.04)}.art-logo{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 4px 24px rgba(180,0,0,.3))}.info-section{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:18px 22px 20px;border-top:1px solid rgba(255,255,255,.06)}.station-row{display:flex;align-items:center;justify-content:space-between}.station-left{display:flex;align-items:center;gap:8px}.station-chip{width:28px;height:28px;border-radius:6px;object-fit:contain;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);padding:3px;flex-shrink:0}.station-name{font-size:12px;font-weight:700;color:#fff;letter-spacing:.02em}.live-badge{display:inline-flex;align-items:center;gap:4px;background:#c800002e;border:1px solid rgba(200,0,0,.4);border-radius:100px;padding:3px 8px 3px 5px;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e60000}.live-dot{width:6px;height:6px;border-radius:50%;background:#e60000;flex-shrink:0}.live-dot.pulse{animation:livePulse 1.4s ease-in-out infinite}@keyframes livePulse{0%{box-shadow:0 0 #dc0000d9}70%{box-shadow:0 0 0 8px #dc000000}to{box-shadow:0 0 #dc000000}}.track-wrap{display:flex;flex-direction:column;gap:5px;min-width:0}.song-title{font-size:clamp(17px,5vw,22px);font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em;line-height:1.2}.song-artist{font-size:clamp(13px,3.5vw,15px);font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eq{display:flex;align-items:flex-end;gap:3px;height:20px}.eq-b{display:block;width:5px;background:linear-gradient(to top,#a00,#e60000);border-radius:3px 3px 1px 1px;animation:eqAnim .65s ease-in-out infinite alternate;min-height:3px}@keyframes eqAnim{0%{height:3px;opacity:.45}to{height:18px;opacity:1}}.controls{display:flex;align-items:center;gap:14px}.play-btn{width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c00,#e60000);box-shadow:0 6px 26px #c8000099;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;position:relative}.play-btn:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(200,0,0,0);transition:border-color .3s}.play-btn.active:before{border-color:#c8000066;animation:ringPulse 2s ease-in-out infinite}@keyframes ringPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.22);opacity:0}}.play-btn:hover{transform:scale(1.1);box-shadow:0 8px 34px #c80000bf}.play-btn:active{transform:scale(.92)}.play-btn.loading{background:#ffffff14;box-shadow:none;cursor:default}.btn-ico{width:22px;height:22px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vol-wrap{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.vol-ico{width:17px;height:17px;flex-shrink:0}.vol-track{flex:1;position:relative;height:4px;background:#ffffff1f;border-radius:4px;cursor:pointer}.vol-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#c00,#e60000);border-radius:4px;pointer-events:none;transition:width .05s}.vol-input{position:absolute;inset:-10px 0;width:100%;height:calc(100% + 20px);opacity:0;cursor:pointer;margin:0}.vol-num{font-size:11px;font-weight:600;color:#fff;width:24px;text-align:right;flex-shrink:0}