.vp{position:relative;background:#0a0a0a;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.vp,.vp__video{width:100%;height:100%}.vp__video{position:absolute;inset:0;object-fit:cover}.vp--fullscreen .vp__video{object-fit:contain}.vp__center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border:none;border-radius:50%;background:rgba(255,255,255,.92);color:#141414;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.25);transition:transform .2s ease,background .2s ease}.vp__center-play:hover{transform:translate(-50%,-50%) scale(1.08);background:#fff}.vp__bar{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:2rem .5rem .4rem;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent);opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.vp--controls-visible .vp__bar,.vp:hover .vp__bar,.vp:not(.vp--playing) .vp__bar{opacity:1;transform:translateY(0);pointer-events:auto}.vp__progress{width:100%;padding:.3rem 0;cursor:pointer;pointer-events:auto}.vp__progress-track{position:relative;width:100%;height:3px;border-radius:2px;background:rgba(255,255,255,.25);transition:height .15s ease}.vp__progress:hover .vp__progress-track{height:5px}.vp__progress-fill{position:absolute;left:0;top:0;height:100%;border-radius:2px;background:#fff;transition:width .1s linear}.vp__progress:hover .vp__progress-fill{background:#a78bfa}.vp__controls{display:flex;align-items:center;justify-content:space-between;padding-top:.15rem}.vp__controls-left,.vp__controls-right{display:flex;align-items:center;gap:.35rem}.vp__btn{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;border:none;border-radius:4px;background:transparent;color:#fff;cursor:pointer;transition:background .15s ease}.vp__btn:hover{background:rgba(255,255,255,.15)}.vp__time{font-family:IBM Plex Mono,monospace;font-size:.625rem;letter-spacing:.04em;color:rgba(255,255,255,.8);white-space:nowrap}.vp--playing .vp__center-play{opacity:0;pointer-events:none}@media (hover:none){.vp__bar{opacity:1;transform:translateY(0);pointer-events:auto}}