.video-player{position:relative;border-radius:24px;overflow:hidden;background:#000;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.video-player__video{width:100%;height:auto;display:block}.video-player__video--hidden{visibility:hidden;position:absolute;inset:0}.video-player__idle-overlay{width:100%;aspect-ratio:9/16;background-color:#000;background-size:cover;background-position:50%;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.video-player__idle-overlay,.video-player__play-icon{position:relative;display:flex;align-items:center;justify-content:center;z-index:2}.video-player__play-icon{width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.video-player__play-icon svg{margin-left:1px;margin-top:-1px}.video-player__idle-overlay:hover .video-player__play-icon{transform:scale(1.08);background:rgba(0,0,0,.65)}.video-player__pulse-ring{position:absolute;width:64px;height:64px;border-radius:50%;border:2px solid hsla(0,0%,100%,.5);animation:vp-pulse 2s cubic-bezier(.4,0,.6,1) infinite;z-index:1}.video-player__click-area{position:absolute;inset:0;bottom:48px;background:rgba(0,0,0,0);border:none;cursor:pointer;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0)}.video-player__controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0));z-index:3;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-player__controls--visible{opacity:1;pointer-events:auto}.video-player:focus-within .video-player__controls,.video-player:hover .video-player__controls{opacity:1;pointer-events:auto}.video-player__btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s ease;-webkit-tap-highlight-color:rgba(0,0,0,0);flex-shrink:0}.video-player__btn:hover{background:hsla(0,0%,100%,.15)}.video-player__time{font-size:11px;font-weight:500;color:hsla(0,0%,100%,.8);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:32px;line-height:1}.video-player__progress{flex:1;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;cursor:pointer;position:relative;transition:height .15s ease}.video-player__progress:hover{height:6px}.video-player__progress-buffered{background:hsla(0,0%,100%,.25)}.video-player__progress-buffered,.video-player__progress-filled{position:absolute;top:0;left:0;height:100%;border-radius:2px;pointer-events:none}.video-player__progress-filled{background:var(--vp-accent,#51B5AA)}.video-player__progress-thumb{position:absolute;top:50%;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease;pointer-events:none;box-shadow:0 1px 4px rgba(0,0,0,.3)}.video-player__progress:hover .video-player__progress-thumb{opacity:1}@keyframes vp-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:0}}@media(max-width:800px){.video-player__play-icon,.video-player__pulse-ring{width:56px;height:56px}.video-player__controls{padding:10px 12px;gap:8px}.video-player__time{font-size:10px}}