.player-container{position:relative;max-width:760px;width:100%;margin:0 auto;background:#000;border-radius:8px;overflow:visible;box-shadow:0 4px 20px #00000080;z-index:9000}.player-close-btn{position:absolute;top:-40px;right:0;background:#516d7899;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:none;align-items:center;justify-content:center;transition:background .2s;z-index:20}.player-close-btn:hover{background:#516d78e5}body.has-player-mini .player-close-btn{display:flex}.player-media{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:8px 8px 0 0;overflow:hidden}.player-media #youtube-player,.player-media iframe{position:absolute;top:0;left:0;width:100%;height:100%}.player-media-thumb{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.player-media-thumb .thumb-image{width:100%;height:100%;object-fit:cover}.player-media.is-playing .player-media-thumb,.player-media.is-playing .player-overlay{display:none}.player-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0006;z-index:2;cursor:pointer}.play-overlay-btn{background:#ffffffe6;border:none;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background .2s;color:#333}.play-overlay-btn:hover{transform:scale(1.1);background:#fff}.play-overlay-btn svg{margin-left:4px}.player-controls{background:#122d39;padding:0;border-radius:0 0 8px 8px}.player-progressbar{position:relative;height:6px;background:#404040;cursor:pointer;transform-origin:center;transition:transform .1s ease}.player-progressbar:hover{transform:scaleY(1)}.player-progressbar:not(:hover){transform:scaleY(.67)}.progressbar-loaded{position:absolute;top:0;left:0;height:100%;background:#606060;width:0%;pointer-events:none}.progressbar-played{position:absolute;top:0;left:0;height:100%;background:red;width:0%;pointer-events:none}.progressbar-slider{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;-webkit-appearance:none}.player-controls-inner{display:flex;align-items:center;padding:8px 12px;gap:8px}.player-container .control-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s;opacity:.8;flex-shrink:0;min-width:0}.player-container .control-btn:hover{background:#ffffff1a;opacity:1}.player-container .control-btn.is-active{color:red;opacity:1}.player-container .control-btn.is-hidden{display:none}.player-container .play-btn{padding:4px}.player-container .play-btn .icon-pause,.player-container.is-playing .play-btn .icon-play{display:none}.player-container.is-playing .play-btn .icon-pause{display:block}.player-container .controls-left{display:flex;align-items:center;gap:4px;flex-shrink:0}.player-container .controls-right{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.player-container .controls-volume{display:flex;align-items:center;gap:4px}.player-container .volume-slider-container{width:0;overflow:hidden;transition:width .2s;display:flex;align-items:center;position:relative}.player-container .volume-slider-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;background:#fff;border-radius:2px 0 0 2px;width:100%;pointer-events:none;z-index:1}.player-container .volume-slider-container:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:80px;height:4px;background:#404040;border-radius:2px;pointer-events:none;z-index:0}.player-container .controls-volume:hover .volume-slider-container{width:80px}.player-container .volume-slider{width:80px;height:24px;-webkit-appearance:none;background:transparent;cursor:pointer;margin:0;padding:0;position:relative;z-index:2}.player-container .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d;position:relative;z-index:10;margin-top:-4px;transition:transform .1s,box-shadow .1s}.player-container .volume-slider:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 2px 6px #0006}.player-container .volume-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;cursor:pointer;background:transparent}.player-container .volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d;transition:transform .1s,box-shadow .1s}.player-container .volume-slider:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 2px 6px #0006}.player-container .volume-slider::-moz-range-track{height:4px;background:transparent;border-radius:2px}.player-container .volume-slider::-moz-range-progress{height:4px;background:transparent;border-radius:2px}.player-container #volumeBtn .icon-volume-low,.player-container #volumeBtn .icon-volume-mute,.player-container.is-muted #volumeBtn .icon-volume-high,.player-container.is-muted #volumeBtn .icon-volume-low{display:none}.player-container.is-muted #volumeBtn .icon-volume-mute{display:block}.player-container.is-low-volume #volumeBtn .icon-volume-high{display:none}.player-container.is-low-volume #volumeBtn .icon-volume-low{display:block}.player-container .controls-time{color:#aaa;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:8px}.player-container .time-separator{margin:0 4px}.player-container #repeatBtn .icon-repeat-one,.player-container #repeatBtn.is-repeat-one .icon-repeat{display:none}.player-container #repeatBtn.is-repeat-one .icon-repeat-one{display:block}.player-container .controls-separator{width:1px;height:20px;background:#404040;margin:0 4px}.player-container .controls-separator.is-hidden,.player-container #fullscreenBtn .icon-fullscreen-off,.player-container.is-fullscreen #fullscreenBtn .icon-fullscreen-on{display:none}.player-container.is-fullscreen #fullscreenBtn .icon-fullscreen-off{display:block}.player-container.is-fullscreen #fullscreenBtn+.controls-separator{display:none}.player-container.is-normal-size #normalBtn{display:none}.player-container.is-min-size{max-width:400px;position:fixed;bottom:20px;right:20px;z-index:10001;border-radius:8px;box-shadow:0 8px 32px #0009;transition:bottom .3s ease-in-out}.player-container.is-min-size.has-playlist-open{bottom:320px}.player-container.is-min-size .player-controls-inner{padding:4px 8px}.player-container.is-min-size .controls-time,.player-container.is-min-size .controls-separator,.player-container.is-min-size #miniBtn,.player-container #closeMiniPlayer{display:none}.player-container.is-min-size #closeMiniPlayer{display:flex}html:has(.player-container.is-fullscreen){scrollbar-gutter:auto!important}.player-container.is-fullscreen{position:fixed;top:0;left:0;max-width:none;width:100vw;height:100vh;z-index:99999;border-radius:0}.player-container.is-fullscreen .player-media{height:calc(100% - 52px);padding-top:0}.player-container.is-fullscreen .player-controls{position:absolute;bottom:0;left:0;right:0}.player-playlist{position:absolute;left:0;right:0;top:100%;max-height:0;background:#1a343f;overflow:hidden;transition:max-height .3s ease-in-out;z-index:10;display:flex;flex-direction:column;border-radius:0 0 8px 8px;box-shadow:0 4px 20px #00000080}.player-container.has-playlist-open .player-playlist{max-height:300px}.player-playlist-list{flex:1;overflow-y:auto;overflow-x:hidden}.player-playlist-list::-webkit-scrollbar{width:6px}.player-playlist-list::-webkit-scrollbar-track{background:#1a1a1a}.player-playlist-list::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.player-playlist-list::-webkit-scrollbar-thumb:hover{background:#606060}.player-list{list-style:none;margin:0;padding:0}.player-list>li{margin:0;padding:0}.player-playlist-item{display:flex;align-items:center;padding:10px 16px;gap:12px;cursor:pointer;transition:background .2s;font-size:14px;color:#888;position:relative}.player-playlist-item:hover{background:#2c5364}.player-playlist-item.is-active{background:#22424d;color:#fff}.player-playlist-item-number{width:20px;text-align:right;flex-shrink:0;color:#666}.player-playlist-item-thumb{width:50px;height:38px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#0d1f26}.player-playlist-item-indicator{display:none;color:#fff;font-size:10px;flex-shrink:0;width:12px}.player-playlist-item.is-active .player-playlist-item-indicator{display:block}.player-playlist-item.is-active .player-playlist-item-number{color:#fff}.player-playlist-item-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-playlist-item-artist{color:#fff;font-weight:500}.player-playlist-item-separator{color:#666;margin:0 2px}.player-playlist-item-title{color:inherit}.player-container #playlistBtn.is-active{color:red;opacity:1}.player-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001;opacity:0;pointer-events:none;transition:opacity .2s ease}.player-overlay-backdrop.is-visible{opacity:1;pointer-events:auto}body.has-player-overlay .player-container{--player-top: max(50px, 8vh);--player-controls: 52px;--player-margin: 20px;--player-playlist: 300px;position:fixed;top:var(--player-top);left:50%;transform:translate(-50%);z-index:10002;max-width:min(760px,calc((100vh - var(--player-top) - var(--player-controls) - var(--player-margin) - var(--player-playlist)) * 16 / 9));width:calc(100% - 40px)}.player-wrapper{position:fixed;top:8vh;left:50%;transform:translate(-50%);width:100%;max-width:760px;padding:20px;z-index:10002;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}body.has-player-overlay .player-wrapper{opacity:1;pointer-events:auto}body.has-player-mini .player-wrapper{top:auto;left:auto;bottom:20px;right:20px;transform:none;max-width:400px;padding:0;opacity:1;pointer-events:auto}.player-overlay-close{position:absolute;top:-45px;right:0;background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:none;align-items:center;justify-content:center;transition:background .2s;z-index:10}body.has-player-overlay .player-overlay-close{display:flex}.player-overlay-close:hover{background:#fff3}@media (max-height: 700px){body.has-player-overlay .player-container{--player-top: max(50px, 4vh);--player-playlist: 200px}body.has-player-overlay .player-container.has-playlist-open .player-playlist{max-height:200px}body.has-player-overlay .player-container .controls-time{display:none}}@media (max-height: 550px){body.has-player-overlay .player-container{--player-top: max(50px, 2vh);--player-playlist: 150px}body.has-player-overlay .player-container.has-playlist-open .player-playlist{max-height:150px}body.has-player-overlay .player-container #shuffleBtn,body.has-player-overlay .player-container #repeatBtn{display:none}body.has-player-overlay .player-container .controls-volume .volume-slider-container{display:none!important}body.has-player-overlay .player-container #miniBtn{display:none}body.has-player-overlay .player-container .player-controls-inner{padding:6px 8px}}@media (max-width: 480px){.player-container{border-radius:0}.player-controls-inner{padding:6px 8px}.player-container .controls-volume .volume-slider-container{display:none!important}.player-container .controls-volume:hover .volume-slider-container{width:0!important}.player-container .controls-time,.player-container #miniBtn,.player-container #shuffleBtn,.player-container #repeatBtn{display:none}.player-container.is-min-size{max-width:100%;bottom:0;right:0;border-radius:0}}