.vp{aspect-ratio:16/9;background:var(--ink-950);border-radius:var(--radius-lg);width:100%;color:var(--paper);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;isolation:isolate;box-sizing:border-box;outline:none;position:relative;overflow:hidden}.vp *,.vp :before,.vp :after{box-sizing:border-box}.vp:focus-visible{box-shadow:0 0 0 3px var(--accent)}.vp-cover{z-index:5;cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.vp-cover img,.vp-resume img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vp-cover:after{content:"";background:linear-gradient(#0507050d 30%,#050705b8 100%);position:absolute;inset:0}.vp-bigplay{z-index:1;background:var(--signal-600);width:76px;height:76px;color:var(--ink-900);transition:transform var(--duration-fast) var(--ease-standard);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 10px 30px #00000073}.vp-cover:hover .vp-bigplay,.vp-cover:focus-visible .vp-bigplay{transform:scale(1.06)}.vp-cover:focus-visible{outline:none}.vp-cover:focus-visible .vp-bigplay{box-shadow:0 0 0 4px var(--paper), 0 10px 30px #00000073}.vp-cover-meta{z-index:1;left:var(--space-5);right:var(--space-5);bottom:var(--space-4);justify-content:space-between;align-items:flex-end;gap:var(--space-3);display:flex;position:absolute}.vp-pill{color:var(--paper);border-radius:var(--radius-pill);font-family:var(--font-mono);background:#050705c7;padding:4px 10px;font-size:12px}.vp-resume{z-index:5;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-5);text-align:center;background:#05070599;flex-direction:column;display:flex;position:absolute;inset:0}.vp-resume img{z-index:-2}.vp-resume:before{content:"";z-index:-1;background:#050705b8;position:absolute;inset:0}.vp-resume p{font-size:var(--text-base);color:var(--paper);margin:0}.vp-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.vp-btn-primary,.vp-btn-ghost{min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-pill);font:inherit;font-weight:var(--weight-semibold);font-size:var(--text-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.vp-btn-primary{background:var(--signal-600);color:var(--ink-900);border:0}.vp-btn-primary:hover{background:var(--signal-500)}.vp-btn-ghost{color:var(--paper);background:#f5f7f114;border:1px solid #f5f7f166}.vp-btn-ghost:hover{background:#f5f7f129}.vp-btn-primary:focus-visible,.vp-btn-ghost:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.vp-center{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vp-spinner{border:4px solid #f5f7f133;border-top-color:var(--signal-600);border-radius:50%;width:54px;height:54px;animation:.9s linear infinite vp-spin}@keyframes vp-spin{to{transform:rotate(360deg)}}@media (width<=640px){.vp{border-radius:0}.vp-bigplay{width:64px;height:64px}.vp-resume{gap:var(--space-3);padding:var(--space-3)}.vp-resume p{font-size:var(--text-sm)}.vp-btn-primary,.vp-btn-ghost{min-height:44px;padding:0 var(--space-4);font-size:var(--text-sm)}}@media (prefers-reduced-motion:reduce){.vp-bigplay{transition:none}.vp-spinner{animation-duration:3s}}
