.vplayer{background:var(--ink);border-radius:var(--radius-lg);width:100%;max-width:max(280px,56.25svh - 151.875px);margin-left:auto;margin-right:auto;overflow:hidden}.vplayer-stage{aspect-ratio:9/16;background:var(--ink);position:relative}.vplayer-backdrop{color:#f7f5f18c;font-family:var(--font-heading);letter-spacing:.08em;text-align:center;text-transform:uppercase;justify-content:center;align-items:center;padding:0 24px;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.vplayer-video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.vplayer-poster-probe{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.vplayer-overlay{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.vplayer-overlay:focus-visible{outline:2px solid var(--paper);outline-offset:-6px}.vplayer-bigplay{background:var(--red);color:#fff;height:76px;transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;width:76px;display:flex}.vplayer-overlay:hover .vplayer-bigplay{transform:scale(1.06)}.vplayer-overlay:focus-visible .vplayer-bigplay{transform:scale(1.06)}.vplayer-overlay-hint{border-radius:var(--radius-pill);color:var(--paper);font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;background:#0b0f17c7;padding:6px 12px;font-size:.75rem;font-weight:700}.vplayer-error{text-align:center;background:#0b0f17e6;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.vplayer-error-title{color:var(--paper);font-family:var(--font-heading);font-size:1.2rem;font-stretch:var(--display-stretch);font-weight:800}.vplayer-error-text{color:#f7f5f1bd;max-width:34ch;font-size:.875rem;line-height:1.5}.vplayer-controls{border-top:1px solid #f7f5f129;align-items:center;gap:2px;min-width:0;padding:4px 6px;display:flex}.vplayer-btn{border-radius:var(--radius-sm);color:var(--paper);height:44px;transition:background-color var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;width:44px;display:inline-flex}.vplayer-btn:hover:not(:disabled){background:#f7f5f11f}.vplayer-btn:disabled{cursor:not-allowed;opacity:.38}.vplayer-btn.is-on{color:var(--red-soft)}.vplayer-btn--text{font-variant-numeric:tabular-nums;width:auto;min-width:44px;padding:0 4px;font-size:.8125rem;font-weight:700}.vplayer-time{color:#f7f5f1bd;font-variant-numeric:tabular-nums;text-align:center;flex-shrink:0;min-width:30px;font-size:.75rem}.vplayer-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;flex:40px;width:40px;min-width:32px;height:44px;margin:0}.vplayer-progress:disabled{cursor:default;opacity:.5}.vplayer-progress::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:#f7f5f14d;height:6px}.vplayer-progress::-moz-range-track{border-radius:var(--radius-pill);background:#f7f5f14d;height:6px}.vplayer-progress::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--red);border:2px solid var(--paper);border-radius:50%;width:20px;height:20px;margin-top:-7px}.vplayer-progress::-moz-range-thumb{background:var(--red);border:2px solid var(--paper);border-radius:50%;width:16px;height:16px}@media (max-width:560px){.vplayer-time{display:none}.vplayer{border-radius:var(--radius-md);max-width:none}}@media (prefers-reduced-motion:reduce){.vplayer-overlay:hover .vplayer-bigplay{transform:none}.vplayer-overlay:focus-visible .vplayer-bigplay{transform:none}}
