.gvp-shell{--gvp-red:#e50914;position:relative;width:100%;max-width:100%;margin:0 0 24px;color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.3;isolation:isolate}
.gvp-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.38)}
.gvp-video{display:block;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.gvp-drive-frame{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;border:0;background:#000}
.gvp-topbar,.gvp-drive-brand{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:18px 20px 44px;background:linear-gradient(180deg,rgba(0,0,0,.78),transparent);pointer-events:none;transition:opacity .25s ease}
.gvp-brand,.gvp-drive-brand span{color:var(--gvp-red);font-size:12px;font-weight:900;letter-spacing:2px}
.gvp-api-badge{margin-left:auto;padding:4px 7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:rgba(255,255,255,.76);font-size:8px;font-weight:800;letter-spacing:1px}
.gvp-title,.gvp-drive-brand strong{overflow:hidden;color:#fff;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.gvp-controls{position:absolute;z-index:5;right:0;bottom:0;left:0;padding:48px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.94));transition:opacity .25s ease,transform .25s ease}
.gvp-control-row{display:flex;align-items:center;gap:8px;min-height:38px}
.gvp-spacer{flex:1}
.gvp-btn,.gvp-center-play{border:0;background:transparent;color:#fff;cursor:pointer;padding:7px;line-height:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.gvp-btn svg{width:24px;height:24px;fill:currentColor}
.gvp-btn:hover{transform:scale(1.12)}
.gvp-center-play{position:absolute;z-index:4;top:50%;left:50%;display:grid;width:76px;height:76px;border:2px solid rgba(255,255,255,.8);border-radius:50%;place-items:center;background:rgba(0,0,0,.5);transform:translate(-50%,-50%);backdrop-filter:blur(6px);transition:opacity .2s ease,transform .2s ease}
.gvp-center-play:hover{background:var(--gvp-red);border-color:var(--gvp-red);transform:translate(-50%,-50%) scale(1.06)}
.gvp-center-play svg{width:40px;height:40px;margin-left:4px;fill:#fff}
.gvp-progress-wrap{position:relative;height:18px;cursor:pointer}
.gvp-progress,.gvp-buffered,.gvp-played{position:absolute;top:8px;right:0;left:0;height:4px;border-radius:3px}
.gvp-buffered{width:0;background:rgba(255,255,255,.35)}
.gvp-played{width:0;background:var(--gvp-red)}
.gvp-progress{top:0;width:100%;height:20px;margin:0;opacity:0;cursor:pointer}
.gvp-progress-wrap:hover .gvp-buffered,.gvp-progress-wrap:hover .gvp-played{height:6px;top:7px}
.gvp-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px #000}
.gvp-volume{width:72px;height:4px;accent-color:#fff;cursor:pointer}
.gvp-icon-pause,.gvp-icon-muted,.gvp-shell.gvp-playing .gvp-icon-play,.gvp-shell.gvp-muted .gvp-icon-volume{display:none}
.gvp-shell.gvp-playing .gvp-icon-pause,.gvp-shell.gvp-muted .gvp-icon-muted{display:block}
.gvp-shell.gvp-playing .gvp-center-play{opacity:0;pointer-events:none}
.gvp-shell.gvp-idle.gvp-playing .gvp-controls,.gvp-shell.gvp-idle.gvp-playing .gvp-topbar{opacity:0;pointer-events:none;transform:translateY(8px)}
.gvp-quality{border:1px solid rgba(255,255,255,.28);border-radius:6px;background:rgba(0,0,0,.72);color:#fff;padding:5px 7px;font-size:12px}
.gvp-loading{position:absolute;z-index:4;inset:0;display:none;place-items:center;pointer-events:none}
.gvp-loading span{width:42px;height:42px;border:4px solid rgba(255,255,255,.25);border-top-color:var(--gvp-red);border-radius:50%;animation:gvp-spin .8s linear infinite}
.gvp-shell.gvp-waiting .gvp-loading{display:grid}
.gvp-error{position:absolute;z-index:8;top:50%;left:50%;display:flex;max-width:82%;padding:12px 16px;border-radius:8px;background:rgba(0,0,0,.86);color:#fff;text-align:center;transform:translate(-50%,-50%);flex-direction:column;align-items:center;gap:10px}
.gvp-error[hidden]{display:none}
.gvp-drive-fallback{border:1px solid rgba(255,255,255,.3);border-radius:7px;background:#e50914;color:#fff;padding:8px 12px;font-weight:700;cursor:pointer}
.gvp-drive-fallback:hover{background:#f6121d}
.gvp-shell.gvp-drive-mode .gvp-controls,.gvp-shell.gvp-drive-mode .gvp-center-play,.gvp-shell.gvp-drive-mode .gvp-loading,.gvp-shell.gvp-drive-mode .gvp-skip{display:none!important}
.gvp-back,.gvp-forward{position:relative}.gvp-back span,.gvp-forward span{position:absolute;z-index:1;top:13px;left:11px;width:18px;font-size:8px;font-weight:800;line-height:1;text-align:center}.gvp-back svg,.gvp-forward svg{width:28px;height:28px}
.gvp-skip{position:absolute;z-index:6;top:50%;padding:8px 12px;border-radius:20px;background:rgba(0,0,0,.7);font-size:13px;font-weight:700;opacity:0;transform:translateY(-50%);pointer-events:none}.gvp-skip-left{left:17%}.gvp-skip-right{right:17%}.gvp-skip.gvp-show{animation:gvp-pop .55s ease}
.gvp-shell:fullscreen .gvp-stage,.gvp-shell:-webkit-full-screen .gvp-stage{height:100%;border-radius:0}
@keyframes gvp-spin{to{transform:rotate(360deg)}}
@keyframes gvp-pop{0%{opacity:0;transform:translateY(-50%) scale(.8)}35%{opacity:1;transform:translateY(-50%) scale(1)}100%{opacity:0}}
@media(max-width:640px){.gvp-stage{border-radius:9px}.gvp-controls{padding:34px 9px 7px}.gvp-topbar,.gvp-drive-brand{padding:11px 12px 30px}.gvp-volume{display:none}.gvp-control-row{gap:1px}.gvp-time{font-size:10px}.gvp-btn{padding:5px}.gvp-btn svg{width:21px;height:21px}.gvp-back svg,.gvp-forward svg{width:25px;height:25px}.gvp-back span,.gvp-forward span{top:11px;left:8px}.gvp-center-play{width:58px;height:58px}.gvp-center-play svg{width:30px;height:30px}.gvp-quality{max-width:76px;padding:4px}.gvp-title,.gvp-drive-brand strong{font-size:12px}.gvp-brand,.gvp-drive-brand span{font-size:10px}.gvp-api-badge{display:none}}
@media(prefers-reduced-motion:reduce){.gvp-shell *{animation-duration:.01ms!important;transition-duration:.01ms!important}}