.hv-poster{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid var(--card-border);border-radius:var(--radius-2xl);overflow:hidden;background:var(--bg-raise);cursor:pointer}.hv-poster:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.hv-still{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.hv-play{position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:8px;height:var(--control-lg);padding:0 18px 0 14px;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font-size:var(--fs-small);font-weight:600;box-shadow:0 12px 32px rgba(10,10,18,.28);transition:transform var(--dur-fast) ease,background var(--dur-fast) ease}.hv-play svg{width:18px;height:18px;flex:none}.hv-play-len{font-weight:400;opacity:.72}.hv-play-len:before{content:"·";margin-right:8px}.hv-poster:hover .hv-play{transform:scale(1.04);background:var(--ink-hover)}@media (max-width:620px){.hv-play{left:12px;bottom:12px;height:36px;padding:0 14px 0 10px;gap:6px}.hv-play svg{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){.hv-poster:hover .hv-play{transform:none}}.lightbox:has(.hv-player){height:auto}.hv-player{display:block;width:100%;max-height:82dvh;aspect-ratio:16/9;background:#000;border-radius:var(--radius-lg)}