.video-header{width:min(1190px,calc(100% - 64px));height:74px;flex:0 0 74px;margin:0 auto;display:flex;align-items:center}.video-header .back-button,.group-top .back-button{display:flex;align-items:center;width:auto;height:37px;white-space:nowrap;padding:0 14px;border-color:rgba(255,225,224,.2);background:rgba(255,230,228,.08);color:#fff3f1}.video-header .back-button:hover,.group-top .back-button:hover{background:rgba(255,230,228,.16)}.video-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:12px 20px 40px}.video-wrap h1{margin:0;color:#fff5f3;font-size:clamp(24px,4vw,34px);font-weight:600;letter-spacing:-.04em;text-align:center}.video-frame{position:relative;width:min(480px,calc(100vw - 40px));max-height:calc(100svh - 220px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,205,197,.35);border-radius:22px;padding:7px;background:linear-gradient(145deg,rgba(255,223,214,.28),rgba(217,28,62,.22));box-shadow:0 0 0 1px rgba(255,83,106,.08),0 20px 65px rgba(211,19,49,.28),0 0 52px rgba(245,54,79,.2);overflow:hidden}.video-frame:before{content:"";position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,rgba(255,206,194,.16) 50%,transparent 58%);transform:translateX(-60%) rotate(8deg);animation:video-frame-shimmer 8s ease-in-out infinite}.video-frame video{position:relative;z-index:1;display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;background:#10070a;border-radius:16px}.video-next{display:flex;justify-content:center;opacity:0;visibility:hidden;transform:translateY(12px) scale(.97);pointer-events:none;height:50px;transition:opacity .4s ease,transform .4s ease,visibility .4s}.video-next.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;animation:video-unlock .7s cubic-bezier(.18,.8,.25,1) both}.video-next .next-button{width:205px;height:50px}.video-screen.is-active .video-frame{animation:video-arrive .65s cubic-bezier(.2,.8,.2,1) both}
@keyframes video-frame-shimmer{0%,35%{transform:translateX(-65%) rotate(8deg);opacity:0}47%{opacity:1}75%,100%{transform:translateX(65%) rotate(8deg);opacity:0}}
@keyframes video-unlock{0%{opacity:0;transform:translateY(18px) scale(.94);filter:blur(5px)}65%{opacity:1;transform:translateY(-2px) scale(1.02);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes video-arrive{from{opacity:.5;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.video-header{width:calc(100% - 34px);height:59px;flex-basis:59px}.video-header .back-button{height:36px}.video-wrap{gap:17px;padding:8px 15px 28px}.video-frame{width:min(480px,calc(100vw - 36px));max-height:calc(100svh - 205px);border-radius:19px;padding:6px}.video-frame video{border-radius:14px}.video-next{height:48px}.video-next .next-button{height:48px;width:100%}}
@media(max-width:380px){.video-wrap h1{font-size:23px}.video-frame{width:min(480px,calc(100vw - 28px));max-height:calc(100svh - 185px)}}
/* This page explicitly uses motion as part of the gift, even when the OS asks for reduced motion. */
@media(prefers-reduced-motion:reduce){.aurora{animation:red-bg 18s ease-in-out infinite alternate!important}.aurora:before{animation:red-wave 15s ease-in-out infinite alternate!important}.aurora:after{animation:red-wave-back 19s ease-in-out infinite alternate!important}.aurora-orb{animation:red-orbit 13s ease-in-out infinite alternate!important}.hero-panel:before{animation:glass-pass 8s ease-in-out infinite!important}.hero-panel:after{animation:panel-sheen 11s ease-in-out infinite!important}.next-button{animation:button-glow 3.8s ease-in-out infinite!important}.intro-screen.is-active .hero-panel,.group-screen.is-active .group-panel{animation:panel-arrive .75s cubic-bezier(.2,.8,.2,1) both!important}.video-frame:before{animation:video-frame-shimmer 8s ease-in-out infinite!important}.video-screen.is-active .video-frame{animation:video-arrive .65s cubic-bezier(.2,.8,.2,1) both!important}.video-next.is-visible{animation:video-unlock .7s cubic-bezier(.18,.8,.25,1) both!important}.screen{transition:opacity .45s ease,transform .45s ease,visibility .45s!important}}
