/* VOXSTREAM.COM.BR - Streaming Profissional * Copyright (c) 2026 Cristiano de Oliveira (wa.me/voxstream) */
#radio-player,#radio-player *,#radio-player ::before,#radio-player ::after{box-sizing:border-box}#radio-player{font-family:'Segoe UI',system-ui,sans-serif;margin:0;padding:0;--glass-bg-dark:#0f0f198c;--glass-bg-light:#ffffff8c;--glass-border:#ffffff26;--glass-shadow:0 8px 32px #00000059;--blur:saturate(180%) blur(22px);--accent:#7c6ff7;--accent2:#f06292;--text-dark:#e8e8f0;--text-light:#1a1a2e;--sub-dark:#c8c8e699;--sub-light:#1e1e3c8c;--ads-bg-dark:#ffffff0d;--ads-bg-light:#0000000f;--player-height:80px}#radio-player[data-theme="dark"]{--glass-bg:var(--glass-bg-dark);--text-color:var(--text-dark);--sub-color:var(--sub-dark);--ads-bg:var(--ads-bg-dark)}#radio-player[data-theme="light"]{--glass-bg:var(--glass-bg-light);--text-color:var(--text-light);--sub-color:var(--sub-light);--ads-bg:var(--ads-bg-light)}#radio-player{position:relative;width:100%;background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);overflow:hidden;display:flex;flex-direction:column}#radio-player::before{content:'';position:absolute;inset:-60%;background:conic-gradient(from 0deg at 30% 50%,var(--accent) 0%,transparent 25%,var(--accent2) 50%,transparent 75%,var(--accent) 100%);opacity:.18;animation:liquidRotate 12s linear infinite;border-radius:50%;pointer-events:none;z-index:0}#radio-player[data-theme="light"]::before{opacity:.1}@keyframes liquidRotate{to{transform:rotate(360deg)}}#radio-player::after{content:'';position:absolute;width:300px;height:300px;top:-120px;right:10%;background:radial-gradient(circle,var(--accent2) 0%,transparent 70%);opacity:.12;animation:blobFloat 8s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes blobFloat{from{transform:translateY(0) scale(1)}to{transform:translateY(30px) scale(1.15)}}#vizCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.35;cursor:pointer;transition:opacity .4s}#vizCanvas.hidden{opacity:0;pointer-events:none}#radio-player[data-theme="light"] #vizCanvas{opacity:.22}.player-main{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:10px 20px;min-height:var(--player-height)}.album-art{flex-shrink:0;width:56px;height:56px;border-radius:8px;overflow:hidden;background:#ffffff14;border:1px solid var(--glass-border);position:relative}.album-art img{width:100%;height:100%;object-fit:cover;transition:opacity .4s}.album-art.loading img{opacity:.3}.album-art .spinner{display:none;position:absolute;inset:0;align-items:center;justify-content:center}.album-art.loading .spinner{display:flex}.spinner svg{animation:spin 1s linear infinite;opacity:.5}@keyframes spin{to{transform:rotate(360deg)}}.track-info{flex:1;min-width:0}.track-title{color:var(--text-color);font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-next{color:var(--sub-color);font-size:.72rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-badge{display:inline-flex;align-items:center;gap:5px;background:#ff3c3c33;border:1px solid #ff505066;color:#ff6060;font-size:.62rem;font-weight:700;letter-spacing:.08em;padding:1px 7px;border-radius:20px;margin-left:8px;vertical-align:middle}.live-badge .dot{width:5px;height:5px;border-radius:50%;background:#ff4040;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(0.7)}}.controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-play{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #7c6ff766;transition:transform 0.15s,box-shadow .15s;flex-shrink:0}.btn-play:hover{transform:scale(1.08);box-shadow:0 6px 28px #7c6ff799}.btn-play:active{transform:scale(0.95)}.btn-play.loading-state{animation:pulseBorder 1s ease-in-out infinite}@keyframes pulseBorder{0%,100%{box-shadow:0 4px 20px #7c6ff766}50%{box-shadow:0 4px 30px #7c6ff7e6}}.volume-wrap{display:flex;align-items:center;gap:6px}.btn-icon{background:none;border:none;color:var(--sub-color);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color 0.2s,background .2s}.btn-icon:hover{color:var(--text-color);background:#ffffff14}input[type="range"]{-webkit-appearance:none;appearance:none;width:80px;height:4px;border-radius:4px;background:#ffffff26;outline:none;cursor:pointer}#radio-player[data-theme="light"] input[type="range"]{background:#0000001f}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));cursor:pointer;box-shadow:0 0 6px #7c6ff780}.btn-icon-sq{background:#ffffff12;border:1px solid var(--glass-border);color:var(--sub-color);cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background 0.2s,color 0.2s,border-color .2s;flex-shrink:0}.btn-icon-sq:hover{background:#ffffff24;color:var(--text-color)}.btn-icon-sq.active{color:var(--accent);border-color:var(--accent);background:#7c6ff71f}.btn-icon-sq svg{width:16px;height:16px;fill:currentColor}.share-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-share{width:32px;height:32px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,transform .15s;text-decoration:none}.btn-share:hover{background:#ffffff24;transform:translateY(-1px)}.btn-share svg{width:16px;height:16px;fill:currentColor}.btn-theme{background:none;border:none;color:var(--text-color);padding:3px;border-radius:15px;font-size:.7rem;cursor:pointer;white-space:nowrap;transition:background .2s}.btn-theme:hover{background:#ffffff1a}.history-bar{position:relative;z-index:2;border-top:1px solid var(--glass-border);background:var(--ads-bg);overflow:hidden;max-height:0;transition:max-height .4s cubic-bezier(0.4,0,0.2,1)}.history-bar.open{max-height:130px}.history-inner{display:flex;align-items:center;padding:8px 16px;gap:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.history-inner::-webkit-scrollbar{height:3px}.history-inner::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.history-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--sub-color);text-transform:uppercase;white-space:nowrap;flex-shrink:0;margin-right:14px}.history-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;width:68px;margin-right:10px;opacity:0;animation:fadeSlideIn .35s forwards}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.history-thumb{width:46px;height:46px;border-radius:6px;object-fit:cover;border:1px solid var(--glass-border);background:#ffffff0f}.history-song{font-size:.58rem;color:var(--sub-color);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.3}.history-time{font-size:.52rem;color:var(--sub-color);opacity:.55}.history-empty{font-size:.7rem;color:var(--sub-color);opacity:.5;padding:8px 0}.ads-bar{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:6px 20px;background:var(--ads-bg);border-top:1px solid var(--glass-border);overflow-x:auto;scrollbar-width:none}.ads-bar::-webkit-scrollbar{display:none}.ads-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--sub-color);white-space:nowrap;text-transform:uppercase;flex-shrink:0}.ads-links{display:flex;gap:8px;align-items:center}.ads-link{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:20px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-color);font-size:.7rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background 0.2s,border-color .2s}.ads-link:hover{background:#7c6ff733;border-color:var(--accent)}.ads-link svg{width:12px;height:12px;fill:currentColor;opacity:.7}@media (max-width: 768px){.share-group .btn-theme{display:none}}@media (max-width: 600px){.player-main{padding:10px 12px;gap:8px}input[type="range"]{width:55px}.share-group{gap:4px}.btn-play{width:42px;height:42px}.album-art{width:46px;height:46px}}@media (max-width: 480px){.volume-wrap{display:none}.share-group .btn-share:nth-child(n+3){display:none}}
.ads-bar{display:none;}