:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .16s;--duration-medium: .26s;--duration-slow: .62s;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111217;background:#edf5fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{border:0;font:inherit}@keyframes stage-enter{0%{opacity:0;filter:blur(6px)}}@keyframes content-enter{0%{opacity:0;filter:blur(5px);transform:translateY(18px) scale(.99)}}@keyframes carousel-enter{0%{opacity:0;filter:blur(5px);transform:var(--carousel-transform) translateY(26px) scale(.965)}}@keyframes keepsake-settle{0%{opacity:0;transform:translateY(12px) scale(.985)}}.experience{min-height:100svh;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.86),transparent 30%),linear-gradient(180deg,#f8fbff,#d4e8f6 46%,#b6d4eb);display:grid;place-items:stretch;overflow:hidden}.hero-stage{position:relative;width:100%;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 14% 32%,rgba(255,255,255,.78),transparent 11%),radial-gradient(circle at 88% 30%,rgba(255,255,255,.72),transparent 12%),linear-gradient(180deg,#b9d6ed,#d9e9f4 54%,#f9fbfd);isolation:isolate;animation:stage-enter .92s var(--ease-out) both}.sky-noise{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1.5px,transparent 2px),radial-gradient(circle,rgba(93,224,166,.58) 0 1.3px,transparent 2px);background-position:20px 10px,72px 44px;background-size:124px 132px,176px 188px;opacity:.5;pointer-events:none}.hero-content{position:relative;z-index:2;width:min(680px,calc(100% - 38px));margin:0 auto;padding-top:clamp(70px,13svh,138px);text-align:center;animation:content-enter .94s var(--ease-out) .12s both}.mini-label{margin:0 0 18px;color:#1112178c;font-size:clamp(.78rem,2.8vw,.92rem);font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#101116;font-size:clamp(2.75rem,10.8vw,5.7rem);line-height:1;letter-spacing:0;font-weight:760}.actions{display:flex;justify-content:center;gap:12px;margin-top:clamp(26px,5vw,38px);flex-wrap:wrap}.hero-note-button{min-width:260px}.primary-button,.secondary-button{min-width:118px;min-height:56px;border-radius:999px;padding:0 26px;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);will-change:transform}.primary-button{color:#fff;background:#09090b;box-shadow:0 14px 28px #09090b2e;font-weight:760}.secondary-button{color:#1c1e23;background:#ffffff80;box-shadow:inset 0 0 0 1px #ffffff8f;font-weight:700;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.primary-button:active,.secondary-button:active{transform:translateY(0) scale(.98)}.primary-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible,.confirm-slider-thumb:focus-visible{outline:3px solid rgba(19,72,112,.34);outline-offset:4px}.photo-carousel{--carousel-transform: translateX(-50%);position:absolute;z-index:1;left:50%;bottom:clamp(18px,5svh,44px);width:min(520px,calc(100% - 48px));height:min(45svh,410px);transform:var(--carousel-transform);animation:carousel-enter 1.08s var(--ease-out) .3s both}.carousel-photo{position:absolute;inset:0;margin:0;background:#fffffff0;padding:10px 10px 34px;border-radius:22px;box-shadow:0 28px 70px #34556e3d;opacity:0;transform:translateY(18px) scale(.9);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),filter var(--duration-slow) var(--ease-out);filter:saturate(.82) brightness(1.04);will-change:transform,opacity}.carousel-photo.is-active{z-index:3;opacity:1;transform:translateY(0) scale(1);filter:saturate(.98) brightness(1.02)}.carousel-photo.is-prev,.carousel-photo.is-next{opacity:.72}.carousel-photo.is-prev{z-index:1;transform:translate(-18%) translateY(18px) rotate(-5deg) scale(.86)}.carousel-photo.is-next{z-index:2;transform:translate(18%) translateY(12px) rotate(5deg) scale(.86)}.carousel-photo img{display:block;width:100%;height:100%;border-radius:15px;object-fit:cover;transform:scale(1.012);transition:transform var(--duration-slow) var(--ease-out)}.carousel-photo.is-active img{transform:scale(1)}.carousel-photo figcaption{position:absolute;left:18px;bottom:8px;color:#1f232b94;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:1.05rem;opacity:0;transition:opacity var(--duration-medium) var(--ease-out)}.carousel-photo.is-active figcaption{opacity:1}.carousel-dots{position:absolute;left:50%;bottom:-20px;display:flex;gap:7px;transform:translate(-50%)}.carousel-dots span{width:6px;height:6px;border-radius:999px;background:#11121740;transition:width var(--duration-medium) var(--ease-out),background var(--duration-medium) var(--ease-out)}.carousel-dots span.is-active{width:18px;background:#1112179e}.is-accepted .hero-content{padding-top:clamp(48px,9svh,86px)}.keepsake{width:min(720px,100%);margin:0 auto;padding:0;border-radius:0;background:transparent;box-shadow:none;animation:keepsake-settle .78s var(--ease-out) both}.keepsake h1{font-family:inherit;font-size:clamp(2.75rem,10.8vw,5.7rem);font-weight:760;line-height:1;letter-spacing:0;text-wrap:balance}.date-line{margin:clamp(14px,4vw,22px) 0 0;color:#11121794;font-size:clamp(1.1rem,4.5vw,1.45rem);font-weight:700}.is-accepted .photo-carousel{top:auto;bottom:clamp(28px,5svh,50px);opacity:1;transform:var(--carousel-transform)}.sheet-layer{position:fixed;inset:0;z-index:10;display:grid;align-items:end;pointer-events:none}.sheet-layer.is-open{pointer-events:auto}.sheet-scrim{position:absolute;inset:0;background:#0e141c00;transition:background var(--duration-medium) var(--ease-out)}.sheet-layer.is-open .sheet-scrim{background:#0e141c47}.note-sheet{position:relative;width:min(100%,620px);margin:0 auto;max-height:min(86svh,640px);overflow-y:auto;padding:78px 24px 28px;border-radius:30px 30px 0 0;background:linear-gradient(180deg,#fffefb,#f8fbff);box-shadow:0 -26px 80px #10263638;transform:translateY(120vh);transition:transform .36s var(--ease-out);will-change:transform}.sheet-layer.is-open .note-sheet{transform:translateY(0)}.icon-button{position:absolute;top:14px;right:14px;display:grid;width:42px;height:42px;place-items:center;border-radius:999px;color:#111217;background:#edf3f8e6;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.icon-button:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.icon-button:hover{background:#e1ecf4fa;transform:translateY(-1px)}}.note-copy{margin:0 auto;max-width:510px;color:#15161a;font-size:clamp(1rem,3.55vw,1.16rem);line-height:1.55;font-weight:520;letter-spacing:0;text-align:left}.note-copy p{margin:0}.note-copy p+p{margin-top:18px}.confirm-slider{position:relative;width:min(100%,510px);height:58px;margin:28px auto 0;overflow:hidden;border-radius:999px;background:#ffffff05;box-shadow:0 14px 30px #0d233814,inset 0 0 0 1px #0d23386b;touch-action:none;-webkit-user-select:none;user-select:none}.confirm-slider-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#143e62,#2f7fb6);opacity:.92;transform:scaleX(var(--slide-progress));transform-origin:left center;transition:opacity var(--duration-medium) var(--ease-out),transform var(--duration-medium) var(--ease-out)}.confirm-slider.is-dragging .confirm-slider-fill{transition-duration:60ms}.confirm-slider-label{position:absolute;inset:0;display:grid;place-items:center;padding:0 72px;color:#0d2338d1;font-weight:760;line-height:1;text-align:center;z-index:1;transition:opacity var(--duration-medium) var(--ease-out),transform var(--duration-medium) var(--ease-out)}.confirm-slider-label-fill{color:#fffffff0;clip-path:inset(0 var(--slide-reveal) 0 0)}.confirm-slider.is-dragging .confirm-slider-label-base{opacity:.82}.confirm-slider.is-complete .confirm-slider-label-fill{color:#fff;opacity:1;transform:scale(.98)}.confirm-slider-thumb{position:absolute;top:6px;left:6px;z-index:2;display:grid;width:46px;height:46px;place-items:center;border-radius:999px;color:#0d2338;background:#fffffff5;box-shadow:0 8px 18px #04111d29,inset 0 0 0 1px #0d23381f;cursor:grab;transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-medium) var(--ease-out);touch-action:none}.confirm-slider.is-dragging .confirm-slider-thumb{cursor:grabbing;transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.confirm-slider.is-complete .confirm-slider-thumb{color:#fff;background:#2f7fb6;box-shadow:0 12px 28px #2f7fb657}.celebration-layer{position:fixed;inset:0;z-index:30;overflow:hidden;pointer-events:none}.celebration-bloom{position:absolute;left:50%;top:44%;width:min(940px,172vw);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.9) 0 16%,rgba(228,244,255,.62) 30%,transparent 64%),radial-gradient(circle at 48% 48%,rgba(247,231,190,.52),transparent 50%);filter:blur(2px);opacity:0;transform:translate(-50%,-50%) scale(.42);animation:celebration-bloom 5.2s var(--ease-out) both}.celebration-sheen{position:absolute;left:-35%;top:36%;width:170%;height:24svh;background:linear-gradient(100deg,transparent 18%,rgba(255,255,255,.58) 42%,transparent 68%);opacity:0;transform:rotate(-11deg) translate(-18%);animation:celebration-sheen 4.4s var(--ease-out) .52s both}.paper-piece{position:absolute;top:47%;left:50%;width:13px;height:9px;border-radius:999px;background:#ffffffd1;box-shadow:0 0 22px #ffffff94;opacity:0;animation:paper-drift 5.2s var(--ease-out) var(--piece-delay) both}.paper-piece:nth-child(3n){width:9px;height:9px;background:#84c3e6d1}.paper-piece:nth-child(4n){width:18px;height:7px;background:#f5faffeb}.paper-piece:nth-child(5n){background:#8fdec2c2}@keyframes celebration-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.42)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.16)}}@keyframes celebration-sheen{0%{opacity:0;transform:rotate(-11deg) translate(-18%)}20%{opacity:.9}to{opacity:0;transform:rotate(-11deg) translate(22%)}}@keyframes paper-drift{0%{opacity:0;transform:translateZ(0) rotate(0) scale(.86)}18%{opacity:1}64%{opacity:.9}to{opacity:0;transform:translate3d(var(--drift-x),var(--drift-y),0) rotate(var(--spin)) scale(1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:900px){.hero-stage{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(480px,1.05fr);align-items:center}.hero-content{width:min(560px,calc(100% - 80px));margin-left:clamp(44px,7vw,92px);padding-top:0;text-align:left}.actions{justify-content:flex-start}h1{max-width:540px;font-size:clamp(3.35rem,4.25vw,4.45rem);line-height:1.03;text-wrap:balance}.photo-carousel{--carousel-transform: translateY(-50%);left:auto;top:50%;right:clamp(22px,5vw,72px);bottom:auto;width:min(620px,42vw);height:min(720px,78svh);transform:var(--carousel-transform)}.carousel-photo.is-prev{transform:translate(-13%) translateY(24px) rotate(-4deg) scale(.88)}.carousel-photo.is-next{transform:translate(13%) translateY(18px) rotate(4deg) scale(.88)}.is-accepted .photo-carousel{top:50%;bottom:auto;opacity:1;transform:var(--carousel-transform)}.is-accepted .hero-content{padding-top:0}.keepsake{width:min(680px,100%)}.keepsake h1{max-width:660px;font-size:clamp(3.05rem,4vw,4.15rem);line-height:1.04}.sheet-layer{align-items:center}.note-sheet{border-radius:30px}}@media(max-width:430px){.hero-content{width:calc(100% - 56px);padding-top:70px}h1{max-width:335px;margin-inline:auto;font-size:clamp(2.5rem,11.5vw,3.35rem)}.actions{width:min(100%,335px);gap:10px;margin-inline:auto;margin-top:22px}.primary-button,.secondary-button{min-width:132px}.hero-note-button{width:100%;min-width:0;max-width:none}.sheet-yes{width:100%}.photo-carousel{bottom:clamp(56px,11.2svh,104px);width:min(330px,calc(100% - 72px));height:min(52svh,430px)}.carousel-dots{bottom:-34px}.carousel-photo.is-portrait,.carousel-photo.is-landscape{left:50%;width:min(330px,92vw);transform-origin:center bottom}.carousel-photo.is-portrait.is-active,.carousel-photo.is-landscape.is-active{transform:translate(-50%) translateY(0) scale(1)}.carousel-photo.is-portrait.is-prev,.carousel-photo.is-landscape.is-prev{transform:translate(-68%) translateY(18px) rotate(-5deg) scale(.86)}.carousel-photo.is-portrait.is-next,.carousel-photo.is-landscape.is-next{transform:translate(-32%) translateY(12px) rotate(5deg) scale(.86)}.is-accepted .photo-carousel{top:auto;bottom:clamp(56px,11.2svh,104px);width:min(330px,calc(100% - 72px));height:min(52svh,430px)}.is-accepted .hero-content{padding-top:70px}.keepsake h1{max-width:335px;margin-inline:auto;font-size:clamp(2.5rem,11.5vw,3.35rem)}.carousel-photo:nth-of-type(1) img{object-position:52% 36%}.carousel-photo:nth-of-type(2) img{object-position:51% 42%}.carousel-photo:nth-of-type(3) img{object-position:47% 34%}}@media(max-width:430px)and (max-height:720px){.hero-content,.is-accepted .hero-content{padding-top:48px}.photo-carousel{bottom:32px;width:min(300px,calc(100% - 88px));height:min(46svh,330px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}