.vv-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:none;align-items:center;justify-content:center;padding:var(--sp-4);background:var(--scrim);-webkit-backdrop-filter:var(--scrim-blur);backdrop-filter:var(--scrim-blur)}.vv-overlay.is-open{display:flex;animation:vv-fade var(--dur-base) var(--ease-out) both}.vv-overlay.is-closing{animation:vv-fade var(--dur-fast) var(--ease-out) reverse both}.vv-overlay__card{position:relative;width:100%;max-width:480px;max-height:calc(100vh - var(--sp-8));overflow-y:auto;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--elev-modal);padding:var(--sp-6)}.vv-overlay.is-open .vv-overlay__card{animation:vv-pop var(--dur-base) var(--ease-back) both}.vv-overlay.is-closing .vv-overlay__card{animation:vv-pop var(--dur-fast) var(--ease-out) reverse both}.vv-overlay__card--wide{max-width:640px}.vv-overlay__card--narrow{max-width:400px}.vv-overlay__close{position:absolute;top:var(--sp-3);right:var(--sp-3);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-full);background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.vv-overlay__close:hover{background:color-mix(in srgb,var(--text) 16%,transparent)}.vv-overlay__close svg{width:16px;height:16px}.vv-overlay--lightbox{background:rgba(0,0,0,.92);padding:0}.vv-overlay--lightbox .vv-overlay__card{max-width:none;width:auto;background:transparent;border:0;box-shadow:none;padding:0;overflow:visible}.vv-overlay--lightbox img{max-width:92vw;max-height:88vh;border-radius:var(--r-md);display:block}body.vv-scroll-locked{overflow:hidden}