:root{font-family:DM Sans,sans-serif;color:#fff3ef;background:#251b27;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}button:focus-visible{outline:3px solid #f6bacb;outline-offset:4px}.app-shell{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#523046,#352433 44%,#251b27 80%)}.ambient{position:absolute;z-index:-1;pointer-events:none;width:430px;height:430px;border-radius:50%;filter:blur(95px);opacity:.28}.ambient-one{background:#b86e85;top:-250px;left:-170px}.ambient-two{background:#944b73;bottom:-260px;right:-170px}.top-mark{padding:28px 16px 0;text-align:center;letter-spacing:.25em;font-size:10px;color:#d4a7b4;font-weight:700}.chapter-frame{width:min(100%,980px);padding:40px 24px;display:grid;place-items:center;flex:1;z-index:1}.chapter{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.heart-emblem{width:82px;height:82px;display:grid;place-items:center;color:#f0a7b8;border:1px solid #a65f7e66;background:#b96b8840;border-radius:50%;margin-bottom:35px;box-shadow:0 0 70px #ce789854}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#e8a9bd;font-weight:700;margin:0 0 24px}.chapter h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(44px,7.5vw,86px);font-weight:400;letter-spacing:-.04em;line-height:1.14;max-width:780px;margin:0 0 25px;text-wrap:balance}.lead{color:#e7d0d8;font-size:clamp(16px,2.1vw,19px);line-height:1.95;max-width:560px;margin:0 auto 39px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#bd8195;color:#fff;border:1px solid #e4a8bb;border-radius:100px;padding:18px 30px;cursor:pointer;font-weight:700;box-shadow:0 13px 40px #170d1770}.primary-button:hover{background:#ce91a5}.footnote{font-size:12px;color:#c6a8b3;margin:40px 0 0}.progress-dots{display:flex;gap:9px;padding:0 0 30px;justify-content:center}.progress-dots span{width:6px;height:6px;border-radius:9px;background:#9e7c8a;transition:all .3s}.progress-dots .active{background:#f1b4c4;width:22px}.hearts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.floating-heart{position:absolute;display:block;color:#df9eb3;opacity:.5}.story h1{font-size:clamp(39px,6vw,68px)}.story-copy{margin-bottom:25px}.polaroid{background:#fffaf6;color:#754357;padding:12px 12px 18px;width:min(310px,85vw);box-shadow:0 18px 50px #120b1670;margin:10px 0 30px}.polaroid img,.photo-placeholder{width:100%;height:220px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#e7b8c3,#a36984);color:#fff;flex-direction:column;gap:15px}.photo-placeholder span{font-size:13px;max-width:170px}.polaroid p{font-family:Playfair Display,serif;font-size:15px;margin:15px 0 0}.story-actions{display:flex;flex-direction:column;align-items:center;gap:15px}.text-button{color:#f3d2dd;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px}.text-button:hover{text-decoration:underline}.next-hint{color:#c9a6b4;font-size:12px}@media(max-width:600px){.top-mark{padding-top:22px}.chapter-frame{padding:24px 22px}.heart-emblem{width:67px;height:67px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:.16em}.lead{line-height:1.75}.polaroid img,.photo-placeholder{height:180px}.footnote{margin-top:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.photo-expand{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.photo-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:transparent;color:#fff}.photo-dialog[open]{display:flex;align-items:center;justify-content:center}.photo-dialog::backdrop{background:#120b16e6}.photo-dialog-content{position:relative;max-width:100%;padding-top:48px}.photo-dialog-content img{display:block;max-width:100%;max-height:calc(100dvh - 96px);width:auto;height:auto;object-fit:contain;border-radius:4px}.photo-close{position:absolute;top:0;right:0;display:grid;place-items:center;width:40px;height:40px;border:1px solid #e4a8bb;border-radius:50%;background:#352433;color:#fff;cursor:pointer}.photo-close:hover{background:#754357}.letter-intro h1{font-size:clamp(34px,6vw,58px);max-width:620px}.envelope-button{display:block;position:relative;width:min(320px,78vw);height:220px;margin:100px 0 20px;padding:0;border:0;background:transparent;cursor:pointer;perspective:1000px;border-radius:8px;transition:filter .2s}.envelope-button:hover:not(:disabled){filter:brightness(1.06)}.envelope-button:disabled{cursor:default}.envelope{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#a9617c;border-radius:8px;box-shadow:0 24px 60px #120b1670}.envelope-letter{position:absolute;z-index:2;top:14px;right:18px;bottom:10px;left:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px 16px;border-radius:5px;background:linear-gradient(145deg,#fffaf2,#f8e5df);color:#9a526d;box-shadow:0 0 15px #4a233528;font-family:Playfair Display,Georgia,serif;font-size:20px}.letter-lines{display:block;width:65%;height:22px;background:repeating-linear-gradient(to bottom,transparent 0 8px,#d9adb8 8px 9px)}.envelope-pocket{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;border-radius:0 0 8px 8px;background:linear-gradient(135deg,#dba0b1,#be7c94);clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%)}.envelope-flap{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#e6b1bf,#cd8ba2);clip-path:polygon(0 0,100% 0,50% 54%);transform-origin:top center;backface-visibility:hidden}.envelope-seal{position:absolute;z-index:5;top:calc(50% - 17px);left:calc(50% - 24px);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#9e4d6b;color:#ffe0e6;border:2px solid #b96c86;box-shadow:0 3px 10px #58263c44}.is-opening .envelope-flap{z-index:1}.letter-hint{min-height:24px;margin:16px 0 0;font-size:13px;color:#e7c3d0}@media(max-width:600px){.envelope-button{height:190px;margin-top:95px}.envelope-letter{font-size:18px;gap:12px}}.welcome-stage{width:100%;display:grid;align-items:center;min-height:min(640px,75svh)}.welcome h1:focus{outline:none}.app-shell:has(.letter-intro) .top-mark{visibility:hidden}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#000;opacity:0;pointer-events:none;transition:opacity 1.1s ease}.app-shell:has(.letter-intro):before{opacity:1}.top-mark,.progress-dots{position:relative;z-index:1}.hearts{transition:opacity 1.1s ease}.app-shell:has(.letter-intro) .hearts{opacity:0}.chapter-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;width:100%;margin:0 0 28px}.chapter-gallery .polaroid{margin:0;width:min(280px,100%)}.chapter-gallery figcaption{font-family:Playfair Display,Georgia,serif;font-size:15px;margin-top:15px}.lead{white-space:pre-line}.chapter-gallery-scattered{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 16px;padding:28px 24px 36px;align-items:start}.chapter-gallery-scattered .polaroid{position:relative;width:100%;max-width:260px;justify-self:center;transition:transform .3s ease,box-shadow .3s ease}.chapter-gallery-scattered .polaroid:nth-child(4n+1){grid-column:1 / 5;transform:rotate(-9deg);margin-top:6px}.chapter-gallery-scattered .polaroid:nth-child(4n+2){grid-column:8 / 12;transform:rotate(7deg);margin-top:48px}.chapter-gallery-scattered .polaroid:nth-child(4n+3){grid-column:3 / 7;transform:rotate(5deg);margin-top:0}.chapter-gallery-scattered .polaroid:nth-child(4n+4){grid-column:9 / 13;transform:rotate(-7deg);margin-top:42px}.chapter-gallery-scattered .polaroid:hover,.chapter-gallery-scattered .polaroid:focus-within{z-index:2;transform:rotate(0) scale(1.04);box-shadow:0 24px 60px #120b1690}@media(max-width:600px){.chapter-gallery-scattered{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;padding:18px 8px 28px}.chapter-gallery-scattered .polaroid{padding:8px 8px 12px;min-width:0}.chapter-gallery-scattered .polaroid:nth-child(odd){grid-column:1;transform:rotate(-6deg);margin-top:0}.chapter-gallery-scattered .polaroid:nth-child(2n){grid-column:2;transform:rotate(6deg);margin-top:38px}.chapter-gallery-scattered .polaroid img{height:auto;aspect-ratio:1;object-fit:cover}.chapter-gallery-scattered figcaption{font-size:13px;overflow-wrap:anywhere;margin-top:10px}.chapter-gallery-scattered .polaroid:focus-within{transform:rotate(0)}}