body{font-family:Ubuntu,Roboto;margin:0;padding:0;min-height:100vh;background:linear-gradient(rgba(59,130,246,.35),rgba(139,92,246,.35)),var(--background-image) no-repeat center center fixed;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-attachment:scroll}body.dark-mode .share-modal{background-color:#1f2937;color:#e5e7eb}body.dark-mode .share-modal h2{color:#93c5fd}body.dark-mode .share-links a{color:#e5e7eb}body.dark-mode .share-links a:hover{background-color:rgba(255,255,255,.1)}body.dark-mode .share-modal .close-button{color:#9ca3af}body.dark-mode .share-modal .close-button:hover{color:#e5e7eb}.panel-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(150px);padding:1rem 1.5rem;border-radius:.5rem;color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:3000;transition:transform .4s ease-in-out;text-align:center}.panel-notification.show{transform:translateX(-50%) translateY(0)}.panel-notification.success{background-color:#22c55e}.panel-notification.error{background-color:#ef4444}.update-notification{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(200px);background-color:#2c3e50;color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:2000;transition:transform .5s ease-in-out;display:flex;align-items:center;gap:1rem}.update-notification.show{transform:translateX(-50%) translateY(0)}.update-notification button{background-color:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.3rem;cursor:pointer;transition:background-color .2s}.update-notification button:hover{background-color:#2563eb}.container{width:100%;max-width:1200px;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100vh}.top-section{width:100%;display:flex;justify-content:flex-start}.center-content{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.horizontal-title{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2rem;margin-bottom:2rem}.horizontal-title span{animation:fadeIn 1s ease-out}.horizontal-title span:first-child{font-weight:400}.horizontal-title span:last-child{font-weight:700}h1{font-weight:700;margin-bottom:2rem}.social-links{display:flex;gap:1rem;position:fixed;bottom:calc(6rem - 4px);left:2rem;width:auto;padding:0;align-self:flex-start;visibility:visible!important}.social-links .social-icon{color:#fff;text-decoration:none;transition:transform .3s ease,color .3s ease;visibility:visible!important}.social-links .social-icon i{visibility:visible!important}.social-icon:hover{transform:scale(1.2) rotate(5deg);color:#ef4444}.social-links .social-icon:last-child i[data-lucide=message-circle]{color:#25d366}.player-controls{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.station-info{display:flex;align-items:center;gap:1rem}.station-info img{width:48px;height:48px;border-radius:.25rem}.station-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.live-indicator{font-size:.875rem;color:#ef4444;animation:pulse 1.5s infinite;display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;font-weight:700;letter-spacing:1px}.live-indicator.alternative{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.2));border:1px solid rgba(239,68,68,.3);border-radius:1rem;padding:.35rem .75rem;gap:.4rem;position:relative;animation:live-glow 2s ease-in-out infinite;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(239,68,68,.2);font-weight:600;font-size:.75rem;letter-spacing:.5px}.live-indicator.alternative .live-dot{width:8px;height:8px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;animation:pulse-dot 1.5s infinite;box-shadow:0 0 6px rgba(239,68,68,.6)}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@keyframes live-glow{0%,100%{box-shadow:0 2px 8px rgba(239,68,68,.2),0 0 0 0 rgba(239,68,68,.4);border-color:rgba(239,68,68,.3)}50%{box-shadow:0 4px 12px rgba(239,68,68,.4),0 0 20px rgba(239,68,68,.3);border-color:rgba(239,68,68,.5)}}@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.playback-controls{display:flex;gap:1rem;align-items:center;justify-content:center;flex-grow:1}.playback-controls button{background:0 0;border:none;cursor:pointer;padding:.5rem;color:#3b82f6;transition:color .3s ease,transform .3s ease}.playback-controls button:hover{color:#8b5cf6;transform:scale(1.1)}#playPauseButton{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px rgba(59,130,246,.3);transition:transform .3s ease,box-shadow .3s ease}#playPauseButton:hover{transform:scale(1.05);box-shadow:0 6px 8px rgba(59,130,246,.4)}.extra-controls{display:flex;align-items:center;gap:1rem}#likeButton{background:0 0;border:none;cursor:pointer;color:#ef4444}.volume-control{display:flex;align-items:center;gap:.5rem}#volumePercentage{font-size:.875rem;color:#6b7280;min-width:40px;text-align:right}#volumeSlider{width:80px}.player-controls .station-info{flex:1}.player-controls .extra-controls{flex:1;display:flex;justify-content:flex-end}button:disabled{opacity:.5;cursor:not-allowed}.liked{color:#ef4444;fill:#ef4444}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes backgroundMovement{0%,100%{background-size:100% 100%}50%{background-size:110% 110%}}.song-title{margin-top:2rem;height:auto;min-height:1.5rem;display:block;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;text-align:center;max-width:80%;margin-left:auto;margin-right:auto;overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word;transition:opacity .3s ease,font-size .3s ease}.song-title.long-title{font-size:1rem}.song-title.title-update{opacity:0;transition:opacity .3s ease}.app-download-buttons{position:fixed;bottom:6rem;right:1rem;display:flex;gap:.75rem;z-index:10}.download-button{display:flex;align-items:center;background-color:#fff;color:#000;text-decoration:none;padding:.4rem .8rem;border-radius:.4rem;transition:all .3s ease;box-shadow:0 3px 5px rgba(0,0,0,.1)}.download-button:hover{transform:scale(1.03);box-shadow:0 4px 6px rgba(0,0,0,.15)}.download-button i{font-size:1.5rem;margin-right:.5rem}.download-button .button-text{display:flex;flex-direction:column}.download-button small{font-size:.6rem;text-transform:uppercase;opacity:.7;line-height:1}.download-button span{font-weight:700;font-size:.9rem;line-height:1}.play-store i{color:#2196f3}.app-store i{color:#333}.current-date-time{position:absolute;text-align:right;color:#fff;font-size:.9rem;display:flex;flex-direction:column}.current-date-time-left{top:1rem;left:1rem;right:auto;text-align:left}.share-button{position:relative}.share-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.share-modal{background-color:#fff;border-radius:1rem;padding:2rem;width:90%;max-width:400px;text-align:center;transform:scale(.7);opacity:0;transition:transform .3s ease,opacity .3s ease}.share-overlay.visible{opacity:1;visibility:visible}.share-overlay.visible .share-modal{transform:scale(1);opacity:1}.share-modal h2{margin-bottom:1rem;color:#3b82f6}.share-links{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.share-links a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;transition:transform .3s ease;padding:1rem;border-radius:.5rem}.share-links a:hover{transform:scale(1.1);background-color:rgba(0,0,0,.05)}.share-links a i{font-size:2rem;margin-bottom:.5rem}.share-links .bi-whatsapp{color:#25d366}.share-links .bi-facebook{color:#1877f2}.share-links .bi-twitter{color:#1da1f2}.share-modal .close-button{background:0 0;border:none;color:#ef4444;font-size:1.5rem;position:absolute;top:1rem;right:1rem;cursor:pointer;transition:transform .3s ease}.share-modal .close-button:hover{transform:rotate(90deg)}.visualizer{display:flex;align-items:flex-end;justify-content:center;height:35%;position:absolute;bottom:0;overflow:hidden;opacity:.6;z-index:0}.fake-bar{height:10%;transition:height .2s ease;will-change:height}@keyframes equalizer{0%{height:20%}50%{height:90%}100%{height:20%}}.visualizer.is-playing .fake-bar{animation:equalizer 1.2s infinite ease-in-out alternate}.visualizer.type-liquido{gap:-5px;width:120%;left:-10%;filter:url(#gooey)}.visualizer.type-liquido .fake-bar{width:40px;margin:0 -10px;border-radius:50% 50% 0 0}.visualizer.type-barras{gap:4px;width:100%;left:0}.visualizer.type-barras .fake-bar{width:15px;border-radius:4px 4px 0 0;opacity:.8}.visualizer.type-lineas{gap:6px;width:100%;left:0}.visualizer.type-lineas .fake-bar{width:3px;border-radius:2px;opacity:.9}@media (max-width:768px){body{background-size:cover;background-position:center center;background-attachment:scroll}.app-download-buttons{position:static;display:flex;justify-content:center;width:100%;margin-top:1rem;bottom:auto;right:auto}.download-button{padding:.3rem .6rem}.download-button i{font-size:1.2rem;margin-right:.3rem}.download-button small{font-size:.5rem}.download-button span{font-size:.7rem}.player-controls{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;gap:1rem}.station-info{flex-direction:row;align-items:center;gap:1rem;flex:1}.station-info img{margin-bottom:0}.playback-controls{order:0;flex:1;justify-content:center}.extra-controls{order:0;flex:1;justify-content:flex-end}.player-controls .extra-controls,.player-controls .station-info{flex:1}.social-links{position:fixed;bottom:calc(6rem - 4px);left:2rem;width:auto;display:flex;gap:1rem;z-index:20}.social-icon{color:#fff;opacity:1}.song-title{font-size:1rem}.song-title.long-title{font-size:.9rem}}@media (max-width:480px){.player-controls{padding:.5rem;gap:.5rem}.station-info{gap:.5rem}.station-info img{width:36px;height:36px}.station-name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.live-indicator{font-size:.7rem}.playback-controls button{padding:.2rem}#playPauseButton{width:2.5rem;height:2.5rem}.app-download-buttons{flex-direction:row;bottom:5.5rem;right:.5rem;gap:.5rem;position:static;margin-top:.5rem}.download-button{flex-direction:row;align-items:center;padding:.3rem .6rem;gap:.5rem}.download-button i{font-size:1.2rem;margin-right:.3rem}.download-button .button-text{flex-direction:column;align-items:flex-start}.download-button small{font-size:.5rem}.download-button span{font-size:.7rem}.social-links{position:fixed;bottom:calc(5rem - 4px);left:1rem;gap:.75rem;display:flex!important;opacity:1!important;width:auto;z-index:20;visibility:visible!important}.social-links .social-icon{transform:scale(1);color:#fff!important;opacity:1!important;display:flex!important;align-items:center}.social-links .social-icon i{color:#fff!important;opacity:1!important;visibility:visible!important;display:flex!important}.current-date-time-left{top:.5rem;left:.5rem;font-size:.8rem}.song-title{font-size:.9rem}.song-title.long-title{font-size:.8rem}}@media (max-width:360px){.app-download-buttons{gap:.4rem}.download-button{padding:.25rem .5rem}.download-button i{font-size:1.1rem;margin-right:.2rem}.download-button small{font-size:.45rem}.download-button span{font-size:.65rem}.song-title{font-size:.8rem}.song-title.long-title{font-size:.7rem}}body.dark-mode{background:linear-gradient(rgba(31,41,55,.35),rgba(17,24,39,.35)),var(--background-image) no-repeat center center fixed;background-size:cover;color:#e5e7eb}body.dark-mode .player-controls{background-color:#1f2937;color:#e5e7eb}body.dark-mode .station-name{color:#fff}body.dark-mode .live-indicator{color:#ef4444}body.dark-mode .playback-controls i,body.dark-mode .volume-control i{color:#e5e7eb}body.dark-mode #volumePercentage{color:#9ca3af}body.dark-mode .social-icon{color:#e5e7eb}body.dark-mode .download-button{background-color:#374151;color:#e5e7eb}body.dark-mode .download-button i.bi-apple,body.dark-mode .download-button i.bi-google-play{color:#fff}body.dark-mode .social-links .social-icon,body.dark-mode .social-links .social-icon i{color:#e5e7eb!important;opacity:1!important}body.dark-mode .playback-controls button{color:#93c5fd}body.dark-mode .playback-controls button:hover{color:#a78bfa}body.dark-mode .chat-container{background-color:#1f2937;color:#e5e7eb}body.dark-mode .chat-input{border-top:1px solid #374151}body.dark-mode .chat-input input{background-color:#374151;border:1px solid #4b5563;color:#e5e7eb}body.dark-mode .message.received{background-color:#374151;color:#e5e7eb}body.dark-mode .song-title{color:#e5e7eb}.theme-toggle{position:fixed;top:1rem;right:1rem;background:0 0;border:none;cursor:pointer;color:#fff;z-index:50;transition:transform .3s ease}.theme-toggle:hover{transform:rotate(180deg)}body.dark-mode .theme-toggle{color:#f3f4f6}@media (max-width:768px){.theme-toggle{top:.5rem;right:.5rem}}.ios-standalone{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.ios-standalone .container{padding-top:calc(2rem + env(safe-area-inset-top))}.ios-standalone .current-date-time-left{top:calc(1rem + env(safe-area-inset-top))}.ios-standalone .theme-toggle{top:calc(1rem + env(safe-area-inset-top))}input[type=range]{font-size:16px}.download-button,.social-icon,button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.branding-link{position:absolute;right:15px;bottom:5px;z-index:4}.branding-link a{color:#4a8cca;opacity:.5;font-size:10px;text-decoration:none;transition:opacity .2s}.branding-link a:hover{opacity:5}.eq-modal-content{position:relative!important;padding-bottom:2.5rem}.branding-link-2{position:absolute;bottom:.4rem;right:1.2rem;font-size:.7rem;font-weight:600;color:#9ca3af;text-decoration:none;letter-spacing:.5px;opacity:.7;transition:all .3s ease;z-index:10}.branding-link-2:hover{opacity:1;color:#3b82f6;transform:translateY(-1px)}body.dark-mode .branding-link-2{color:#4b5563}body.dark-mode .branding-link-2:hover{color:#60a5fa}@media (max-width:480px){.branding-link-2{bottom:.6rem;right:1rem;font-size:.65rem}}.visualizer{position:fixed;bottom:4rem;left:0;width:100%;height:35vh;z-index:1;pointer-events:none;display:flex;align-items:flex-end;justify-content:space-around;opacity:.4}.visualizer canvas{width:100%;height:100%}.visualizer-filter{display:none}@media (max-width:768px){.visualizer{bottom:3.5rem}}.player-controls{z-index:20;position:fixed}#bgVideo{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-2;transform:translateX(-50%) translateY(-50%);object-fit:cover;background-size:cover}body{background-color:transparent}@keyframes spin{100%{transform:rotate(360deg)}}.lucide-spin{animation:spin 2s linear infinite}@media (max-width:768px){#nextButton,#prevButton{display:none!important}}.sleep-timer-container{position:relative;display:flex;align-items:center}.sleep-timer-menu{position:fixed!important;bottom:85px;right:20px;left:auto!important;z-index:3500!important;background-color:rgba(255,255,255,.98);border:1px solid #e5e7eb;box-shadow:0 10px 25px rgba(0,0,0,.15);backdrop-filter:blur(10px);border-radius:.75rem;padding:.5rem;display:none;flex-direction:column;gap:.25rem;min-width:160px;opacity:0;transform:translateY(10px);transition:all .3s ease}.sleep-timer-menu.show{display:flex;opacity:1;transform:translateY(0)}@media (max-width:768px){.sleep-timer-menu{bottom:75px;right:15px;width:240px}}.sleep-timer-header{color:#374151;border-bottom:1px solid #e5e7eb;font-size:.8rem;text-align:center;padding-bottom:.5rem;margin-bottom:.25rem}.sleep-option{background:0 0;color:#4b5563;border:none;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.9rem}.sleep-option:hover{background:#f3f4f6;color:#3b82f6}#sleepTimerButton.timer-active{color:#3b82f6;position:relative}#sleepTimerButton.timer-active::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#ef4444;border-radius:50%}body.dark-mode .sleep-timer-menu{background-color:rgba(31,41,55,.98);border:1px solid #374151;box-shadow:0 10px 25px rgba(0,0,0,.5)}body.dark-mode .sleep-timer-header{color:#e5e7eb;border-bottom:1px solid #374151}body.dark-mode .sleep-option{color:#d1d5db}body.dark-mode .sleep-option:hover{background:#374151;color:#93c5fd}body.dark-mode .sleep-option.cancel-timer{color:#f87171!important}.extra-controls button#sleepTimerButton{appearance:none!important;-webkit-appearance:none!important;background:0 0!important;background-color:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;color:#3b82f6!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,color .2s}.extra-controls button#sleepTimerButton:hover{transform:scale(1.1);color:#2563eb!important}body.dark-mode .extra-controls button#sleepTimerButton{color:#60a5fa!important}@media (max-width:768px){.sleep-timer-menu{left:auto!important;right:10px!important;transform:translateY(10px)!important;width:200px}.sleep-timer-menu.show{transform:translateY(0)!important}}