.welcome-open{overflow:hidden}
.welcome-intro{position:fixed;inset:0;border:0;padding:0;margin:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;border-radius:0;background:#fff5f7;color:#272944;box-shadow:none;overflow:hidden}
.welcome-intro:not([open]){display:none}
.welcome-intro::backdrop{background:#fff5f7}
.welcome-intro-bar{position:absolute;inset:0 0 auto;z-index:2;display:flex;justify-content:flex-end;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));pointer-events:none}
.welcome-intro-bar h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.welcome-skip{pointer-events:auto;min-height:48px;min-width:48px;border:1px solid #a12650;border-radius:8px;background:#fff;color:#8f2045;padding:10px 16px;font-size:18px;line-height:1.4;cursor:pointer;font-weight:600;flex-shrink:0;box-shadow:0 2px 10px #24274112}
.welcome-skip:focus-visible{outline:3px solid #26294b;outline-offset:3px}
.welcome-intro video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:#fff5f7}
@media(max-width:480px){.welcome-intro-bar{padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right))}.welcome-skip{font-size:18px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.welcome-intro{scroll-behavior:auto}}

.intro-replay{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);font:inherit;font-size:18px;line-height:1.4;cursor:pointer;white-space:nowrap}.intro-replay:hover{background:#fff0f5;border-color:#a12650}.intro-replay:focus-visible{outline:3px solid #26294b;outline-offset:3px}.intro-replay span{font-size:14px;color:#a12650}