@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");.radio-player{font-family:Poppins,sans-serif;position:relative;width:300px;height:auto;background:rgba(0,0,0,.8);border-radius:8px;border:0 solid rgba(0,0,0,.8);padding:15px;margin:10px;box-sizing:border-box;box-shadow:-2.82842712474619px 2.8284271247461903px 15px rgba(0,0,0,.2);color:#ffffff;overflow:hidden}.player-content{display:flex;flex-direction:column;flex:1}.album-artwork{width:100%;aspect-ratio:1;position:relative;overflow:hidden}.artwork-image{width:100%;height:100%;object-fit:cover}.artwork-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(51,51,51,.2);color:#ffffff}.time-bar-container{width:100%;padding:5px 0;position:relative}.time-bar{width:100%;height:4px;background:hsla(var(--accent),.2);border-radius:2px;overflow:hidden;position:relative}.time-bar-progress{height:100%;background:hsl(var(--accent));width:0;border-radius:2px;transition:width .1s linear}.time-info{display:flex;justify-content:space-between;padding:5px 0;font-size:12px;color:#ffffff!important;width:100%}.elapsed-time{text-align:left}.duration-time{text-align:right}.station-info{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0}.radio-name{font-size:12px;font-weight:600;color:#ffffff!important;letter-spacing:0;line-height:1.5em;word-spacing:0}.live-container{display:flex;align-items:center;gap:5px}.live-indicator{width:8px;height:8px;border-radius:50%;background:#FF0000;animation:pulse 2s infinite}.live-text{font-size:12px;color:#ffffff!important;letter-spacing:0;line-height:1.5em;word-spacing:0}.song-info{width:100%;padding:15px 0;text-align:center}.song-name{font-size:14px;font-weight:700;margin-bottom:5px}.artist-name,.song-name{color:#ffffff!important;letter-spacing:0;line-height:1.5em;word-spacing:0}.artist-name{font-size:12px;opacity:.8}.controls-container{position:relative;width:100%}.controls{gap:30px;padding:15px 20px}.control-button,.controls{display:flex;align-items:center;justify-content:center}.control-button{background:transparent;border:none;color:#ffffff!important;cursor:pointer;padding:.5rem;font-size:1rem;font-weight:400;box-shadow:-1.414213562373095px 1.4142135623730951px 4px rgba(0,0,0,.2);border-radius:50%;min-width:36px;width:36px;height:36px;aspect-ratio:1;text-transform:none;transition:color .1s ease}.control-button:hover{color:hsl(var(--accent))!important}.volume-bar-container{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(170%,15px);background:rgba(0,0,0,.8);padding:12px 8px;border-radius:8px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:default;height:100px;width:32px;display:flex;align-items:center;justify-content:center}.volume-bar-container:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.8)}.volume-bar-container.show{opacity:1;visibility:visible}.volume-slider{-webkit-appearance:none!important;appearance:none!important;width:80px!important;height:4px!important;background:hsla(var(--accent),.25)!important;border-radius:2px!important;outline:none!important;transform:rotate(-90deg)!important;transform-origin:center!important;margin:0!important;cursor:pointer!important;position:absolute!important;border:none!important;box-shadow:none!important}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:12px!important;height:12px!important;background:hsl(var(--accent))!important;border-radius:50%!important;cursor:pointer!important;transition:transform .2s ease!important;transform-origin:center!important;border:none!important;margin-top:-4px!important;box-shadow:none!important}.volume-slider::-moz-range-thumb{width:12px!important;height:12px!important;background:hsl(var(--accent))!important;border-radius:50%!important;cursor:pointer!important;transition:transform .2s ease!important;transform-origin:center!important;border:none!important;margin-top:-4px!important;box-shadow:none!important}.volume-slider::-webkit-slider-runnable-track{height:4px!important;border-radius:2px!important;background:inherit!important;border:none!important;box-shadow:none!important}.volume-slider::-moz-range-track{height:4px!important;border-radius:2px!important;background:inherit!important;border:none!important;box-shadow:none!important}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)!important}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)!important}.volume-bar-container:hover,.volume-button:hover .volume-bar-container{opacity:1;visibility:visible}.history-modal{z-index:9999}.history-modal,.history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0}.history-modal-overlay{background:rgba(0,0,0,.5);z-index:10000}.history-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);padding:1.45rem;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.15);z-index:10001;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;font-family:Poppins,sans-serif;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.history-modal-content::-webkit-scrollbar{width:6px;height:6px}.history-modal-content::-webkit-scrollbar-track{background:transparent;border-radius:3px}.history-modal-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px;transition:background .2s}.history-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.history-modal-title{font-size:1.125rem;font-weight:600;color:#ffffff!important;margin:0 0 .97rem;padding-right:1.45rem;letter-spacing:0;line-height:1.5em;word-spacing:0}.history-modal-close{position:absolute;top:.97rem;right:.97rem;background:none;border:none;color:#ffffff!important;cursor:pointer;padding:.387rem;display:flex;align-items:center;justify-content:center;border-radius:7px}.history-modal-close:hover{background:rgba(255,255,255,.1)}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;gap:1rem;align-items:center;padding:.5rem;border-radius:8px;transition:background-color .2s}.history-item:hover{background:rgba(255,255,255,.05)}.history-artwork{width:50px;height:50px;border-radius:4px;overflow:hidden;flex-shrink:0}.history-artwork img{width:100%;height:100%;object-fit:cover}.history-song-info{display:flex;flex-direction:column;gap:.25rem}.history-song-title{font-size:.875rem;font-weight:500;color:#ffffff!important}.history-artist-name,.history-song-title{letter-spacing:0;line-height:1.5em;word-spacing:0}.history-artist-name{font-size:.75rem;color:#ffffff99!important}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.radio-player .control-button{padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem}.radio-player .control-button.play-button{width:calc(36px * 1.3);height:calc(36px * 1.3);font-size:1.5rem}.radio-player .control-button .fa-play{margin-left:2px;font-size:inherit}.radio-player .control-button .fa-pause{font-size:inherit}.radio-player.square{position:relative;aspect-ratio:1;height:300px;padding:15px;margin:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.radio-player.square .album-artwork{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;z-index:1}.radio-player.square .album-artwork img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.radio-player.square .artwork-overlay{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.7));z-index:2}.radio-player.square .player-content{position:relative;z-index:3;padding:10px 20px 20px;display:flex;flex-direction:column;gap:15px;height:100%}.radio-player.square .station-info{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:5px}.radio-player.square .radio-name{font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3);color:#ffffff!important;letter-spacing:0;line-height:1.5em;word-spacing:0}.radio-player.square .live-container{display:flex;align-items:center;gap:5px;background:rgba(0,0,0,.3);padding:4px 8px;border-radius:12px;backdrop-filter:blur(4px)}.radio-player.square .live-text{text-shadow:0 1px 2px rgba(0,0,0,.3);color:#ffffff!important;letter-spacing:0;line-height:1.5em;word-spacing:0}.radio-player.square .song-info{padding:0;margin-bottom:20px;text-align:center;margin-top:auto}.radio-player.square .song-name{font-size:16px;margin-bottom:4px}.radio-player.square .artist-name,.radio-player.square .song-name{text-shadow:0 1px 2px rgba(0,0,0,.3);color:#ffffff!important;letter-spacing:0;line-height:1.5em;word-spacing:0}.radio-player.square .artist-name{font-size:14px;opacity:.8}.radio-player.square .controls-container{width:100%;margin-bottom:30px}.radio-player.square .controls{display:flex;align-items:center;justify-content:center;gap:30px;padding:0}.radio-player.square .control-button{text-shadow:0 1px 2px rgba(0,0,0,.3)}.radio-player.square .control-button.play-button{font-size:1.5rem}.radio-player.square .time-bar-container{position:absolute;bottom:0;left:0;padding:0;width:100%;z-index:3}.radio-player.square .time-bar,.radio-player.square .time-bar-progress{border-radius:0}.radio-player.square .time-info{position:absolute;bottom:4px;left:0;width:100%;padding:0 10px;z-index:4;display:flex;justify-content:space-between;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.3);color:#ffffff!important}.radio-player.square .volume-bar-container{bottom:100%;right:0;transform:translate(170%);background:rgba(0,0,0,.8);padding:12px 8px;border-radius:8px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10000;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:default;height:100px;width:32px;display:flex;align-items:center;justify-content:center}