.invite-shell{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 10%,#fff7e8 0%,transparent 60%),radial-gradient(circle at 80% 90%,#e8f4ff 0%,transparent 60%),#fdfaf3;padding:16px;font-family:Fredoka,system-ui,sans-serif}.invite-stage{position:relative;width:100%;max-width:430px;aspect-ratio:9 / 16;border-radius:28px;overflow:hidden;background:#fdfcf6;box-shadow:0 30px 60px -20px #28325040,0 10px 25px -10px #28325026}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(180,195,210,.18) 1px,transparent 1px),linear-gradient(to bottom,rgba(180,195,210,.18) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.road{position:absolute;left:-10%;width:130%;height:110px;pointer-events:none}.road-top{top:-10px;transform:rotate(-6deg)}.road-bottom{bottom:-10px;transform:rotate(6deg)}.road-strip{position:absolute;top:30px;left:0;width:100%;height:60px;background:#c5cdd6;border-radius:14px}.road-strip:before{content:"";position:absolute;inset:50% 5% auto;height:3px;transform:translateY(-50%);background-image:linear-gradient(to right,#fff 0 16px,transparent 16px 30px);background-size:30px 3px}.road-car{position:absolute;width:90px;height:50px;top:16px}.road-car-2{position:absolute;width:80px;height:46px;top:22px}.road-stop{position:absolute;width:36px;height:50px;top:-12px;left:18%}.road-stop-2{position:absolute;width:32px;height:46px;top:-8px;right:14%}.road-light{position:absolute;width:28px;height:64px;top:-28px;right:22%}.car-drive-r{animation:driveR 9s linear infinite}.car-drive-r-slow{animation:driveR 14s linear infinite;left:35%}.car-drive-l{animation:driveL 11s linear infinite}@keyframes driveR{0%{left:-25%}to{left:110%}}@keyframes driveL{0%{left:110%}to{left:-25%}}.cloud{position:absolute;width:80px;height:40px;opacity:.9}.cloud-a{top:12%;left:8%;animation:float 9s ease-in-out infinite}.cloud-b{top:22%;right:6%;width:64px;animation:float 11s ease-in-out infinite reverse}.cloud-c{bottom:28%;left:12%;width:56px;animation:float 13s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.beep{position:absolute;font-family:Caveat,cursive;font-weight:700;font-size:22px;letter-spacing:.5px;animation:pop 2.6s ease-in-out infinite}.beep-1{top:18%;left:50%;transform:translate(-50%);color:#ff5252;animation-delay:.2s}.beep-2{top:30%;right:16%;color:#f6a945;animation-delay:1.1s}.beep-3{bottom:22%;left:14%;color:#5ed27a;animation-delay:1.8s}@keyframes pop{0%,70%,to{opacity:0;transform:translateY(6px) scale(.85)}10%,55%{opacity:1;transform:translateY(0) scale(1)}}.beep-1{animation-name:popCenter}@keyframes popCenter{0%,70%,to{opacity:0;transform:translate(-50%) translateY(6px) scale(.85)}10%,55%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.scenes{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 24px;opacity:0;transform:translateY(20px) scale(.98);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.scene-on{opacity:1;transform:none;pointer-events:auto}.scene-inner{width:100%}.scene,.scene-inner,.text-center{overflow:visible}.text-center{text-align:center}.eyebrow{font-family:Caveat,cursive;font-weight:700;font-size:22px;color:#4a8db5;margin:6px 0 10px}.rainbow-title{font-family:Caveat,cursive;font-size:52px;line-height:1;font-weight:700;margin:0;padding:0;overflow:visible}.rainbow-title-safe{display:block;width:min(100%,360px);margin:0 auto;height:auto}.safe-title-svg,.safe-name-svg{display:block;width:100%;height:auto;overflow:visible}.safe-svg-text{font-family:Caveat,cursive;font-weight:700;paint-order:stroke fill;stroke:#fdfcf6e6;stroke-width:2px;stroke-linejoin:round}.safe-svg-title-text{font-size:58px}.rainbow-letter{display:inline-block;opacity:0;transform:translateY(20px) rotate(-8deg);animation:letterIn .5s forwards cubic-bezier(.34,1.56,.64,1);padding:0 1px}.rainbow-letter:nth-child(7n+1){color:#ff6b6b}.rainbow-letter:nth-child(7n+2){color:#f6a945}.rainbow-letter:nth-child(7n+3){color:#ffd23f}.rainbow-letter:nth-child(7n+4){color:#5ed27a}.rainbow-letter:nth-child(7n+5){color:#5ec5d6}.rainbow-letter:nth-child(7n+6){color:#7c9cf6}.rainbow-letter:nth-child(7n+7){color:#c779d6}@keyframes letterIn{to{opacity:1;transform:translateY(0) rotate(-2deg)}}.big-handwritten{font-family:Caveat,cursive;font-size:80px;font-weight:700;line-height:1;margin:0 auto 8px;letter-spacing:2px;padding:0;overflow:visible}.big-handwritten-safe{display:block;width:min(100%,360px)}.safe-svg-name-text{font-size:98px;letter-spacing:4px}.bounce-letter{display:inline-block;opacity:0;transform:translateY(30px);animation:bounceIn .7s forwards cubic-bezier(.34,1.56,.64,1);padding:0 2px}.bounce-letter{display:inline-block;opacity:0;transform:translateY(30px);animation:bounceIn .7s forwards cubic-bezier(.34,1.56,.64,1)}@keyframes bounceIn{to{opacity:1;transform:translateY(0)}}.age{font-size:22px;color:#4a5566;margin:4px 0 16px}.age strong{color:#ff6b6b;font-size:26px}.mini-cars{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:12px}.pop-in{opacity:0;transform:translateY(14px);animation:popIn .6s forwards cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{to{opacity:1;transform:translateY(0)}}.photo-card{position:relative;margin:12px auto;width:75%;max-width:280px}.photo-frame{border-radius:18px;padding:10px;background:#fff;border:3px dashed #5ec5d6;box-shadow:0 12px 30px -10px #28325040;aspect-ratio:3/4;overflow:hidden}.photo-frame img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}.photo-tape{position:absolute;width:56px;height:18px;background:#ffd166d9;border-left:1px dashed rgba(0,0,0,.1);border-right:1px dashed rgba(0,0,0,.1);top:-10px}.tape-l{left:10%;transform:rotate(-18deg)}.tape-r{right:10%;transform:rotate(14deg)}.sign-board{background:#fff8e6;border:3px solid #f6c945;border-radius:22px;padding:22px 18px;width:86%;max-width:320px;margin:0 auto;box-shadow:0 10px 24px -12px #0003;position:relative}.sign-board:before,.sign-board:after{content:"";position:absolute;top:-14px;width:14px;height:14px;border-radius:50%;background:#f6c945}.sign-board:before{left:16px}.sign-board:after{right:16px}.sign-label{font-family:Caveat,cursive;font-size:22px;color:#c98700;margin:0 0 6px}.date-big{font-family:Caveat,cursive;font-weight:700;font-size:64px;line-height:1;color:#ff6b6b;margin:4px 0}.date-big span{display:block;font-size:34px;color:#5ed27a}.date-year{font-size:22px;color:#4a8db5;font-weight:600;margin:4px 0}.date-time{font-family:Caveat,cursive;font-size:32px;color:#5ec5d6;margin:2px 0 0}.green-sign{background:#5ed27a;color:#fff;padding:22px 18px;border-radius:20px;width:88%;max-width:340px;margin:0 auto 16px;border:4px solid #fff;box-shadow:0 0 0 3px #5ed27a,0 14px 26px -12px #0000004d;transform:rotate(-1.5deg)}.green-sign-label{font-family:Caveat,cursive;font-size:22px;margin:0 0 4px;opacity:.95}.green-sign-main{font-size:22px;font-weight:700;margin:4px 0;line-height:1.2}.green-sign-sub{font-family:Caveat,cursive;font-size:28px;margin:2px 0 0}.trees{display:flex;align-items:flex-end;justify-content:center;gap:18px;margin-top:12px}.rsvp{font-family:Caveat,cursive;font-size:32px;color:#ff6b6b;margin:14px 0 2px}.rsvp-small{font-size:14px;color:#4a8db5;margin:0}.dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5}.dot{width:8px;height:8px;border-radius:50%;background:#3c506e40;border:0;cursor:pointer;transition:all .3s;padding:0}.dot-on{background:#ff6b6b;width:22px;border-radius:5px}.start-overlay{position:absolute;inset:0;z-index:10;background:#fdfaf3d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;font-family:inherit}.start-card{background:#fff;padding:28px 30px;border-radius:22px;box-shadow:0 16px 40px -16px #2832504d;text-align:center}.start-eyebrow{font-family:Caveat,cursive;font-size:22px;color:#4a8db5;margin:0 0 4px}.start-title{font-family:Caveat,cursive;font-size:36px;margin:0 0 12px;color:#ff6b6b}.start-cars{display:flex;gap:10px;justify-content:center}.w-14{width:56px}.h-8{height:32px}.w-16{width:64px}.h-10{height:40px}.w-12{width:48px}.h-16{height:64px}.w-20{width:80px}.h-12{height:48px}.w-10{width:40px}.h-14{height:56px}.w-7{width:28px}.w-32{width:128px}.download-bar{max-width:430px;margin:16px auto 0;display:flex;flex-direction:column;gap:10px;padding:4px}.dl-btn{appearance:none;border:0;border-radius:16px;padding:14px 18px;font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:16px;color:#fff;cursor:pointer;box-shadow:0 10px 22px -10px #28325066;transition:transform .15s ease,filter .15s ease}.dl-btn:disabled{cursor:progress;filter:saturate(.7)}.dl-btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05)}.dl-btn-video{background:linear-gradient(135deg,#ff6b6b,#f6a945)}.dl-btn-gif{background:linear-gradient(135deg,#5ec5d6,#5ed27a)}.dl-hint{text-align:center;font-family:Caveat,cursive;font-size:18px;color:#4a8db5;margin:2px 0 0}.start-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.03;pointer-events:none;z-index:0}.start-overlay .start-card{position:relative;z-index:1}.replay-btn{position:absolute;bottom:36px;left:50%;transform:translate(-50%);z-index:6;border:0;cursor:pointer;font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:16px;color:#fff;background:linear-gradient(135deg,#ff6b6b,#f6a945);padding:12px 22px;border-radius:999px;box-shadow:0 12px 26px -10px #28325066;animation:popIn .5s forwards cubic-bezier(.34,1.56,.64,1)}.replay-btn:hover{filter:brightness(1.05)}