@font-face{font-family:Nunito;src:url(/assets/Nunito-63TK8RbS.ttf)format("truetype");font-weight:200 1000;font-style:normal;font-display:swap}@font-face{font-family:Dancing Script;src:url(/assets/DancingScript-CphQ46uv.ttf)format("truetype");font-weight:400 700;font-style:normal;font-display:swap}:root{--paper:#f8f4ff;--ink:#352443;--muted:#71617f;--rose:#79519a;--gold:#a17bb9;--line:#e2d5ef;--surface:#fffcff;--soft:#efe5f8;--accent-pressed:#62407e;--serif:"Dancing Script",cursive;--sans:Nunito,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font:15px/1.6 var(--sans);background:radial-gradient(ellipse at 10% 0%,#eee5db66,transparent 40%),radial-gradient(ellipse at 95% 70%,#ead8cf44,transparent 45%),var(--paper);margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}main:focus{outline:none}img,video{max-width:100%;display:block}button{border:0}h1,h2,p,figure{margin:0}.icon{flex-shrink:0;width:22px;height:22px}p{white-space:pre-line}.app{max-width:540px;min-height:100dvh;margin:0 auto;padding:0 30px 110px;position:relative}.site-header{justify-content:space-between;align-items:center;padding:32px 0 29px;display:flex}.wordmark{font:italic 20px var(--serif);color:var(--rose);align-items:center;gap:10px;display:flex}.wordmark>.icon{width:27px;height:27px}.wordmark small{font:8px/2.1 var(--sans);letter-spacing:2.3px;color:var(--muted);display:block}.round-button{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.round-button .icon{width:19px}.journey{margin-bottom:38px}.journey>div{font:9px var(--sans);letter-spacing:1.7px;color:var(--muted);justify-content:space-between;margin-bottom:12px;display:flex}progress{appearance:none;background:var(--line);border:0;border-radius:3px;width:100%;height:2px;display:block}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--rose)}progress::-moz-progress-bar{background:var(--rose)}.eyebrow{font:9px/1.6 var(--sans);letter-spacing:2.8px;color:var(--rose);text-transform:uppercase}.intro{font:14px/1.85 var(--sans);color:var(--muted);margin-top:20px}.welcome{text-align:center}.welcome-title{font:normal 65px/.99 var(--serif);letter-spacing:-3.8px;margin:22px 0}.welcome-title em{color:var(--rose);font-weight:400}.stage-title{font:normal 42px/1.12 var(--serif);letter-spacing:-1.7px;text-wrap:balance;margin-top:13px}.content>.stage-enter>p.intro{margin-bottom:24px}.primary,.secondary{letter-spacing:.3px;text-align:center;border-radius:5px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:56px;padding:16px 20px;font-size:13px;transition:background .2s,transform .2s;display:flex}.primary{background:var(--rose);color:#fff8ed;border:1px solid var(--rose)}.primary:not(:disabled):active{background:#7c3d46;transform:translateY(1px)}.primary .icon{width:19px;height:19px}.secondary{color:var(--rose);border:1px solid var(--line);background:0 0}.gentle-note{font:12px/1.8 var(--sans);color:var(--muted);text-align:center;margin:21px 0}.gentle-note .icon{vertical-align:-2px;width:13px;height:13px;margin-right:5px}.envelope-wrap{width:100%;max-width:350px;height:280px;margin:18px auto 15px;position:relative}.envelope{background:#d7b5a2;border-radius:3px;height:146px;position:absolute;bottom:46px;left:25px;right:25px;transform:rotate(-5deg);box-shadow:0 19px 35px -15px #5c3c3838}.envelope-letter{text-align:left;background:#fffdf4;border:1px solid #e9dcc7;height:160px;padding:20px;transition:transform .65s,opacity .65s;position:absolute;bottom:80px;left:44px;right:44px;transform:rotate(2deg)}.letter-date{font:7px var(--sans);letter-spacing:2px;color:var(--muted);display:block}.letter-script{font:italic 17px var(--serif);color:var(--rose);margin:13px 0 15px;display:block}.envelope-letter i{background:#e0d4c2;width:90%;height:1px;margin:9px 0;display:block}.envelope-letter i:nth-of-type(2){width:70%}.envelope-letter>.icon{float:right;width:16px;color:var(--rose);margin-top:2px}.envelope-fold{clip-path:polygon(0 0,100% 0,50% 72%);background:#cda68f;position:absolute;inset:0}.envelope-front{clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);background:linear-gradient(110deg,#e5c7af,#daba9f);position:absolute;inset:0}.envelope-front:after{content:"";clip-path:polygon(0 100%,50% 46%,100% 100%);background:#e8ccb5;position:absolute;inset:0}.wax-seal{color:#d7a7a1;background:#9c5158;border-radius:47%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:52px;left:calc(50% - 23px);box-shadow:inset 0 0 0 3px #aa6066,inset 0 0 0 4px #8e474d,0 2px 5px #7d3e3e33}.wax-seal>.icon{width:20px;height:20px}.envelope-caption{font:italic 14px var(--serif);color:#a38677;position:absolute;bottom:0;left:0;right:0}.floating-spark{color:var(--gold);font:26px var(--serif);position:absolute}.spark-one{top:30px;left:10px}.spark-two{font-size:19px;top:67px;right:9px}.is-opening .envelope-letter{opacity:0;transform:translateY(-70px)rotate(0)}.is-opening .wax-seal{opacity:0;transition:opacity .35s}.polaroid{background:#fffdf7;border:1px solid #eee5d6;margin:8px 8px 36px;padding:10px 10px 0;transform:rotate(-2deg);box-shadow:0 8px 25px #755c4520}.polaroid img,.polaroid .scene{aspect-ratio:1.16;object-fit:cover;width:100%}.scene{width:100%;display:block}.polaroid figcaption{font:italic 13px var(--serif);color:#826a5c;justify-content:space-between;align-items:center;padding:16px 5px;display:flex}.polaroid figcaption .icon{width:16px;height:16px;color:var(--rose)}.question{margin-top:28px}.question label,.access label{color:var(--ink);margin-bottom:9px;font-size:12px;display:block}input{width:100%;min-width:0;height:58px;color:var(--ink);box-shadow:none;appearance:none;background:#fffdf8;border:1px solid #dfd3c4;border-radius:5px;padding:14px 16px;font-size:16px;display:block}input::placeholder{color:#b29e8e;font-size:13px}input[type=date]{text-align:left;min-height:58px}input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:24px}.text-button{min-height:44px;color:var(--rose);background:0 0;align-items:center;gap:8px;padding:9px 0;font-size:12px;display:inline-flex}.text-button .icon{width:16px;height:16px}.hint-toggle{margin:6px 0 12px}.hint{color:#735c50;background:#f0e7d9;border-radius:4px;margin-bottom:18px;padding:14px;font-size:12px}.question .primary{margin-top:12px}.game-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin:28px 0 16px;font-size:11px;display:flex}.game-caption strong{white-space:nowrap;color:var(--rose)}.match-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.match-card{aspect-ratio:1.05;background:#eee2d5;border:1px solid #dfcdbb;border-radius:6px;place-items:center;transition:background .25s,transform .25s;display:grid;position:relative}.match-card>.icon{color:#ba8e84;width:28px;height:28px}.match-card:disabled{opacity:1}.match-card.flipped{background:#fffaf0;transform:rotateY(0)}.match-card.matched{background:#ecebdd;border-color:#c8c9b6}.card-face{font-size:32px}.match-card .card-check{color:#87917a;width:12px;height:12px;position:absolute;bottom:6px;right:6px}.gift-card{text-align:center;background:#fffaf0;border:1px solid #dfc6af;border-radius:8px;margin:32px 0 22px;padding:38px 24px 27px;position:relative;overflow:hidden;box-shadow:0 9px 30px #755c4510}.gift-ribbon{background:#e8d7c0;width:190px;height:7px;position:absolute;top:32px;left:-54px;transform:rotate(-45deg)}.gift-icon{width:46px;height:46px;color:var(--rose);stroke-width:1px;margin:0 auto 24px;display:block}.gift-card h2{font:normal 33px/1.15 var(--serif);margin:15px 0 12px}.gift-card>p{font:italic 22px var(--serif);color:var(--rose);margin-bottom:24px}.gift-card small{color:var(--muted);font-size:11px;display:block}.sample-stamp{letter-spacing:2px;color:#8e7965;border:1px solid #d4c4b0;margin:0 0 20px;padding:7px 10px;font-size:8px;display:inline-block}.gift-actions{gap:10px;display:grid}.next-link{justify-content:center;width:100%;margin-top:18px;display:flex}.video-placeholder{border-radius:7px;margin-top:28px;position:relative;overflow:hidden}.video-placeholder .scene{aspect-ratio:.95;object-fit:cover}.play-decoration{color:#6b504b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff6e5aa;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:calc(50% - 32px);left:calc(50% - 32px)}.video-label{text-align:center;color:#fff9eb;font:italic 17px var(--serif);text-shadow:0 1px 8px #31413c;position:absolute;bottom:24px;left:0;right:0}.memory-video{background:#242b29;border-radius:6px;width:100%;max-height:70dvh;margin-top:28px}.timeline{margin:30px 0;padding:0;list-style:none}.timeline li{border:1px solid var(--line);background:#fffaf3;border-radius:5px;align-items:center;gap:14px;min-height:92px;margin-bottom:12px;padding:15px 12px;display:flex}.timeline-number{font:italic 24px var(--serif);color:#c5a78d}.timeline li>div:nth-child(2){flex:1;min-width:0}.timeline strong{font:normal 19px var(--serif)}.timeline small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.reorder{flex-direction:column;display:flex}.reorder button{width:44px;min-height:44px;color:var(--rose);background:0 0}.reorder .icon{width:18px;height:18px}.love-letter{border:1px solid var(--line);background:#fffaf2;margin:24px 0 30px;padding:35px 24px;box-shadow:0 6px 24px #8d71500c}.love-letter>.icon{color:var(--rose);margin:0 auto 25px;display:block}.love-letter h1{font:normal 32px/1.2 var(--serif);letter-spacing:-.6px;text-align:center}.salutation{font:italic 24px var(--serif);color:var(--rose);margin:30px 0 20px}.letter-copy{white-space:pre-line;font:17px/1.95 var(--serif);color:#6b5a4d}.signature{font:italic 25px var(--serif);color:var(--rose);text-align:right;margin-top:25px}.voice-note{width:100%;margin-top:25px}.finale{text-align:center}.trip-art{border-radius:110px 110px 4px 4px;margin:28px -10px 0;position:relative;overflow:hidden}.trip-art img,.trip-art .scene{aspect-ratio:1.1;object-fit:cover;width:100%}.trip-tag{color:#fff8e9;font:italic 12px var(--serif);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:0;right:0}.trip-tag .icon{width:16px;height:16px}.boarding-pass{text-align:left;background:#fffaf2;border:1px solid #d9c6ac;border-radius:5px;justify-content:space-between;align-items:center;margin:-12px 5px 0;padding:22px 19px 33px;display:flex;position:relative;box-shadow:0 7px 20px #755c4520}.boarding-pass h2{font:normal 27px/1.2 var(--serif);margin:8px 0}.boarding-pass small{color:var(--muted);font-size:11px}.boarding-pass>.icon{width:35px;height:35px;color:var(--rose);margin-left:10px}.boarding-pass:after{content:"";border-right:1px dashed #d9c6ac;position:absolute;top:0;bottom:0;right:65px}.boarding-note{font:7px var(--sans);letter-spacing:1.3px;color:var(--muted);position:absolute;bottom:10px;left:19px}.ticket-image{border-radius:5px;width:100%;margin:22px 0}.final-message{font:20px/1.8 var(--serif);margin:30px 0}.final-message em{color:var(--rose)}.final-sparks{font:25px var(--serif);color:var(--gold);justify-content:space-around;align-items:center;margin-bottom:20px;display:flex}.final-sparks span{font-size:40px}.final-sparks i{font-size:18px;font-style:normal}.stage-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:35px;padding-top:15px;display:flex}.stage-nav>span .icon{color:#c6a08e;width:14px;height:14px}.site-footer{text-align:center;color:#aa9381;letter-spacing:.3px;margin-top:38px;font-size:10px}.site-footer span{font:italic 12px var(--serif);margin-left:4px}.sound-corner{right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:10;align-items:center;gap:5px;display:flex;position:fixed}.sound-button{width:52px;height:52px;color:var(--rose);background:#fff9ed;border:1px solid #d8b9a2;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 18px #8d71502a}.sound-button.is-playing{color:#fff5e9;background:#96505b;border-color:#96505b}.sound-details{width:27px;height:44px;color:var(--rose);background:0 0;font-size:17px}.sound-popover{border:1px solid var(--line);background:#fffaf1;border-radius:6px;width:min(280px,100vw - 40px);padding:21px;position:absolute;bottom:68px;right:0;box-shadow:0 8px 35px #5b454025}.sound-popover strong{font:italic 21px var(--serif);margin:12px 0;display:block}.sound-popover p{color:var(--muted);font-size:12px}.error{color:#8a4149;background:#f2e1db;border:1px solid #dfb9ad;border-radius:5px;margin-top:20px;padding:15px 17px;font-size:13px}.error .text-button{font-weight:600;display:block}.preview-banner{letter-spacing:1.8px;text-align:center;color:var(--rose);padding:12px 0 0;font-size:7px}.preview-banner span{margin:0 5px}.demo-label{text-align:center;color:var(--muted);margin-top:20px;font-size:10px}.loading{text-align:center;padding:100px 0}.loading .icon{color:var(--rose);animation:2s infinite breathe}.loading p{color:var(--muted);font:italic 18px var(--serif);margin-top:20px}.access{text-align:center}.access .envelope-wrap{height:250px}.access form{text-align:left}.access label{text-align:center}.access input{text-align:center;letter-spacing:5px;margin:15px 0}.access input::placeholder{letter-spacing:1px}.access-content{padding-top:10px}.completion{color:var(--muted);align-items:center;gap:9px;margin:25px 0;font-size:12px;display:flex}.completion .icon{color:#8a967a}.completion~.secondary{margin-top:15px}.history-dialog{border:1px solid var(--line);background:var(--paper);width:calc(100% - 24px);max-width:500px;max-height:85dvh;color:var(--ink);border-radius:14px 14px 6px 6px;margin:0 auto;padding:25px;position:fixed;inset:auto 12px 12px;overflow:auto}.history-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#342c255a}.dialog-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.dialog-header h2{font:normal 27px var(--serif);margin-top:6px}.history-list{gap:6px;display:grid}.history-list button{text-align:left;border-bottom:1px solid var(--line);background:#fffaf1;align-items:center;gap:13px;min-height:58px;padding:13px;display:flex}.history-list button>span{font:italic 17px var(--serif);color:#ad8b75}.history-list button>strong{font:normal 17px var(--serif);flex:1}.history-list .icon{width:17px;color:var(--rose)}.stage-enter{animation:.45s both arrive}@keyframes arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.6;transform:scale(1.15)}}@media (width>=800px){.app{background:#fbf7eeaa;border:1px solid #e4d6c5;border-radius:10px;min-height:calc(100dvh - 70px);margin:35px auto;padding-left:45px;padding-right:45px;box-shadow:0 25px 100px #5c3c3810}.sound-corner{bottom:32px;right:calc(50% - 330px)}}@media (width<=370px){.app{padding-left:22px;padding-right:22px}.welcome-title{font-size:58px}.stage-title{font-size:36px}.envelope{left:15px;right:15px}.envelope-letter{left:30px;right:30px}.preview-banner{letter-spacing:1px;font-size:7px}.match-grid{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.match-photo{object-fit:cover;border-radius:5px;width:100%;height:100%;position:absolute;inset:0}.timeline-photo{object-fit:cover;border-radius:3px;flex-shrink:0;width:52px;height:60px}body{background:radial-gradient(ellipse at 10% 0%,#e4d2f866,transparent 40%),radial-gradient(ellipse at 95% 70%,#eddcf644,transparent 45%),var(--paper)}.primary,.secondary,input{border-radius:18px}.primary{color:#fff}.primary:not(:disabled):active{background:var(--accent-pressed)}.welcome-title{letter-spacing:-1px;font-weight:600;line-height:1.12}.stage-title{letter-spacing:0;font-weight:600;line-height:1.2}.wordmark,.letter-script,.signature,.salutation,.envelope-caption{font-style:normal}.intro{font-size:15px}.letter-copy{font-family:var(--sans);color:var(--ink)}.polaroid,.envelope-letter,input,.gift-card,.timeline li,.love-letter,.boarding-pass,.sound-button,.sound-popover,.history-list button{background:var(--surface);border-color:var(--line)}.hint,.match-card{background:var(--soft);border-color:var(--line);color:var(--ink);border-radius:14px}.match-card>.icon,.polaroid figcaption,.envelope-caption,.site-footer,.timeline-number,.history-list button>span,input::placeholder{color:var(--muted)}.match-card.flipped{background:var(--surface)}.match-card.matched{background:#e8eddf}.gift-card,.love-letter,.timeline li,.sound-popover{border-radius:20px}.gift-ribbon{background:#ddc8ee}.sample-stamp,.boarding-pass:after{border-color:var(--line)}.envelope{background:#cbb0e0}.envelope-fold{background:#bca0d5}.envelope-front{background:linear-gradient(110deg,#e1ccef,#ceb4e3)}.envelope-front:after{background:#e4d0f0}.envelope-letter i{background:var(--line)}.wax-seal{background:var(--rose);color:#eadcf5;box-shadow:inset 0 0 0 3px #926bad,inset 0 0 0 4px #684286,0 2px 5px #53386633}.sound-button.is-playing{background:var(--rose);border-color:var(--rose);color:#fff}@media (width>=800px){.app{border-color:var(--line);background:#faf6ffdd;border-radius:24px}}