.vp{aspect-ratio:16/9;border-radius:var(--card-radius);border:1px solid var(--card-border);isolation:isolate;background:#000;width:100%;position:relative;overflow:hidden}.vp.full{aspect-ratio:auto;border:none;border-radius:0;height:100%}.vp:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.vp-v{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%;display:block}.vp-big{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#141a2685;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:auto;padding-left:5px;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s;display:flex;position:absolute;inset:0}.vp-big:hover{background:var(--btn-bg);border-color:#0000;transform:scale(1.07)}.vp-big:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.vp-resume{z-index:3;-webkit-backdrop-filter:blur(10px);max-width:calc(100% - 28px);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;background:#101520d1;border:1px solid #ffffff24;border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:11px 16px;font-size:10.5px;display:flex;position:absolute;top:14px;left:14px}.vp-resume button{cursor:pointer;min-height:24px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--gold);background:0 0;border:none}.vp-resume button:hover{text-underline-offset:3px;text-decoration:underline}.vp-resume-x{color:#ffffff80!important}.vp-bar{z-index:2;opacity:1;background:linear-gradient(#0000 0%,#080b119e 54%,#080b11eb 100%);padding:34px 14px 12px;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0;transform:none}.vp.idle .vp-bar{opacity:0;pointer-events:none;transform:translateY(8px)}.vp.idle .vp-v{cursor:none}.vp-track{cursor:pointer;touch-action:none;background:#fff3;border-radius:999px;height:4px;margin:0 2px 12px;position:relative}.vp-track:before{content:"";position:absolute;inset:-14px 0}.vp-track:hover,.vp-track.grab{height:6px;margin-bottom:10px}.vp-track:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.vp-buf,.vp-fill{pointer-events:none;border-radius:999px;position:absolute;top:0;bottom:0;left:0}.vp-buf{background:#ffffff38}.vp-fill{background:linear-gradient(90deg, var(--gold), var(--gold-deep))}.vp-knob{background:var(--gold);pointer-events:none;border-radius:50%;width:13px;height:13px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 2px 8px #00000080}.vp-track:hover .vp-knob,.vp-track.grab .vp-knob,.vp-track:focus-visible .vp-knob{transform:translate(-50%,-50%)scale(1)}.vp-row{align-items:center;gap:4px;display:flex}.vp-row>button,.vp-vol>button,.vp-speed>button{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,color .2s;display:inline-flex}.vp-row>button:hover,.vp-vol>button:hover,.vp-speed>button:hover{color:#fff;background:#ffffff1f}.vp-row button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.vp-row svg{width:21px;height:21px}.vp-time{font-family:var(--font-mono);letter-spacing:.04em;color:#ffffffe0;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 8px;font-size:11.5px}.vp-time i{color:#fff6;margin:0 2px;font-style:normal}.vp-gap{flex:1}.vp-vol{align-items:center;display:flex}.vp-vol input{opacity:0;width:0;accent-color:var(--gold);cursor:pointer;margin-left:0;transition:width .28s cubic-bezier(.2,.8,.2,1),opacity .2s,margin-left .28s}.vp-vol:hover input,.vp-vol:focus-within input{opacity:1;width:74px;margin-left:6px}.vp-speed{position:relative}.vp-speed>button{width:auto;min-width:44px;font-family:var(--font-mono);letter-spacing:.04em;padding:0 10px;font-size:11.5px;font-weight:600}.vp-speed ul{z-index:4;-webkit-backdrop-filter:blur(12px);background:#101520f2;border:1px solid #ffffff24;border-radius:10px;min-width:84px;padding:5px;position:absolute;bottom:46px;right:0;box-shadow:0 16px 34px -14px #000000bf}.vp-speed li button{cursor:pointer;width:100%;min-height:34px;font-family:var(--font-mono);letter-spacing:.06em;color:#ffffffd1;text-align:left;background:0 0;border:none;border-radius:6px;padding:0 12px;font-size:11.5px;display:block}.vp-speed li button:hover{color:#fff;background:#ffffff1f}.vp-speed li button.on{color:var(--gold)}.vp-failed{text-align:center;background:var(--bg-elev);border:1px dashed var(--line-med);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:30px;display:flex}.vp-failed p{color:var(--text-muted);font-size:14px;line-height:1.6}@media (max-width:640px){.vp-big{width:66px;height:66px}.vp-big svg{width:25px;height:25px}.vp-bar{padding:30px 8px 8px}.vp-row{gap:0}.vp-row>button,.vp-vol>button,.vp-speed>button{width:44px;height:44px}.vp-vol input{display:none}.vp-time{padding:0 4px;font-size:10.5px}.vp-resume{max-width:none;padding:9px 13px;font-size:9.5px;top:10px;left:10px;right:10px}}@media (prefers-reduced-motion:reduce){.vp-bar,.vp-big,.vp-knob,.vp-vol input{transition:none}}