.cp-player{border-radius:var(--radius);aspect-ratio:16/9;-webkit-user-select:none;user-select:none;background:#000;width:100%;max-height:80vh;position:relative;overflow:hidden}.cp-player video{cursor:pointer;width:100%;height:100%;display:block}.cp-player video::-webkit-media-controls{display:none!important}.cp-controls{opacity:1;z-index:10;background:linear-gradient(#0000,#000c 40%);flex-direction:column;gap:2px;padding:0 10px 6px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.cp-player.cp-hide .cp-controls,.cp-player.cp-hide .cp-center-overlay,.cp-player.cp-hide.cp-paused .cp-center-overlay,.cp-player.cp-hide .cp-center-overlay.cp-visible{opacity:0!important;pointer-events:none!important}.cp-progress{cursor:pointer;align-items:center;width:100%;height:16px;padding:5px 0;display:flex;position:relative}.cp-progress-bg{background:#fff3;border-radius:2px;width:100%;height:3px;transition:height .15s;position:relative;overflow:visible}.cp-progress:hover .cp-progress-bg{height:5px}.cp-progress-buffer{background:#ffffff40;border-radius:2px;height:100%;position:absolute;top:0;left:0}.cp-progress-fill{background:#e74c3c;border-radius:2px;height:100%;position:absolute;top:0;left:0}.cp-progress-dot{opacity:0;background:#e74c3c;border-radius:50%;width:13px;height:13px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.cp-progress:hover .cp-progress-dot{opacity:1}.cp-tooltip{color:#fff;pointer-events:none;white-space:nowrap;opacity:0;background:#000000e6;border-radius:3px;padding:2px 6px;font-size:.72rem;transition:opacity .15s;position:absolute;bottom:18px;transform:translate(-50%)}.cp-progress:hover .cp-tooltip{opacity:1}.cp-row{align-items:center;display:flex}.cp-left{flex:1;align-items:center;gap:2px;display:flex}.cp-right{align-items:center;gap:2px;display:flex}.cp-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:34px;padding:0;transition:background .2s,transform .1s;display:flex;position:relative}.cp-btn:hover{background:#ffffff1a}.cp-btn:active{transform:scale(.92)}.cp-btn svg{fill:currentColor;width:20px;height:20px}.cp-btn-play svg{width:24px;height:24px}.cp-vol{align-items:center;display:flex}.cp-vol-slider-wrap{width:0;transition:width .25s;overflow:hidden}.cp-vol:hover .cp-vol-slider-wrap{width:65px}.cp-vol-slider{appearance:none;cursor:pointer;background:#ffffff40;border-radius:2px;outline:none;width:55px;height:3px;margin:0 5px}.cp-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:11px;height:11px}.cp-vol-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:11px;height:11px}.cp-time{color:#ffffffd9;white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 6px;font-size:.8rem}.cp-quality-badge{color:#fff;border:1px solid #ffffff80;border-radius:3px;margin:0 2px;padding:1px 4px;font-size:.6rem;font-weight:700;line-height:1.2}.cp-settings-wrap{position:relative}.cp-settings-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#141414f2;border:1px solid #ffffff1a;border-radius:8px;min-width:140px;padding:4px 0;animation:.15s cpSlideUp;position:absolute;bottom:40px;right:0}@keyframes cpSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cp-menu-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.05em;padding:6px 12px 3px;font-size:.65rem;font-weight:600}.cp-menu-divider{background:#ffffff14;height:1px;margin:4px 0}.cp-menu-item{cursor:pointer;color:#ffffffbf;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 12px;font-size:.8rem;transition:background .15s;display:flex}.cp-menu-item:hover{background:#ffffff14}.cp-menu-item.active{color:#e74c3c;font-weight:600}.cp-dot{opacity:0;background:#e74c3c;border-radius:50%;width:5px;height:5px}.cp-menu-item.active .cp-dot{opacity:1}.cp-center-overlay{opacity:0;pointer-events:none;z-index:8;align-items:center;gap:28px;transition:opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cp-player.cp-paused .cp-center-overlay,.cp-center-overlay.cp-visible{opacity:1;pointer-events:auto}.cp-center-btn{color:#fff;cursor:pointer;filter:drop-shadow(0 2px 6px #00000080);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex}.cp-center-btn:hover{transform:scale(1.15)}.cp-center-btn:active{transform:scale(.9)}.cp-center-btn.cp-center-play{width:auto;height:auto}.cp-center-btn.cp-center-play svg{fill:#fff;width:50px;height:50px}.cp-center-btn.cp-center-skip{width:auto;height:auto;display:none}.cp-center-btn.cp-center-skip svg{fill:#fff;width:36px;height:36px}.cp-skip-fb{color:#fff;pointer-events:none;background:#0006;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:.85rem;font-weight:600;animation:.6s forwards cpSkipPop;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cp-skip-fb.left{left:15%}.cp-skip-fb.right{right:15%}@keyframes cpSkipPop{0%{opacity:0;transform:translateY(-50%)scale(.7)}25%{opacity:1;transform:translateY(-50%)scale(1.1)}to{opacity:0;transform:translateY(-50%)scale(1)}}.cp-loader{z-index:5;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cp-spinner{border:3px solid #ffffff26;border-top-color:#e74c3c;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.cp-controls{padding:0 6px 4px}.cp-btn{width:32px;height:30px}.cp-btn svg{width:18px;height:18px}.cp-btn-play svg{width:20px;height:20px}.cp-time{padding:0 3px;font-size:.7rem}.cp-quality-badge{padding:1px 3px;font-size:.55rem}.cp-vol-slider-wrap,.cp-desktop-skip{display:none}.cp-center-btn.cp-center-skip{display:flex}.cp-center-overlay{gap:20px}.cp-center-btn.cp-center-play svg{width:40px;height:40px}.cp-center-btn.cp-center-skip{width:auto;height:auto}.cp-center-btn.cp-center-skip svg{width:30px;height:30px}.cp-center-overlay.cp-visible{opacity:1;pointer-events:auto}.cp-skip-fb{width:40px;height:40px;font-size:.7rem}}