.hqp-wrap{width:var(--hqp-width,100%);max-width:100%;margin:0 auto}.hqp-player{position:relative;width:100%;aspect-ratio:16/9;background:#050505;overflow:hidden;border-radius:10px;line-height:0;font-family:Arial,sans-serif;box-shadow:0 8px 30px rgba(0,0,0,.18)}.hqp-video{width:100%;height:100%;display:block;object-fit:contain;background:#050505}.hqp-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;gap:5px;z-index:12}.hqp-loading.show{display:flex}.hqp-loading span{width:7px;height:7px;border-radius:50%;background:#fff;animation:hqpPulse 1s infinite}.hqp-loading span:nth-child(2){animation-delay:.15s}.hqp-loading span:nth-child(3){animation-delay:.3s}@keyframes hqpPulse{0%,80%,100%{opacity:.25;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.hqp-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:8;opacity:0;pointer-events:none;box-shadow:0 8px 25px rgba(0,0,0,.35);transition:transform .15s,opacity .2s}.hqp-center-play svg{width:30px;height:30px;fill:currentColor}.hqp-player.is-paused .hqp-center-play{opacity:1;pointer-events:auto}.hqp-center-play:hover{transform:translate(-50%,-50%) scale(1.05)}.hqp-controls{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 11px;background:linear-gradient(transparent,rgba(0,0,0,.94));z-index:10;opacity:0;transition:opacity .2s}.hqp-player.show-controls .hqp-controls,.hqp-player:focus-within .hqp-controls{opacity:1}.hqp-seek{display:block;width:100%;height:5px;margin:0 0 9px;accent-color:#fff;cursor:pointer}.hqp-control-row{display:flex;align-items:center;gap:6px;line-height:normal}.hqp-icon-btn,.hqp-text-btn,.hqp-quality-btn{border:0;background:transparent;color:#fff;cursor:pointer}.hqp-icon-btn{width:32px;height:32px;padding:7px;border-radius:5px;display:flex;align-items:center;justify-content:center}.hqp-icon-btn:hover,.hqp-text-btn:hover,.hqp-quality-btn:hover{background:rgba(255,255,255,.12)}.hqp-icon-btn svg,.hqp-center-play svg,.hqp-quality-icon svg{width:100%;height:100%;fill:currentColor}.hqp-volume{width:72px;height:4px;accent-color:#fff}.hqp-time{color:#fff;font-size:12px;white-space:nowrap;margin-left:4px}.hqp-spacer{flex:1}.hqp-menu{position:relative}.hqp-speed-btn,.hqp-quality-btn{height:32px;padding:0 9px;border-radius:5px;font-size:12px;display:flex;align-items:center;gap:6px}.hqp-quality-icon{width:16px;height:16px;display:flex}.hqp-menu-panel{position:absolute;right:0;bottom:39px;min-width:145px;background:rgba(13,13,13,.98);border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:6px;box-shadow:0 10px 35px rgba(0,0,0,.5);display:none;max-height:290px;overflow:auto;z-index:40}.hqp-menu-panel.open{display:block}.hqp-menu-title{font-size:11px;color:#aaa;padding:7px 9px 6px;text-transform:uppercase;letter-spacing:.06em}.hqp-menu-panel button{width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:9px 10px;border-radius:4px;cursor:pointer;font-size:13px;display:flex;justify-content:space-between}.hqp-menu-panel button:hover,.hqp-menu-panel button.active{background:rgba(255,255,255,.13)}.hqp-menu-panel button.active:after{content:'✓';font-weight:bold}.hqp-error{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;color:#fff;background:rgba(0,0,0,.82);text-align:center;line-height:1.4}.hqp-error[hidden]{display:none}@media(max-width:600px){.hqp-controls{padding:25px 7px 7px}.hqp-control-row{gap:2px}.hqp-volume{width:45px}.hqp-time{font-size:10px}.hqp-icon-btn{width:29px;height:29px;padding:6px}.hqp-speed-btn,.hqp-quality-btn{height:29px;padding:0 6px;font-size:11px}.hqp-quality-icon{width:14px;height:14px}.hqp-center-play{width:58px;height:58px}.hqp-center-play svg{width:25px;height:25px}}