html.vf-intro-pending{background:#0f1b27}
html.vf-intro-pending body>:not(#vf-intro){visibility:hidden}
#vf-intro{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:#0f1b27;color:#f4ebdd;font-family:'Inter',system-ui,sans-serif;opacity:1;transition:opacity .32s ease;overscroll-behavior:contain;touch-action:none}
#vf-intro.vf-intro-out{opacity:0;pointer-events:none}
#vf-intro video{display:block;width:100%;height:100%;object-fit:contain;background:#0f1b27;pointer-events:none}
#vf-intro .vf-intro-bar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
#vf-intro button{font:500 13px/1 'Inter',system-ui,sans-serif;letter-spacing:.02em;min-height:44px;min-width:44px;padding:0 18px;border-radius:999px;border:1px solid #f4ebdd66;background:#0f1b27b3;color:#f4ebdd;cursor:pointer;-webkit-tap-highlight-color:transparent}
#vf-intro button:hover{background:#1c2a3a;border-color:#f4ebddcc}
#vf-intro button:focus-visible{outline:3px solid #f4ebdd;outline-offset:3px}
#vf-intro .vf-intro-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){ #vf-intro{transition:none} }