:root{--bg:#fff7f6;--surface:#ffffffd1;--surface-strong:#fff;--text:#49223a;--muted:#8c6074;--pink:#f26f9f;--rose:#d94673;--coral:#ff8a7a;--lavender:#8f7aea;--mint:#79cbb8;--gold:#f2bb57;--border:#d946732e;--shadow:0 26px 70px #652d4b2e;--paper-shadow:0 18px 42px #652d4b24;--radius:28px;--fast:.18s ease;--smooth:.52s cubic-bezier(.22, 1, .36, 1);--font-body:"Patrick Hand", "Kalam", cursive;--font-note:"Gaegu", "Patrick Hand", cursive;--font-marker:"Permanent Marker", "Kalam", cursive;--paper:#fffaeef2;--paper-edge:#d0b39642;--paper-blush:#ffe5ebf5;--paper-butter:#fff3c7f5;--paper-mint:#e1f7ecf5;--paper-lavender:#eee8fff5;--paper-peach:#ffe9d5f5;--paper-sky:#e0f1fff5}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100dvh;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 12% 14%,#ff8a7a42,#0000 28%),radial-gradient(circle at 88% 10%,#8f7aea33,#0000 24%),linear-gradient(145deg,#fff7f6 0%,#ffeaf1 47%,#f4f0ff 100%);margin:0;overflow-x:hidden}button{font:inherit}button,input,textarea,select{font-family:inherit}.ambient{aspect-ratio:1;filter:blur(18px);opacity:.5;pointer-events:none;border-radius:50%;width:34vmin;position:fixed;inset:auto}.ambient-one{background:#79cbb85c;bottom:8vmin;left:-12vmin}.ambient-two{background:#f2bb5752;top:34vmin;right:-10vmin}.hearts-layer{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.floating-heart,.click-heart,.confetti-piece{pointer-events:none;z-index:50;position:fixed}.floating-heart{color:#d946738a;animation:linear forwards floatHeart;bottom:-40px}@keyframes floatHeart{0%{opacity:0;transform:translateY(0)rotate(0)}12%{opacity:.9}to{opacity:0;transform:translateY(-112vh)rotate(22deg)}}.app-shell{z-index:2;align-content:center;gap:18px;width:min(1120px,100% - 32px);min-height:calc(100dvh - 32px);margin:16px auto;display:grid;position:relative}.progress-wrap{width:min(680px,100%);transition:opacity var(--smooth), transform var(--smooth);align-items:center;gap:12px;margin:0 auto;display:flex}.letter-locked .progress-wrap{opacity:0;pointer-events:none;transform:translateY(-12px)}.progress-track{border:1px solid var(--border);background:#ffffffbd;border-radius:999px;flex:1;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--lavender), var(--mint));width:14.28%;height:100%;transition:width var(--smooth)}.progress-text{min-width:42px;color:var(--muted);font-family:var(--font-note);text-align:right;font-size:1.05rem;font-weight:700}.section-slot{display:none}.section-slot.active{display:block}.journey-section{min-height:min(680px,100dvh - 124px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:sectionIn var(--smooth);background:0 0;border:0;border-radius:0;padding:clamp(18px,3vw,34px);display:grid}.journey-section.active{align-content:center;gap:clamp(20px,3vw,30px);display:grid}.letter-section{overflow:hidden}.letter-gate{width:min(960px,100%);min-height:min(620px,100dvh - 168px);box-shadow:none;text-align:center;background:0 0;border-radius:0;align-content:center;justify-items:center;gap:clamp(14px,4vw,24px);margin:0 auto;padding:clamp(32px,7vw,76px) clamp(28px,5vw,56px) clamp(32px,7vw,76px) clamp(72px,8vw,112px);display:grid}.letter-section.letter-opened .letter-gate{display:none}.letter-section.letter-opening .letter-gate{pointer-events:none}.opened-letter{display:none}.letter-section.letter-opened .opened-letter{gap:clamp(20px,3vw,30px);animation:.7s cubic-bezier(.22,1,.36,1) letterReveal;display:grid}.opened-letter,.scrapbook-page{background:linear-gradient(90deg,#0000 0 52px,#e9749238 52px 55px,#0000 55px),repeating-linear-gradient(#79cbb824 0 2px,#0000 2px 34px),linear-gradient(#fffef9f7,#fffaf6ed);border-radius:18px;width:min(1000px,100%);margin:0 auto;padding:clamp(22px,4vw,46px) clamp(22px,4vw,46px) clamp(22px,4vw,46px) clamp(68px,7vw,102px);position:relative;overflow:visible;box-shadow:0 24px 48px #652d4b1a,inset 0 2px #ffffffb3}.opened-letter:before,.scrapbook-page:before,.scrapbook-page:after{content:"";pointer-events:none;background:#ffd9859e;border-radius:4px;width:74px;height:24px;position:absolute;box-shadow:0 4px 12px #652d4b14}.opened-letter:before,.scrapbook-page:before{top:-10px;left:clamp(18px,4vw,42px);transform:rotate(-7deg)}.opened-letter:after{content:"";opacity:.72;z-index:0;background:radial-gradient(circle,#d6beacf2 0 5px,#0000 5.5px) top/18px 34px repeat-y;width:18px;position:absolute;top:32px;bottom:28px;left:24px}.scrapbook-page:after{bottom:-9px;right:clamp(18px,4vw,42px);transform:rotate(6deg)}.envelope-card{aspect-ratio:1.18;cursor:pointer;filter:drop-shadow(0 30px 48px #690c2247);width:min(100%,520px);transform-style:preserve-3d;perspective:1100px;touch-action:pan-y;background:0 0;border:0;margin:0 auto;position:relative;transform:rotate(-1deg)}.envelope-card:hover{transform:rotate(-1deg)translateY(-5px)}.envelope-back,.envelope-front,.envelope-flap,.envelope-paper,.heart-seal{display:block;position:absolute}.envelope-back{z-index:1;background:radial-gradient(circle at 50% 12%,#ffffff2e,#0000 18%),linear-gradient(145deg,#8f0d24,#d51f43 52%,#ff4967);border:2px solid #ffebef38;border-radius:18px;inset:22% 3% 4%}.envelope-paper{z-index:2;background:linear-gradient(#fffcf7fa,#ffeee6fa);border:1px solid #8f0d2429;border-radius:20px 20px 12px 12px;place-items:center;height:70%;padding:22px;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .42s;display:grid;top:10%;left:12%;right:12%;transform:translateY(64px)scale(.94);box-shadow:0 18px 34px #5b05171f}.envelope-card:hover .envelope-paper{transform:translateY(44px)scale(.96)}.paper-heart{color:#9f12302e;font-size:clamp(5.5rem,18vw,8rem);line-height:1}.envelope-front{z-index:3;background:linear-gradient(145deg,#0000 49.5%,#fff5f72e 50%,#0000 50.8%),linear-gradient(215deg,#0000 49.5%,#5b05172e 50%,#0000 50.8%),linear-gradient(145deg,#b80f2d,#f22f55);border:2px solid #ffebef2e;border-top:0;border-radius:0 0 18px 18px;inset:36% 3% 4%}.envelope-flap{clip-path:polygon(0 0,50% 82%,100% 0);transform-origin:50% 0;z-index:4;backface-visibility:hidden;background:linear-gradient(#ff526e,#b90f2d);height:38%;transition:transform .72s cubic-bezier(.22,1,.36,1),filter .72s;top:22%;left:3%;right:3%}.heart-seal{color:#fff7f6;z-index:5;background:linear-gradient(135deg,#7c0920,#ff6d82);border:2px solid #ffffff61;border-radius:50%;place-items:center;width:66px;height:66px;font-size:2.55rem;line-height:1;transition:opacity .24s,transform .52s;display:grid;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 30px #5b051759}.letter-gate-copy h1{color:#9f1230;font-family:var(--font-note);text-transform:lowercase;margin:0;font-size:clamp(1.7rem,5vw,2.45rem);line-height:1;animation:1.8s ease-in-out infinite cuePulse}.swipe-arrow{color:#d51f43;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:clamp(2rem,7vw,3rem);font-weight:800;line-height:.8;animation:1.25s ease-in-out infinite pointUpHint;display:block}.letter-section.letter-opening .envelope-flap{z-index:1}.letter-section.letter-opening .envelope-paper{z-index:5}.letter-section.letter-opening .heart-seal{opacity:0;transform:translate(-50%,-50%)scale(.4)}.letter-section.letter-opening .letter-gate-copy{opacity:0;transition:opacity .26s,transform .26s;transform:translateY(14px)}@keyframes cuePulse{0%,to{opacity:.58;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes pointUpHint{0%,to{opacity:.45;transform:translateY(8px)}50%{opacity:1;transform:translateY(-4px)}}@keyframes letterReveal{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sectionIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:clamp(24px,6vw,58px);display:grid}.script-line{color:var(--rose);font-family:var(--font-note);margin:0 0 10px;font-size:clamp(1.55rem,4vw,2.1rem);font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2{max-width:780px;font-family:"Kalam", var(--font-note);letter-spacing:0;margin-bottom:16px;font-size:clamp(2.1rem,7vw,5.15rem);font-weight:700;line-height:1.02}h2{font-size:clamp(2rem,5vw,3.45rem);line-height:1.08}h3{color:var(--rose);font-family:var(--font-note);margin-bottom:8px;font-size:clamp(1.1rem,2vw,1.3rem)}.lead,.soft-note,.memory-item p,.promise-panel,.letter{color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.72}.lead{max-width:600px}.date-chip{min-height:42px;color:var(--rose);clip-path:polygon(2% 5%,97% 0,100% 94%,3% 100%,0 18%);font-family:var(--font-note);background:#fff9e9eb;border:1px solid #b97d5833;border-radius:8px;align-items:center;margin-top:10px;padding:10px 16px;font-weight:800;display:inline-flex;transform:rotate(-2deg);box-shadow:0 10px 18px #652d4b14}.photo-feature,.memory-photo{text-align:center;color:#49223aad;background:linear-gradient(135deg,#ffffffd1,#ffe9f1c7),repeating-linear-gradient(45deg,#0000 0 16px,#8f7aea0f 16px 32px);border:2px dashed #d9467357;place-items:center;font-family:Gaegu,cursive;font-weight:700;display:grid}.photo-feature{background:#fff;border:10px solid #fffffff5;border-radius:10px;min-height:440px;padding:16px;position:relative;overflow:visible;transform:rotate(2.2deg);box-shadow:inset 0 2px #ffffffe6,0 22px 42px #652d4b2e,0 3px #d946731f}.photo-fill{object-fit:cover;z-index:0;border-radius:4px;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}.scrap-photo.clickable{cursor:zoom-in;transition:transform var(--fast), box-shadow var(--fast), filter var(--fast)}.scrap-photo.clickable:hover{filter:saturate(1.03)}.scrap-photo.clickable:focus-visible{outline-offset:6px;outline:3px solid #f26f9f6b}.photo-lightbox{z-index:120;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.photo-lightbox-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at top,#ffe6ec29,#0000 32%),#401a2c9e;position:absolute;inset:0}.photo-lightbox-card{z-index:1;background:#fff;border:14px solid #fffffff7;border-radius:10px;width:min(88vw,760px);margin:0;padding:18px;position:relative;transform:rotate(-1.6deg);box-shadow:0 30px 70px #2d121f52,inset 0 2px #ffffffe6}.photo-lightbox-card .tape-top{width:94px;top:-18px;left:34%;transform:rotate(-7deg)}.photo-lightbox-card .tape-corner{width:64px;top:22px;right:-18px}.photo-lightbox-image{object-fit:contain;background:#fff6f8d1;border-radius:4px;width:100%;max-height:min(78vh,820px);display:block}.photo-lightbox-close{z-index:6;color:var(--rose);clip-path:polygon(2% 5%,98% 0,100% 93%,3% 100%,0 16%);font-family:var(--font-note);cursor:pointer;background:#fff5e1f7;border:1px solid #b97d5838;border-radius:7px;padding:7px 14px;font-size:1rem;font-weight:700;position:absolute;top:-22px;right:18px;box-shadow:0 10px 18px #652d4b1f}.photo-spark{color:var(--pink);font-size:3rem;position:absolute;top:18px;right:24px}.photo-feature span{max-width:220px;font-size:clamp(2rem,4vw,3rem);line-height:1}.photo-placeholder-copy{z-index:1;text-align:center;background:linear-gradient(135deg,#ffffffd1,#ffe9f1c7),repeating-linear-gradient(45deg,#0000 0 16px,#79cbb80f 16px 32px);border-radius:4px;align-content:center;place-items:center;gap:8px;padding:16px;display:grid;position:absolute;inset:12px}.photo-placeholder-copy span{color:#d9467380;font-size:2.2rem;line-height:1}.photo-placeholder-copy p{max-width:170px;color:var(--muted);font-family:var(--font-note);margin:0;font-size:1.3rem;font-weight:700;line-height:1.05}.counter-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(190px,1.05fr);gap:14px;display:grid}.counter-collage{min-height:220px;margin:-6px 0 8px;position:relative;overflow:visible}.counter-photo{z-index:3;width:min(310px,34vw);min-height:248px;margin:0;position:absolute;top:-10px;right:clamp(-42px,-3vw,-18px)}.hand-glued-photo{background:#fff;border:12px solid #fffffff7;border-radius:8px;display:block;transform:rotate(7.5deg);box-shadow:0 22px 40px #652d4b29,0 4px #d9467314}.counter-photo .photo-fill{object-fit:cover;border-radius:3px;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}.counter-photo .tape-top{width:88px;top:-18px;left:22%;transform:rotate(-16deg)}.counter-photo .tape-corner{width:66px;top:auto;bottom:18px;right:-22px;transform:rotate(-28deg)}.counter-photo .heart-sticker-one{top:-20px;right:10%;transform:rotate(16deg)}.counter-photo .heart-sticker-two{bottom:10%;left:-18px;transform:rotate(-22deg)}.counter-photo .heart-sticker-three{bottom:-16px;right:-12px;transform:rotate(14deg)}.counter-scrap-note{z-index:2;background:var(--paper-peach);border:1px solid #7b50321f;padding:10px 18px 12px;position:absolute;top:112px;left:clamp(8px,10vw,110px);transform:rotate(-5deg);box-shadow:0 14px 26px #652d4b14}.counter-scrap-note:before{content:"";background:#ffd985d1;border-radius:3px;width:48px;height:16px;position:absolute;top:-11px;left:14px;transform:rotate(-8deg);box-shadow:0 4px 10px #652d4b14}.counter-scrap-note:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(135deg,#fff0d6f2,#efdfc2e6);width:18px;height:18px;position:absolute;bottom:-8px;right:-8px;box-shadow:-2px -2px 4px #652d4b0f}.counter-scrap-note span{color:var(--rose);font-family:var(--font-note);white-space:nowrap;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:700;line-height:1.05;display:block}.counter-tile,.reason-card{border:1px solid var(--paper-edge);background:linear-gradient(180deg, #ffffff80, transparent 24%), var(--paper);clip-path:polygon(2% 4%,98% 0,100% 95%,4% 100%,0 12%);border-radius:6px;position:relative;overflow:visible;box-shadow:0 14px 34px #652d4b17,inset 0 1px #ffffffd9}.counter-tile:first-child{background:linear-gradient(180deg, #ffffff80, transparent 24%), var(--paper-blush)}.counter-tile:nth-child(2){background:linear-gradient(180deg, #ffffff80, transparent 24%), var(--paper-butter)}.counter-tile:nth-child(3){background:linear-gradient(180deg, #ffffff80, transparent 24%), var(--paper-mint)}.counter-tile{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:132px;padding:18px;display:flex;transform:rotate(-.7deg)}.counter-tile:before,.reason-card:before,.promise-panel:before,.letter:before,.love-btn:before,.nav-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffe7abeb,#fad08aa8);border-radius:3px;width:54px;height:16px;position:absolute;top:-10px;left:18px;transform:rotate(-7deg);box-shadow:0 4px 10px #652d4b14}.counter-tile:after,.reason-card:after,.promise-panel:after,.letter:after{content:"";opacity:.6;pointer-events:none;border:1px dashed #d9467342;border-radius:50%;width:34px;height:34px;position:absolute;bottom:10px;right:12px}.counter-tile:nth-child(2n){transform:rotate(.8deg)}.counter-tile span{color:var(--rose);max-width:100%;font-size:clamp(2.2rem,4.5vw,3.6rem);font-family:var(--font-marker);overflow-wrap:anywhere;font-weight:400;line-height:1;display:block}.counter-tile small{color:var(--muted);font-family:var(--font-note);text-transform:uppercase;letter-spacing:.12em;margin-top:18px;font-weight:800;display:block}.counter-tile.accent{background:linear-gradient(#ffffff6b,#0000 24%),linear-gradient(135deg,#eee8fffa,#e0f1fffa)}.counter-tile.accent span{letter-spacing:0;white-space:nowrap;font-size:clamp(2rem,3.8vw,3.15rem)}.memory-collage{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px 16px;margin-top:8px;margin-bottom:10px;display:grid}.memory-moment{justify-items:start;gap:10px;display:grid;position:relative}.memory-photo{border-radius:8px;width:100%;min-height:170px;margin:0;padding:18px;font-size:1.55rem;line-height:1.05;position:relative}.memory-snap{background:#fff;border:10px solid #fffffff5;overflow:visible;box-shadow:0 16px 30px #652d4b1f,0 3px #d9467317}.collage-photo{min-height:176px}.memory-comment{z-index:2;max-width:92%;color:var(--rose);font-family:var(--font-note);clip-path:polygon(2% 6%,98% 0,100% 92%,3% 100%,0 15%);background:#ffe9f0f5;border:1px solid #f26f9f2e;padding:8px 14px 10px;font-size:1.15rem;font-weight:700;line-height:1.02;position:relative;box-shadow:0 10px 18px #652d4b14}.memory-comment:before{content:"";background:linear-gradient(135deg,#ffe7abeb,#fad08aa8);border-radius:3px;width:44px;height:14px;position:absolute;top:-10px;left:14px;transform:rotate(-8deg);box-shadow:0 4px 10px #652d4b14}.memory-moment:first-child{margin-top:34px}.memory-moment:first-child .memory-snap{transform:rotate(-6deg)}.memory-moment:first-child .memory-comment{margin-left:18px;transform:rotate(-4deg)}.memory-moment:nth-child(2){margin-top:118px}.memory-moment:nth-child(2) .memory-snap{transform:rotate(5deg)}.memory-moment:nth-child(2) .memory-comment{margin-left:28px;transform:rotate(3deg)}.memory-moment:nth-child(3){margin-top:0}.memory-moment:nth-child(3) .memory-snap{transform:rotate(-2deg)}.memory-moment:nth-child(3) .memory-comment{margin-left:8px;transform:rotate(-2deg)}.memory-moment:nth-child(4){margin-top:-12px}.memory-moment:nth-child(4) .memory-snap{transform:rotate(7deg)}.memory-moment:nth-child(4) .memory-comment{margin-left:12px;transform:rotate(4deg)}.memory-moment:nth-child(5){margin-top:46px}.memory-moment:nth-child(5) .memory-snap{transform:rotate(-5deg)}.memory-moment:nth-child(5) .memory-comment{margin-left:18px;transform:rotate(-3deg)}.memory-moment:nth-child(6){margin-top:-10px}.memory-moment:nth-child(6) .memory-snap{transform:rotate(4deg)}.memory-moment:nth-child(6) .memory-comment{margin-left:22px;transform:rotate(2deg)}.memory-moment:nth-child(7){margin-top:28px}.memory-moment:nth-child(7) .memory-snap{transform:rotate(-7deg)}.memory-moment:nth-child(7) .memory-comment{margin-left:12px;transform:rotate(-4deg)}.photo-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.memory-strip{margin-top:6px}.memory-strip .mini-photo:first-child{transform:rotate(-7deg)translateY(10px)}.memory-strip .mini-photo:nth-child(2){transform:rotate(5deg)translateY(-8px)}.memory-strip .mini-photo:nth-child(3){transform:rotate(-3deg)translateY(16px)}.memory-strip .mini-photo:nth-child(4){transform:rotate(8deg)translateY(4px)}.mini-photo{color:#49223aad;text-align:center;background:linear-gradient(135deg,#ffffffd6,#ffe9f1b8),repeating-linear-gradient(45deg,#0000 0 16px,#79cbb80f 16px 32px);border:8px solid #fffffff5;border-radius:8px;min-height:150px;margin:0;padding:24px 16px 18px;position:relative;overflow:visible;transform:rotate(-1.6deg);box-shadow:0 16px 30px #652d4b1f,0 3px #d9467317}.mini-photo:nth-child(2n){transform:rotate(1.4deg)}.mini-photo:before{content:none}.photo-tape{z-index:4;pointer-events:none;background:linear-gradient(135deg,#ffefb0e0,#ffd385a3);border-radius:3px;display:block;position:absolute;box-shadow:0 4px 10px #652d4b1a}.tape-top{width:76px;height:24px;top:-18px;left:50%;transform:translate(-50%)rotate(-5deg)}.tape-corner{width:58px;height:20px;top:18px;right:-16px;transform:rotate(42deg)}.heart-sticker{z-index:5;color:#fff7f6;pointer-events:none;background:linear-gradient(135deg,#f26f9f,#d94673);border-radius:16px;place-items:center;width:42px;height:42px;font-size:1.75rem;font-style:normal;line-height:1;display:grid;position:absolute;box-shadow:0 8px 18px #d946733d}.heart-sticker-one{top:12%;right:-18px;transform:rotate(10deg)}.heart-sticker-two{background:linear-gradient(135deg,#ff8a7a,#f26f9f);border-radius:12px;width:32px;height:32px;font-size:1.15rem;bottom:13%;left:-16px;transform:rotate(-12deg)}.heart-sticker-three{color:#d94673;background:#ffffffeb;border:1px solid #d9467333;border-radius:14px;width:36px;height:36px;font-size:1.35rem;bottom:-18px;right:10%;transform:rotate(7deg)}.mini-photo .photo-tape{transform:translate(-50%)rotate(-4deg)scale(.82)}.mini-photo .tape-corner{transform:rotate(42deg)scale(.78)}.mini-photo .heart-sticker-one{top:-14px;right:-14px;transform:rotate(12deg)scale(.72)}.mini-photo .heart-sticker-two{bottom:18px;left:-13px;transform:rotate(-12deg)scale(.72)}.mini-photo .heart-sticker-three{bottom:-15px;right:14px;transform:rotate(7deg)scale(.72)}.promise-layout{grid-template-columns:minmax(130px,.56fr) minmax(0,1.3fr) minmax(130px,.56fr);align-items:stretch;gap:22px;display:grid}.promise-photo{min-height:240px;margin:0}.promise-photo-left{transform:rotate(-7deg)translateY(18px)}.promise-photo-right{transform:rotate(8deg)translateY(-10px)scaleX(-1)}.question-photos{grid-template-columns:repeat(2,minmax(130px,220px));justify-content:center;gap:14px;display:grid}.question-photos .mini-photo{min-height:132px}.playful-collage{margin-bottom:8px}.playful-collage .mini-photo:first-child{transform:rotate(-7deg)translate(-12px)}.playful-collage .mini-photo:last-child{transform:rotate(8deg)translate(10px)translateY(18px)}.reasons-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.reason-card{min-height:148px;color:var(--text);font-family:var(--font-note);padding:22px;font-weight:700;line-height:1.45}.reason-card:nth-child(2n){background:linear-gradient(180deg, #ffffff6b, transparent 24%), var(--paper-lavender)}.reason-card:nth-child(3n){background:linear-gradient(180deg, #ffffff6b, transparent 24%), var(--paper-mint)}.reason-card:nth-child(3n+1){background:linear-gradient(180deg, #ffffff6b, transparent 24%), var(--paper-butter)}.promise-panel,.letter{border:1px solid var(--paper-edge);clip-path:polygon(1% 4%,99% 0,100% 97%,4% 100%,0 13%);background:linear-gradient(#ffffff80,#0000 22%),#fff4d6e6;border-radius:6px;padding:clamp(22px,4vw,34px);position:relative;box-shadow:0 16px 30px #652d4b14,inset 0 1px #ffffffe6}.promise-panel p:last-child,.letter p:last-child{margin-bottom:0}.playful-section{text-align:center}.playful-section h2,.playful-section .soft-note{margin-left:auto;margin-right:auto}.choice-stage{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;min-height:160px;display:flex;position:relative}.love-btn,.nav-btn{cursor:pointer;min-height:48px;font-family:var(--font-note);letter-spacing:.02em;clip-path:polygon(3% 3%,98% 0,100% 92%,2% 100%,0 14%);transition:transform var(--fast), box-shadow var(--fast), background var(--fast), opacity var(--fast);border:1px solid #b97d5838;border-radius:8px;font-weight:700;position:relative}.love-btn{max-width:min(100%,360px);padding:15px 24px;font-size:1.15rem}.yes-love{z-index:2;color:#8f2139;background:linear-gradient(#ffffff7a,#0000 20%),linear-gradient(135deg,#ffdae6fa,#ffeeb3fa);position:relative;box-shadow:0 14px 28px #d946732e,inset 0 1px #ffffffeb}.maybe-love{z-index:1;color:var(--rose);background:linear-gradient(180deg, #ffffff7a, transparent 20%), var(--paper-sky);border:1px solid #d946732e}.love-btn:hover,.nav-btn:hover{transform:translateY(-2px)}.finale-section{text-align:center}.finale-section h2,.letter{margin-left:auto;margin-right:auto}.finale-strip{grid-template-columns:repeat(3,minmax(140px,1fr));align-items:start;margin-top:4px}.finale-strip .mini-photo:first-child{transform:rotate(-8deg)translateY(14px)}.finale-strip .mini-photo:nth-child(2){transform:rotate(5deg)translateY(-8px)}.finale-strip .mini-photo:nth-child(3){transform:rotate(-3deg)translateY(18px)}.finale-mark{color:#fff;background:linear-gradient(135deg, var(--pink), var(--lavender));border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto;font-size:3.8rem;line-height:1;display:grid;box-shadow:0 20px 42px #8f7aea3d}.letter{text-align:left;max-width:760px}.signature{color:var(--rose);font-family:var(--font-note);font-size:1.55rem;font-weight:700}.nav-row{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.nav-row.single{justify-content:flex-start}.nav-btn{min-width:132px;padding:12px 20px;font-size:1.08rem}.nav-btn.primary{color:#7f3047;background:linear-gradient(#ffffff73,#0000 20%),linear-gradient(135deg,#e9e0fffa,#d2f4e8fa);box-shadow:0 14px 28px #8f7aea2e,inset 0 1px #ffffffeb}.nav-btn.ghost{color:var(--rose);background:linear-gradient(180deg, #ffffff73, transparent 18%), var(--paper-peach);border:1px solid #d946732e}.hidden{display:none!important}.click-heart{color:var(--rose);animation:.9s ease-out forwards clickHeart}@keyframes clickHeart{0%{opacity:.9;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-86px)scale(1.45)}}.confetti-piece{border-radius:4px;width:10px;height:16px;animation:1.9s cubic-bezier(.2,.7,.2,1) forwards confettiFall;top:-18px}@keyframes confettiFall{to{opacity:0;transform:translateY(105vh)rotate(720deg)}}@media (width<=760px){.app-shell{width:min(100% - 22px,620px);min-height:calc(100dvh - 22px);margin:11px auto}.journey-section{border-radius:22px;min-height:calc(100dvh - 96px)}.letter-gate{padding-left:62px;padding-right:24px}.opened-letter,.scrapbook-page{padding-left:58px}.opened-letter:after{left:18px}.hero-grid,.letter-gate{grid-template-columns:1fr}.photo-feature{min-height:260px;transform:none}.envelope-card{max-width:310px}.counter-grid,.reasons-grid,.promise-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.counter-collage{min-height:222px;margin-top:-10px}.counter-photo{width:min(210px,48vw);min-height:172px;top:18px;right:-10px}.counter-scrap-note{padding:8px 14px 10px;top:126px;left:0}.counter-grid{gap:10px}.promise-layout .promise-panel{order:-1;grid-column:1/-1}.promise-photo{min-height:210px}.finale-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.counter-tile{min-height:104px;padding:14px 12px}.reason-card{min-height:132px;padding:18px}.nav-row,.nav-row.single{justify-content:stretch}.nav-btn{flex:150px}}@media (width<=460px){.progress-wrap{gap:8px}.journey-section{padding:22px 18px}.letter-gate{padding-left:48px;padding-right:18px}.opened-letter,.scrapbook-page{padding-left:58px;padding-right:16px}.opened-letter:after{top:28px;left:16px}.opened-letter h2{font-size:clamp(1.55rem,8.4vw,2.35rem);line-height:1}.opened-letter .date-chip{margin-top:6px;font-size:.92rem}h1,h2{line-height:1.04}h2{font-size:clamp(1.8rem,9vw,2.5rem)}.script-line{margin-bottom:6px;font-size:1.35rem}.counter-grid,.reasons-grid,.promise-layout,.question-photos{grid-template-columns:1fr}.counter-grid{gap:8px}.counter-tile{min-height:92px;padding:12px 10px}.counter-tile span{font-size:clamp(2rem,11vw,2.8rem)}.counter-tile small{margin-top:12px;font-size:.82rem}.memory-collage{grid-template-columns:1fr;gap:14px}.memory-snap,.promise-photo,.playful-collage .mini-photo,.finale-strip .mini-photo{transform:rotate(-2deg)!important}.memory-moment{margin-top:0!important}.memory-comment{font-size:1.02rem;margin-left:10px!important;transform:rotate(-2deg)!important}.photo-strip,.finale-strip{grid-template-columns:1fr}.counter-collage{min-height:218px;margin-top:-6px;display:block}.counter-photo{width:min(62vw,200px);min-height:160px;top:16px;right:-4px}.counter-scrap-note{padding:7px 12px 9px;top:124px;left:8px;transform:rotate(-4deg)}.counter-scrap-note span{font-size:1.05rem}.counter-tile.accent span{font-size:clamp(1.8rem,10vw,2.55rem)}.photo-lightbox{padding:16px}.photo-lightbox-card{border-width:10px;width:min(92vw,520px);padding:14px;transform:rotate(-1deg)}.photo-lightbox-close{padding:6px 12px;font-size:.92rem;top:-18px;right:10px}.choice-stage{min-height:190px}.love-btn,.nav-btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}