.vid-frame{background:var(--bg-elev);aspect-ratio:16/9;border-radius:18px;margin:0;position:relative;overflow:hidden}.vid-poster,.vid-preview{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vid-preview{pointer-events:none;transition:opacity .6s}.vid-overlay{position:absolute;inset:0}.vid-trigger{cursor:pointer;background:linear-gradient(#0000000f 0%,#00000029 70%,#00000075 100%);justify-content:flex-start;align-items:flex-end;padding:clamp(12px,2.2vw,20px);text-decoration:none;transition:background .26s;display:flex;position:absolute;inset:0}.vid-trigger:hover,.vid-trigger:focus-visible{background:linear-gradient(#0000001f 0%,#0000003d 70%,#0000008f 100%)}.vid-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.vid-cue{color:#fff;-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%);background:#0a0a0b6b;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:9px;padding:7px 13px 7px 7px;transition:background .22s,border-color .22s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex}.vid-trigger:hover .vid-cue,.vid-trigger:focus-visible .vid-cue{background:#0a0a0b9e;border-color:#ffffff42;transform:translateY(-1px)}.vid-cue-icon{background:var(--accent);border-radius:50%;flex:none;width:26px;height:26px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:relative}.vid-cue-icon:after{content:"";border:5.5px solid #0000;border-left:9px solid #fff;border-right-width:0;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.vid-trigger:hover .vid-cue-icon,.vid-trigger:focus-visible .vid-cue-icon{transform:scale(1.08)}.vid-cue-time{font-variant-numeric:tabular-nums;letter-spacing:.01em;opacity:.92;font-size:.78rem;font-weight:600}.vid-cue-label{border-left:1px solid #fff3;padding-left:9px;font-size:.82rem;font-weight:600}.vid-backdrop{z-index:1000;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(30px)saturate(120%);backdrop-filter:blur(30px)saturate(120%);background:#000000e0;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.vid-dialog{outline:none;width:min(1100px,100%);position:relative}.vid-stage{background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 40px 120px #000000b3}.vid-el{object-fit:contain;background:#000;width:100%;height:100%;display:block}.vid-close{border:1px solid var(--glass-border);background:var(--glass-bg);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;font-size:15px;line-height:1;position:absolute;top:-44px;right:0}.vid-close:hover,.vid-close:focus-visible{border-color:#e8001d99}.vid-gesture{color:var(--text);cursor:pointer;background:#0000008c;border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:1rem;font-weight:600;display:flex;position:absolute;inset:0}.vid-gesture-icon{background:var(--accent);border-radius:50%;width:62px;height:62px;position:relative}.vid-gesture-icon:after{content:"";border:12px solid #0000;border-left:19px solid #fff;border-right-width:0;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.vid-failed{height:100%;color:var(--text-muted);text-align:center;place-items:center;gap:10px;padding:24px;display:grid}.vid-failed a{color:var(--accent)}.vid-endcard{text-align:center;background:linear-gradient(160deg,#0b0b0cf0 0%,#000000f7 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;animation:.34s both vid-endcard-in;display:flex;position:absolute;inset:0}@keyframes vid-endcard-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}.vid-endcard-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:600}.vid-endcard-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.vid-endcard-cta{background:var(--accent);color:#fff;border-radius:999px;padding:13px 28px;font-weight:600;text-decoration:none;transition:background .18s}.vid-endcard-cta:hover,.vid-endcard-cta:focus-visible{background:var(--accent-deep)}.vid-endcard-replay{border:1px solid var(--glass-border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:13px 24px;font-weight:600}.vid-endcard-replay:hover,.vid-endcard-replay:focus-visible{border-color:#ffffff59}.vid-transcript{margin-top:14px}.vid-transcript-toggle{background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;display:inline-flex}.vid-transcript-toggle:hover,.vid-transcript-toggle:focus-visible{color:var(--text);border-color:#ffffff40}.vid-chev{border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .2s;transform:rotate(45deg)translate(-1px,-1px)}.vid-chev-up{transform:rotate(225deg)translate(-1px,-1px)}.vid-transcript-body{background:var(--glass-bg);border:1px solid var(--glass-border);max-height:40vh;color:var(--text-muted);border-radius:14px;margin-top:12px;padding:16px 18px;font-size:.92rem;line-height:1.65;overflow-y:auto}.vid-transcript-body p{margin:0 0 .85em}.vid-transcript-body p:last-child{margin-bottom:0}@media (prefers-reduced-motion:reduce){.vid-trigger,.vid-cue,.vid-cue-icon,.vid-preview,.vid-chev,.vid-endcard-cta{transition:none}.vid-endcard{animation:none}.vid-trigger:hover .vid-cue,.vid-trigger:focus-visible .vid-cue,.vid-trigger:hover .vid-cue-icon,.vid-trigger:focus-visible .vid-cue-icon{transform:none}}@media (max-width:640px){.vid-close{top:auto;bottom:-42px;right:50%;transform:translate(50%)}.vid-cue{padding:7px 12px 7px 7px}}