@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Montserrat:wght@400;500;600&display=swap";:root{--navy: #0f2d4a;--navy-deep: #08233d;--baby-blue: #dae7f2;--baby-blue-2: #eaf4fa;--gold: #d4a72e;--gold-light: #e6c766;--cream: #f8f6f3;--ink: #173454;font-family:Cormorant Garamond,Georgia,serif;color:var(--ink);background:#dbeaf4;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{min-height:100svh;overscroll-behavior:none}button,a,canvas,[role=button]{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{position:relative;min-height:100svh;display:grid;place-items:center;background:#cfe0ec;overflow:hidden}.music-button,.language-button{position:fixed;top:max(15px,env(safe-area-inset-top));z-index:100;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(15,45,74,.16);border-radius:50%;background:#f8f6f3d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--navy);box-shadow:0 7px 22px #0f2d4a14;cursor:pointer}.music-button{right:15px;font-size:18px}.language-button{left:15px;font-family:Montserrat,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em}.travel-save-date{position:relative;width:min(100%,480px);min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 75% 12%,rgba(255,255,255,.72),transparent 30%),linear-gradient(to bottom,#e9f4fa,#dcebf5 54%,#edf6fb)}.sky-map-background{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.78}.world-map-image{position:absolute;top:6.5%;left:50%;width:82%;max-width:760px;transform:translate(-50%);display:block;object-fit:contain;opacity:.42}.top-flight-image{position:absolute;top:.8%;left:50%;width:95%;max-width:980px;transform:translate(-50%);display:block;object-fit:contain;opacity:.92}.envelope-interaction{position:relative;z-index:2;width:100%;min-height:100svh;overflow:hidden;outline:none}.stage-closed .envelope-interaction{cursor:pointer}.closed-copy{position:absolute;top:max(78px,calc(env(safe-area-inset-top) + 58px));left:0;right:0;z-index:50;text-align:center;color:var(--navy)}.closed-copy h1{margin:0;font-size:clamp(40px,12vw,58px);line-height:.95;font-weight:500;letter-spacing:.08em}.closed-copy p{margin:13px 0 0;font-family:Montserrat,Arial,sans-serif;font-size:9px;line-height:1.55;letter-spacing:.22em;font-weight:500}.open-instruction{position:absolute;left:0;right:0;bottom:max(11vh,70px);z-index:50;display:grid;place-items:center;color:var(--navy)}.open-instruction p{margin:0;font-family:Montserrat,Arial,sans-serif;font-size:9px;letter-spacing:.25em;font-weight:500}.compass{position:relative;margin-top:21px;display:grid;place-items:center;width:46px;height:46px}.compass img{display:block;width:100%;height:100%;object-fit:contain}.compass:before{content:"";position:absolute;left:50%;bottom:43px;width:1px;height:28px;transform:translate(-50%);background:#d4a72ebd}.envelope-scene{position:absolute;inset:0;z-index:10;pointer-events:none;opacity:1}.envelope-moving-part{position:absolute;left:0;bottom:0;width:100%;height:30vh;min-height:230px;transform-origin:center bottom;transform:translateY(-31vh) scaleX(.86);pointer-events:none}.envelope-back-mover{z-index:1}.flap-mover{z-index:30}.envelope-front-mover{z-index:20}.seal-mover{z-index:45;pointer-events:none}.envelope-back{position:absolute;inset:0;border-radius:5px 5px 0 0;background:linear-gradient(145deg,#123b63,#0f2d4a 56%,#0a2340);box-shadow:inset 0 0 0 1px #ffffff09}.envelope-back:after{content:"";position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(28deg,transparent 0 7px,rgba(255,255,255,.1) 7px 8px,transparent 8px 15px);mix-blend-mode:soft-light}.envelope-inner-paper{position:absolute;left:6%;right:6%;top:0;height:72%;z-index:4;opacity:0;background:var(--cream);clip-path:polygon(0 0,100% 0,76% 100%,24% 100%)}.envelope-card-shell{position:absolute;top:24vh;left:3%;right:3%;height:56vh;z-index:10;background:var(--cream);border:none;box-shadow:none;transform:translateY(43vh);opacity:0;pointer-events:none}.stage-scratch .envelope-card-shell{pointer-events:auto}.card-content{height:100%;padding:26px 20px 20px;display:flex;flex-direction:column;align-items:center}.card-topline{font-family:Montserrat,Arial,sans-serif;font-size:11px;letter-spacing:.22em;font-weight:600;text-align:center;color:var(--navy)}.plane-divider{width:min(82%,250px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:10px 0 13px;color:var(--gold)}.plane-divider span{height:1px;background:#d4a72eb3}.plane-divider b{font-family:Arial,sans-serif;font-size:16px;line-height:1}.special-copy{margin:0 0 14px;font-family:Montserrat,Arial,sans-serif;font-size:9px;line-height:1.45;letter-spacing:.17em;text-align:center;color:var(--navy)}.scratch-photo-wrap{position:relative;width:97%;max-width:none;margin-left:auto;margin-right:auto;aspect-ratio:1.38;overflow:hidden;border-radius:8px;background:var(--navy);box-shadow:0 8px 17px #0f2d4a1f}.scratch-photo-wrap img{width:100%;height:100%;display:block;object-fit:cover}.travel-scratch{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;transition:opacity .8s ease;pointer-events:none}.stage-scratch .travel-scratch{pointer-events:auto}.travel-scratch.is-revealed{opacity:0;pointer-events:none}.scratch-label{margin:auto 0 28px;padding-top:14px;font-family:Montserrat,Arial,sans-serif;font-size:8px;letter-spacing:.19em;color:var(--navy)}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;transform-origin:50% 0%;transform:scaleY(1);pointer-events:none}.envelope-left,.envelope-right,.envelope-bottom{position:absolute;inset:0;overflow:visible;pointer-events:none}.envelope-left,.envelope-right{z-index:20}.envelope-bottom{z-index:21}.envelope-left:before{content:"";position:absolute;left:0;bottom:0;width:55%;height:100%;clip-path:polygon(0 0,100% 58%,100% 100%,0 100%);background:linear-gradient(135deg,#173f66,#0b2947)}.envelope-right:before{content:"";position:absolute;right:0;bottom:0;width:55%;height:100%;clip-path:polygon(100% 0,0 58%,0 100%,100% 100%);background:linear-gradient(225deg,#173f66,#0b2947)}.envelope-bottom:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:82%;clip-path:polygon(0 100%,50% 10%,100% 100%);background:linear-gradient(to bottom,#174267,#0d2e4e)}.wax-seal{position:absolute;left:50%;top:49%;z-index:40;width:clamp(116px,30vw,143px);aspect-ratio:1;transform:translate(-50%,-50%);display:block;background:transparent;box-shadow:none;overflow:visible;pointer-events:none}.wax-seal img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(11,30,49,.28))}.final-card{position:relative;z-index:4;min-height:100svh;padding:max(56px,calc(env(safe-area-inset-top) + 42px)) 28px max(30px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;color:var(--navy);animation:finalEnter .85s ease both}@keyframes finalEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.final-card h2{margin:0;font-family:Montserrat,Arial,sans-serif;font-size:14px;letter-spacing:.22em;font-weight:600;text-align:center}.plane-divider.wide{width:min(90%,320px);margin-top:14px}.invite-copy{margin:7px 0 15px;font-family:Montserrat,Arial,sans-serif;font-size:10px;line-height:1.55;letter-spacing:.14em;text-align:center;font-weight:500}.final-photo-frame{width:min(100%,355px);aspect-ratio:1.48;padding:5px;background:var(--cream);border:2px solid var(--navy);box-shadow:0 9px 24px #0f2d4a17}.final-photo-frame img{width:100%;height:100%;display:block;object-fit:cover}.detail-row{width:min(100%,355px);display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;margin-top:16px;color:var(--navy);text-decoration:none}.detail-icon{display:grid;place-items:center;width:26px;min-width:26px;height:26px}.detail-icon img{display:block;width:100%;height:100%;object-fit:contain}.detail-icon-location{width:24px;min-width:24px;height:30px;align-self:center}.detail-row strong{font-size:18px;font-weight:600;letter-spacing:.04em}.location-row{align-items:start;margin-top:10px}.detail-row{align-items:center}.location-row strong,.location-row small{display:block}.location-row strong{font-size:15px;line-height:1.15}.location-row small{margin-top:2px;font-family:Montserrat,Arial,sans-serif;font-size:9px;text-decoration:underline;text-underline-offset:3px}.calendar-button{width:min(100%,355px);min-height:48px;margin-top:17px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--navy);color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:10px;letter-spacing:.02em;cursor:pointer;box-shadow:0 9px 20px #0f2d4a24}.calendar-icon{display:grid;place-items:center;width:18px;min-width:18px;height:18px}.calendar-icon img{display:block;width:100%;height:100%;object-fit:contain}.footer-divider{width:min(72%,270px);margin-top:24px;margin-bottom:12px}.save-message{margin:0;font-family:Montserrat,Arial,sans-serif;font-size:9px;letter-spacing:.2em;text-align:center}.formal-note{margin:12px 0 0;font-family:Montserrat,Arial,sans-serif;font-size:7px;letter-spacing:.14em;text-align:center}.story-note{margin:auto 0 0;padding-top:32px;font-family:Montserrat,Arial,sans-serif;font-size:8px;line-height:1.7;letter-spacing:.22em;text-align:center}@media(max-height:760px){.closed-copy{top:48px}.closed-copy h1{font-size:38px}.open-instruction{bottom:38px}.envelope-moving-part{height:32vh;transform:translateY(-29vh) scaleX(.86)}.envelope-card-shell{top:21vh;height:57vh;transform:translateY(44vh)}.card-content{padding:18px 15px 14px}.card-topline{font-size:9px}.special-copy{font-size:7px;margin-bottom:10px}.scratch-label{margin-bottom:24px;padding-top:9px;font-size:7px}.final-card{padding-top:32px}.final-photo-frame,.detail-row,.calendar-button{width:min(88%,310px)}.story-note{padding-top:18px}}@media(min-width:481px){.app-shell{padding:24px}.travel-save-date{min-height:min(920px,calc(100svh - 48px));border-radius:3px;box-shadow:0 18px 58px #0f2d4a24}}.envelope-moving-part{transition:none!important;will-change:transform}.stage-opening .envelope-card-shell{opacity:0!important;pointer-events:none!important}.stage-opening .envelope-flap{will-change:transform,width,height,left}@media(max-width:480px){.envelope-card-shell{top:15.5vh}}@media(max-width:480px)and (max-height:760px){.envelope-card-shell{top:13.5vh}}@media(max-width:480px){.world-map-image{top:8.5%;width:94%;opacity:.34}}@media(max-width:480px)and (max-height:760px){.world-map-image{top:7.5%;width:96%}}@media(max-width:480px){.top-flight-image{top:1.2%;width:118%;opacity:.9}}@media(max-width:480px)and (max-height:760px){.top-flight-image{top:.4%;width:122%}}