.xv{position:relative;width:100%;max-width:960px;margin:0 auto;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0d0d0d;box-shadow:0 0 0 1px rgba(0,229,255,.28),0 30px 80px -30px rgba(0,229,255,.35)}.xv-frame,.xv-poster{position:absolute;inset:0;width:100%;height:100%;border:0}.xv-poster{padding:0;cursor:pointer;background:#0d0d0d;display:block}.xv-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.75,.1,1),filter .3s}.xv-poster:focus-visible img,.xv-poster:hover img{transform:scale(1.02);filter:brightness(1.06)}.xv-poster:focus-visible{outline:3px solid #00e5ff;outline-offset:-3px}.xv-play{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:#0d0d0d;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #00e5ff,0 0 0 14px hsla(0,0%,5%,.35),0 12px 40px rgba(0,0,0,.5);transition:transform .25s}.xv-play svg{width:40px;height:40px;fill:#00e5ff;margin-left:5px}.xv-poster:hover .xv-play{transform:scale(1.06)}.xv-len{position:absolute;right:14px;bottom:14px;font:700 13px/1 var(--font-mono,ui-monospace),monospace;color:#e1e4ea;background:hsla(0,0%,5%,.82);padding:7px 10px;border-radius:7px;letter-spacing:.04em}@media (max-width:640px){.xv{border-radius:12px}.xv-play{width:68px;height:68px;margin:-34px 0 0 -34px}.xv-play svg{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.xv-play,.xv-poster img{transition:none}}