@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Hanken+Grotesk:wght@400;500;600;700&display=swap";.story-root{--paper:#fdf4f6;--ink:#24161a;--wine:#b03350;--muted:#5f4a50;--serif:"Fraunces",Georgia,serif;--hand:"Nothing You Could Do","Segoe Print",cursive;--sans:"Hanken Grotesk",Arial,sans-serif}.story-root *{box-sizing:border-box}body.story-active{scroll-behavior:smooth}.story-root{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;overflow-x:hidden}.story-root button,.story-root a{-webkit-tap-highlight-color:transparent}.story-root button{font:inherit;color:inherit;cursor:pointer;border:0}.story-root button:focus-visible,.story-root a:focus-visible{outline:2px solid var(--wine);outline-offset:7px}.story-root a{color:inherit;text-decoration:none}.story-root ::selection{background:#fbe4e9}.story-root:after{content:"";z-index:25;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.story-root .header{z-index:30;pointer-events:none;justify-content:space-between;align-items:center;width:100%;height:104px;padding:0 5%;display:flex;position:fixed;top:0;left:0}.story-root .header>*{pointer-events:auto}.story-root .brand{font-family:var(--serif);letter-spacing:-1px;align-items:center;font-size:28px;display:flex}.story-root .brand>span{color:var(--wine);margin-right:9px;font-size:36px;line-height:1}.story-root .dedication{letter-spacing:2.2px;color:var(--muted);margin-left:20px;font-size:9px}.story-root .dedication b{color:var(--wine);font-weight:600}.story-root .music{background:0 0;border:1px solid #e0c8ce;border-radius:30px;align-items:center;gap:10px;padding:12px 17px;font-size:11px;display:flex}.story-root .sound-bars{align-items:center;gap:2px;height:13px;display:flex}.story-root .sound-bars i{background:var(--wine);width:2px;height:5px}.story-root .sound-bars i:nth-child(2){height:12px;animation-delay:.3s!important}.story-root .sound-bars i:nth-child(3){height:8px;animation-delay:.6s!important}.story-root .music[aria-pressed=true] .sound-bars i{animation:.9s ease-in-out infinite alternate bars}@keyframes bars{to{height:3px}}.story-root .stage{background:var(--paper);height:100svh;position:fixed;inset:0;overflow:hidden}.story-root .ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.story-root .sun-glow{background:radial-gradient(at 75% 40%,#fbe4e966,#0000 46%),radial-gradient(at 0 90%,#fceef233,#0000 45%);position:absolute;inset:-20%}.story-root .orbit{border:1px solid #e8899f30;border-radius:50%;width:74vw;height:74vw;position:absolute;top:50%;left:33%;transform:translateY(-50%)rotate(-28deg)scaleY(.76)}.story-root .orbit-two{width:99vw;height:99vw;left:22%;transform:translateY(-50%)rotate(-28deg)scaleY(.79)}.story-root .ambient-star{color:#b03350;position:absolute}.story-root .ambient-star.a{font-size:30px;top:17%;left:53%}.story-root .ambient-star.b{font-size:18px;top:72%;right:9%}.story-root .ambient-star.c{color:#e8899f;font-size:20px;top:78%;left:8%}.story-root .ambient-heart{font-family:var(--hand);color:#b03350;font-size:35px;position:absolute;top:22%;right:11%;transform:rotate(20deg)}.story-root .horizon{border:1px solid #e8899f25;border-radius:50%;width:120%;height:180px;position:absolute;bottom:-100px;left:-10%}.story-root .scene{will-change:opacity;visibility:hidden;opacity:0;pointer-events:none;position:absolute;inset:0}.story-root .scene-intro{visibility:visible;opacity:1;pointer-events:auto}.story-root .intro-copy{z-index:5;position:absolute;top:50%;left:9%;transform:translateY(-48%)}.story-root .eyebrow{letter-spacing:2px;color:var(--wine);font-size:9px;font-weight:600;line-height:1.8;display:block}.story-root .intro-copy .eyebrow{letter-spacing:1.7px;align-items:center;gap:10px;font-size:8px;display:flex}.story-root .small-line{background:var(--wine);width:24px;height:1px}.story-root h1,.story-root h2,.story-root p{margin:0}.story-root h1{font-family:var(--serif);letter-spacing:-3.5px;margin-top:26px;font-size:clamp(58px,6.2vw,100px);font-weight:400;line-height:1.06;position:relative}.story-root h1 em,.story-root h2 em{color:var(--wine);font-weight:400}.story-root h1 svg{fill:none;stroke:#b67561;stroke-width:1.5px;stroke-linecap:round;width:50%;position:absolute;bottom:-18px;left:38%}.story-root .intro-copy p{color:#5f4a50;margin-top:36px;font-size:13px;line-height:1.9}.story-root .start{background:var(--wine);color:#fff;letter-spacing:.2px;border-radius:3px;margin-top:28px;padding:17px 22px;font-size:11px;transition:background .2s,transform .2s;box-shadow:0 6px 15px #b0335012}.story-root .start:hover{background:#7a1838;transform:translateY(-2px)}.story-root .start span{margin-left:32px;font-size:17px}.story-root .little-note{font-family:var(--hand);color:#a39580;margin-top:16px;font-size:12px;display:block;transform:rotate(-3deg)}.story-root .perspective{perspective:1100px;perspective-origin:50%;transform-style:preserve-3d;position:absolute}.story-root .world{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.story-root .depth{will-change:transform;backface-visibility:hidden;position:absolute}.story-root .intro-perspective{width:56%;height:72%;top:17%;right:1%}.story-root .polaroid{text-align:center;transform-style:preserve-3d;background:#fff;border:1px solid #d6c6b62e;padding:15px 15px 44px;transition:box-shadow .25s;box-shadow:0 20px 40px #64513a22,0 2px 4px #64513a15}.story-root .polaroid:hover{box-shadow:0 30px 60px #64513a38}.story-root .polaroid img{object-fit:cover;filter:saturate(.65)sepia(.13);width:100%;height:100%;display:block}.story-root .photo-caption{width:calc(100% - 10px);font-family:var(--hand);white-space:nowrap;color:#5f4a50;font-size:12px;position:absolute;bottom:14px;left:5px}.story-root .photo-caption span{color:var(--wine);margin-left:8px;font-size:18px}.story-root .hero-photo{--rz:9deg;--ry:-12deg;--z:60px;z-index:3;width:300px;height:365px;top:17%;left:24%}.story-root .hero-photo img{object-position:45% 50%}.story-root .tape{z-index:2;clip-path:polygon(3% 0,100% 8%,97% 100%,0 92%);background:#b7b39988;width:95px;height:30px;position:absolute;top:-14px;left:36%;transform:rotate(-4deg)}.story-root .mini-photo{--rz:-14deg;--ry:15deg;--z:130px;z-index:4;width:190px;height:220px;padding:10px 10px 37px;top:53%;left:4%}.story-root .mini-photo .photo-caption{font-size:10px;bottom:12px}.story-root .paper-note{--rz:-9deg;--ry:-8deg;--z:-130px;color:#69684f;background:#e4e0c9;width:180px;height:196px;padding:27px 20px;top:8%;right:4%;box-shadow:2px 12px 25px #64513a15}.story-root .paper-note>span:first-child{font-family:var(--hand);font-size:16px;line-height:1.6}.story-root .paper-note strong{font-family:var(--serif);font-size:44px;font-style:italic;font-weight:400;line-height:1;display:block}.story-root .note-heart{color:var(--wine);font-size:28px;position:absolute;bottom:12px;right:17px}.story-root .floating-star{color:var(--wine);--rz:12deg;--ry:0deg;--z:180px;font-size:88px;font-weight:400;line-height:1;top:7%;left:15%}.story-root .round-stamp{letter-spacing:1.5px;color:#a8324f;--rz:18deg;--ry:0deg;--z:-25px;outline-offset:-6px;border:1px solid #a8324f;border-radius:50%;outline:1px dashed #a8324f;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;font-size:10px;line-height:1.6;display:flex;top:66%;right:1%}.story-root .round-stamp b{font-size:21px;font-weight:400;line-height:1}.story-root .handwriting{font-family:var(--hand);white-space:nowrap;color:#5f4a50;--rz:-8deg;--ry:0deg;--z:80px;font-size:14px;top:91%;left:45%}.story-root .handwriting span{font-size:36px;position:absolute;top:-31px;right:-25px}.story-root .chapter-copy{z-index:5;width:43%;position:absolute;top:48%;left:9%;transform:translateY(-50%)}.story-root .chapter-copy h2,.story-root .letter-copy h2{font-family:var(--serif);letter-spacing:-1.5px;margin-top:22px;font-size:clamp(40px,4.3vw,70px);font-weight:400;line-height:1.16}.story-root .chapter-copy p{color:#5f4a50;margin-top:28px;font-size:13px;line-height:2}.story-root .chapter-footnote{font-family:var(--hand);color:#a8324f;margin-top:35px;font-size:15px;display:block;transform:rotate(-3deg)}.story-root .memory-perspective{width:53%;height:70%;top:17%;right:2%}.story-root .chapter-photo{--rz:7deg;--ry:-11deg;--z:55px;width:340px;height:405px;top:13%;left:22%}.story-root .chapter-photo .photo-caption{font-size:11px}.story-root .giant-word{font-family:var(--serif);color:#ded4c2;--rz:-4deg;--ry:0deg;--z:-380px;font-size:260px;font-style:italic;line-height:1;top:-2%;left:-5%}.story-root .ticket{--rz:-13deg;--ry:10deg;--z:200px;background:#dcd9bb;border-left:2px dashed #b0ab90;border-right:2px dashed #b0ab90;width:205px;padding:20px 25px;bottom:5%;left:2%;box-shadow:0 10px 20px #64513a15}.story-root .ticket span,.story-root .ticket small{letter-spacing:2px;color:#77775e;font-size:7px;display:block}.story-root .ticket b{font-family:var(--serif);margin:8px 0;font-size:30px;font-style:italic;font-weight:400;display:block}.story-root .chapter-spark{color:#b03350;--rz:15deg;--ry:0deg;--z:130px;font-size:100px;top:1%;right:1%}.story-root .landscape{--rz:-8deg;--ry:10deg;--z:45px;width:370px;height:320px;top:12%;left:12%}.story-root .sunset-photo{--rz:13deg;--ry:-16deg;--z:160px;width:220px;height:250px;padding:10px 10px 40px;bottom:0%;right:2%}.story-root .sunset-photo .photo-caption{font-size:10px}.story-root .postmark{letter-spacing:2px;color:#a8324f;--rz:-8deg;--ry:0deg;--z:160px;font-size:10px;line-height:1.5;position:absolute;bottom:5%;left:8%}.story-root .postmark b{font-size:45px;font-weight:400;line-height:1.3}.story-root .letter-copy{text-align:center;z-index:3;width:90%;position:absolute;top:17%;left:5%}.story-root .letter-copy h2{margin-top:15px;font-size:clamp(34px,3.9vw,58px)}.story-root .letter-copy p{color:#5f4a50;margin-top:20px;font-size:12px}.story-root .envelope-perspective{width:60%;height:40%;top:43%;left:20%}.story-root .envelope-world{justify-content:center;align-items:center;display:flex}.story-root .envelope{--rz:-5deg;--ry:-7deg;--z:50px;filter:drop-shadow(0 24px 20px #5e453526);background:0 0;width:340px;height:215px}.story-root .envelope-back,.story-root .envelope-front,.story-root .envelope-flap{border-radius:3px;position:absolute;inset:0}.story-root .envelope-back{background:#e0c8ce}.story-root .envelope-paper{text-align:left;font-family:var(--hand);color:#b03350;background:#fff;padding:20px 25px;font-size:18px;position:absolute;inset:25px 20px;transform:rotate(2deg);box-shadow:0 0 3px #0001}.story-root .envelope-paper i{font-size:12px;font-style:normal}.story-root .envelope-front{clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);background:#fbe4e9}.story-root .envelope-front:after{content:"";clip-path:polygon(0 100%,50% 45%,100% 100%);background:#fceef2;position:absolute;inset:0}.story-root .envelope-flap{clip-path:polygon(0 0,100% 0,50% 58%);transform-origin:top;background:#f0d2dc;transition:transform .4s}.story-root .wax-seal{color:#fbe4e9;background:#b03350;border-radius:48% 45% 49% 43%;width:47px;height:47px;font-size:30px;line-height:47px;transition:transform .3s;position:absolute;top:calc(50% - 3px);left:calc(50% - 23px);box-shadow:inset 0 0 0 4px #a8324f,inset 0 0 0 5px #e8899f,1px 3px 5px #643b3440}.story-root .envelope:hover .wax-seal{transform:scale(1.1)}.story-root .envelope-hint{font-family:var(--hand);color:#a8324f;font-size:12px;position:absolute;bottom:-2%;transform:rotate(-4deg)}.story-root .envelope-orbit{border:1px solid #e8899f40;border-radius:50%;width:540px;height:240px;position:absolute;transform:rotate(-15deg)translateZ(-180px)}.story-root .envelope-star{color:#b03350;font-size:55px;position:absolute;top:10%;left:12%}.story-root .replay{color:#5f4a50;white-space:nowrap;background:0 0;border-bottom:1px solid #c7b7a0;padding:6px 0;font-size:10px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.story-root .chapter-nav{z-index:15;flex-direction:column;gap:30px;display:flex;position:absolute;top:50%;right:3.4%;transform:translateY(-50%)}.story-root .chapter-dot{background:var(--paper);border:1px solid #e0c8ce;border-radius:50%;width:8px;height:8px;padding:0;transition:background .3s,border-color .3s;position:relative}.story-root .chapter-dot:before{content:"";position:absolute;inset:-10px}.story-root .chapter-dot.active{background:var(--wine);border-color:var(--wine);outline-offset:5px;outline:1px solid #e8899f}.story-root .chapter-dot span{letter-spacing:1px;opacity:0;color:var(--wine);font-size:8px;transition:opacity .3s;position:absolute;top:-2px;right:20px}.story-root .chapter-dot.active span{opacity:1}.story-root .nav-line{background:#f0e2e6;width:1px;height:100%;position:absolute;left:3.5px}.story-root .nav-line i{background:#9d6e69;width:100%;height:0;display:block}.story-root .footer{z-index:15;letter-spacing:1.5px;color:#5f4a50;justify-content:space-between;align-items:center;width:90%;font-size:9px;display:flex;position:absolute;bottom:30px;left:5%}.story-root .sample-label{letter-spacing:1.4px;font-size:7px}.story-root .sample-label span{margin:0 5px}.story-root .scroll-hint{letter-spacing:.6px;white-space:nowrap;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.story-root .mouse{border:1px solid #a08d93;border-radius:10px;justify-content:center;width:14px;height:21px;padding-top:5px;display:flex}.story-root .mouse i{background:var(--wine);width:1px;height:4px;animation:1.8s infinite wheel}@keyframes wheel{to{opacity:0;transform:translateY(5px)}}.story-root .down-arrow{margin-left:8px;font-size:16px}.story-root .page-count b{color:var(--wine);font-weight:500}.story-root .page-count>span{opacity:.7;margin-left:5px}.story-root .progress-track{background:#f0e2e6;width:100%;height:2px;position:absolute;bottom:0;left:0}.story-root .progress-track i{background:var(--wine);width:0;height:100%;display:block}.story-root dialog{color:var(--ink);background:#fff;border:1px solid #f0e2e6;max-height:86svh;overflow:auto;box-shadow:0 30px 120px #291d3b30}.story-root dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#42362c66}.story-root .close-dialog{z-index:2;color:var(--wine);background:0 0;padding:5px;font-size:26px;font-weight:400;position:absolute;top:12px;right:16px}.story-root .memory-dialog{width:min(490px,90vw);padding:28px 28px 32px;transform:rotate(-1deg)}.story-root .memory-dialog>img{object-fit:cover;filter:saturate(.7);width:100%;height:260px;margin-bottom:25px}.story-root .memory-dialog h2{font-family:var(--serif);margin:10px 0 12px;font-size:30px;font-weight:400}.story-root .memory-dialog p,.story-root .letter-dialog p{color:#5f4a50;font-size:13px;line-height:1.9}.story-root .dialog-signature{font-family:var(--hand);color:var(--wine);margin-top:20px;font-size:12px;display:block}.story-root .letter-dialog{background-image:repeating-linear-gradient(#0000,#0000 31px,#c7b59f13 32px);width:min(580px,90vw);padding:55px 52px 45px}.story-root .letter-flower{color:var(--wine);font-size:40px;position:absolute;top:45px;right:40px}.story-root .letter-dialog h2{font-family:var(--serif);color:var(--wine);margin:25px 0;font-size:35px;font-weight:400}.story-root .letter-dialog p+p{margin-top:18px}.story-root .letter-signature{font-family:var(--hand);color:#5f4a50;margin-top:25px;font-size:12px;line-height:1.8}.story-root .letter-signature strong{color:var(--wine);font-size:23px;font-weight:400}.story-root.modal-open{overflow:hidden}.story-root .no-script{background:var(--paper);z-index:100;padding:30px;position:fixed;inset:35%}@media (width>=1500px){.story-root .intro-perspective{width:50%;height:65%;top:20%;right:5%}.story-root .hero-photo{width:350px;height:425px}.story-root .mini-photo{width:220px;height:260px}.story-root .paper-note{width:200px;height:220px}.story-root .chapter-photo{width:400px;height:465px}.story-root .landscape{height:355px}.story-root .memory-perspective{right:4%}}@media (width<=1000px){.story-root .intro-copy{left:7%}.story-root h1{font-size:66px}.story-root .intro-perspective{transform-origin:100%;width:60%;right:-7%;transform:scale(.86)}.story-root .hero-photo{left:18%}.story-root .paper-note{right:0}.story-root .mini-photo{left:-3%}.story-root .handwriting{left:30%}.story-root .round-stamp{right:-3%}.story-root .chapter-copy{left:7%}.story-root .chapter-copy h2{font-size:43px}.story-root .memory-perspective{transform-origin:100%;width:60%;right:-5%;transform:scale(.85)}.story-root .chapter-photo{left:23%}.story-root .sunset-photo{right:-2%}.story-root .envelope-perspective{top:46%}}@media (width<=680px){.story-root .header{height:76px;padding:0 6%}.story-root .brand{font-size:24px}.story-root .brand>span{font-size:29px}.story-root .dedication{display:none}.story-root .music{gap:8px;padding:9px 12px;font-size:9px}.story-root .intro-copy{text-align:center;width:84%;top:17%;left:8%;transform:none}.story-root .intro-copy .eyebrow{letter-spacing:1.4px;justify-content:center;font-size:7px}.story-root h1{letter-spacing:-1.8px;margin-top:17px;font-size:53px;line-height:1.03}.story-root h1 br{display:none}.story-root h1 svg{width:43%;bottom:-14px;left:48%}.story-root .intro-copy p{margin-top:23px;font-size:11px;line-height:1.7}.story-root .intro-copy p br{display:none}.story-root .start{margin-top:15px;padding:12px 16px;font-size:10px}.story-root .start span{margin-left:20px;font-size:13px}.story-root .little-note{display:none}.story-root .intro-perspective{transform-origin:50%;width:100%;height:40%;top:49%;right:0;transform:scale(.75)}.story-root .hero-photo{width:230px;height:280px;top:0%;left:32%}.story-root .mini-photo{width:150px;height:175px;padding:9px 9px 30px;top:43%;left:6%}.story-root .paper-note{width:125px;height:155px;padding:20px 12px;top:-8%;right:-3%}.story-root .paper-note>span:first-child{font-size:12px}.story-root .paper-note strong{font-size:34px}.story-root .floating-star{font-size:65px;top:-14%;left:13%}.story-root .round-stamp{width:75px;height:75px;font-size:7px;top:64%;right:-6%}.story-root .handwriting{font-size:11px;top:104%;left:40%}.story-root .hero-photo .photo-caption{font-size:10px}.story-root .mini-photo .photo-caption{font-size:8px;bottom:9px}.story-root .ambient-star.a{font-size:20px;top:46%;left:14%}.story-root .ambient-heart{font-size:24px;top:40%;right:9%}.story-root .orbit-one{width:140vw;height:140vw;top:68%;left:-20%}.story-root .orbit-two{width:190vw;height:190vw;top:65%;left:-45%}.story-root .chapter-copy{text-align:center;width:84%;top:17%;left:8%;transform:none}.story-root .chapter-copy h2{margin-top:14px;font-size:37px;line-height:1.1}.story-root .chapter-copy p{margin-top:17px;font-size:11px;line-height:1.8}.story-root .chapter-footnote{margin-top:13px;font-size:12px}.story-root .chapter-copy .eyebrow{font-size:8px}.story-root .memory-perspective{transform-origin:50%;width:100%;height:37%;top:49%;right:0;transform:scale(.69)}.story-root .chapter-photo{width:300px;height:350px;top:1%;left:calc(50% - 130px)}.story-root .ticket{width:180px;padding:16px 20px;bottom:-5%;left:-2%}.story-root .giant-word{font-size:210px;top:-24%;left:-3%}.story-root .chapter-spark{font-size:80px;top:-15%;right:-5%}.story-root .landscape{width:320px;height:275px;top:0;left:4%}.story-root .sunset-photo{width:180px;height:205px;bottom:-15%;right:-3%}.story-root .postmark{font-size:8px;bottom:-15%;left:0}.story-root .letter-copy{width:86%;top:21%;left:7%}.story-root .letter-copy .eyebrow{letter-spacing:1.6px;font-size:7px}.story-root .letter-copy h2{font-size:35px}.story-root .letter-copy p{font-size:11px}.story-root .envelope-perspective{width:100%;height:31%;top:48%;left:0;transform:scale(.8)}.story-root .envelope{width:300px;height:195px}.story-root .envelope-hint{font-size:11px;bottom:-10%}.story-root .envelope-star{top:-10%;left:3%}.story-root .replay{font-size:9px;bottom:13%}.story-root .chapter-nav{flex-direction:row;gap:20px;top:auto;bottom:9%;right:5%;transform:none}.story-root .nav-line{width:100%;height:1px;top:3.5px;left:0}.story-root .nav-line i{width:0;height:1px}.story-root .chapter-dot{width:7px;height:7px}.story-root .chapter-dot.active{outline-offset:4px}.story-root .chapter-dot span{display:none}.story-root .footer{width:88%;bottom:23px;left:6%}.story-root .sample-label{letter-spacing:.8px;font-size:6px}.story-root .page-count{font-size:8px}.story-root .scroll-hint{letter-spacing:0;gap:7px;font-size:8px;bottom:39px;left:0;transform:none}.story-root .mouse{width:11px;height:17px}.story-root .down-arrow{margin-left:0;font-size:12px}.story-root .letter-dialog{padding:42px 25px 30px}.story-root .letter-dialog h2{font-size:29px}.story-root .letter-dialog p{font-size:12px}.story-root .letter-flower{font-size:29px;top:30px;right:30px}.story-root .memory-dialog>img{height:220px}.story-root .memory-dialog h2{font-size:27px}}@media (width<=680px) and (height<=740px){.story-root .intro-copy{top:15%}.story-root h1{font-size:43px}.story-root .intro-copy p{margin-top:18px}.story-root .intro-perspective{top:47%;transform:scale(.62)}.story-root .chapter-copy{top:15%}.story-root .chapter-copy h2{font-size:31px}.story-root .chapter-copy p{margin-top:12px;font-size:10px}.story-root .chapter-footnote{margin-top:10px}.story-root .memory-perspective{top:48%;transform:scale(.58)}.story-root .letter-copy h2{font-size:30px}.story-root .letter-copy{top:18%}.story-root .envelope-perspective{top:45%;transform:scale(.68)}}@media (prefers-reduced-motion:reduce){body.story-active{scroll-behavior:auto}.story-root *,.story-root :before,.story-root :after{transition:none!important;animation:none!important}.story-root .world,.story-root .depth{will-change:auto}}.story-root .stage{overflow:clip}.story-root .ticket b{white-space:nowrap;font-size:26px}@media (width<=680px){.story-root h1{font-size:46px}.story-root h1 br{display:initial}.story-root .intro-copy{top:16%}.story-root .intro-perspective{top:50%}.story-root .scene{overflow:clip}}@media (width<=680px) and (height<=740px){.story-root h1{font-size:39px}.story-root .intro-copy{top:15%}.story-root .intro-perspective{top:48%}}.story-root .chapter-wash{opacity:0;mix-blend-mode:multiply;background:#e3e5d5;position:absolute;inset:0}.story-root .scene{isolation:isolate}.story-root .scene-book .memory-perspective{perspective:1500px;width:52%;height:60%;top:24%;right:3%}.story-root .scene-book .chapter-photo{--rz:0;--ry:0;--z:60px;width:250px;height:325px;padding:13px 13px 45px;top:10%;left:8%}.story-root .scene-book .chapter-photo .photo-caption{white-space:normal;padding:0 12px;font-size:8px}.story-root .book-page{width:220px;height:325px;font-family:var(--hand);color:#8a6d53;background:#fff;border-radius:0 5px 5px 0;flex-direction:column;justify-content:space-between;padding:40px 25px;display:flex;position:absolute;top:10%;left:calc(8% + 241px);transform:translateZ(40px);box-shadow:inset 12px 0 20px #7c543b13,12px 14px 35px #64513a1c}.story-root .book-page>span{color:var(--wine);font-size:18px}.story-root .book-page p{font-family:var(--serif);font-size:27px;font-style:italic;line-height:1.4}.story-root .book-page b{font-size:13px;font-weight:400}.story-root .book-cover{color:#fff;transform-origin:100%;backface-visibility:hidden;text-align:center;will-change:transform;z-index:5;background:#b03350;border:1px solid #7a1838;border-radius:5px 2px 2px 5px;flex-direction:column;justify-content:space-between;align-items:center;width:250px;height:325px;padding:30px;display:flex;position:absolute;top:10%;left:8%;box-shadow:inset 7px 0 14px #301a3240,0 12px 30px #37221c26}.story-root .book-cover:before{content:"";border:1px solid #c9a06c75;border-radius:3px;position:absolute;inset:14px}.story-root .book-cover>span{letter-spacing:3px;font-size:8px}.story-root .book-cover b{font-family:var(--serif);font-size:43px;font-style:italic;font-weight:400;line-height:1.1}.story-root .book-cover i{font-family:var(--serif);font-size:20px}.story-root .book-cover small{font-family:var(--hand);font-size:10px}.story-root .scene-book .giant-word{font-size:230px;top:-10%;left:15%}.story-root .scene-book .ticket{transform-origin:top;bottom:2%;left:0}.story-root .scene-book .chapter-spark{top:-10%}.story-root .scene-film .chapter-copy{text-align:center;width:82%;top:16%;left:9%;transform:none}.story-root .scene-film .chapter-copy h2{margin-top:13px;font-size:clamp(34px,4vw,62px)}.story-root .scene-film .chapter-copy h2 br{display:none}.story-root .scene-film .chapter-copy p{margin-top:14px;font-size:11px;line-height:1.7}.story-root .scene-film .chapter-copy p br{display:none}.story-root .scene-film .chapter-footnote{margin-top:10px;font-size:11px;transform:none}.story-root .scene-film .memory-perspective{perspective:1300px;width:100%;height:41%;top:46%;left:0;right:auto;overflow:visible;transform:none}.story-root .scene-film .polaroid{--z:0px;width:330px;height:270px;padding:12px 12px 39px;top:0;bottom:auto}.story-root .scene-film .landscape{--rz:-6deg;--ry:14deg;left:calc(50% - 555px)}.story-root .scene-film .sunset-photo{--rz:6deg;--ry:-5deg;left:calc(50% - 165px);right:auto}.story-root .scene-film .film-third{--rz:-5deg;--ry:-14deg;left:calc(50% + 225px)}.story-root .scene-film .photo-caption{font-size:10px!important}.story-root .scene-film .giant-word{--z:-250px;opacity:.5;font-size:200px;top:-45%;left:10%}.story-root .scene-film .postmark{display:none}.story-root .film-line{color:#9a8063;letter-spacing:2px;border-top:1px solid #bbaa9166;gap:160px;width:1110px;padding-top:15px;font-size:8px;display:flex;position:absolute;top:290px;left:calc(50% - 555px);transform:translateZ(-15px)}.story-root .film-line span{flex-shrink:0;width:230px}.story-root .scene-letter .envelope-perspective{perspective:1300px;height:34%;top:48%}.story-root .envelope{transform-style:preserve-3d}.story-root .envelope-back{transform:translateZ(-3px)}.story-root .envelope-paper{will-change:transform;transform:translateZ(-1px)}.story-root .envelope-front{transform:translateZ(2px)}.story-root .envelope-flap{backface-visibility:visible;transform-origin:50% 0;will-change:transform;z-index:1;transition:none}.story-root .wax-seal{z-index:2;will-change:transform,opacity;transition:none}.story-root .envelope-hint{bottom:-9%}.story-root .love-burst{pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.story-root .love-burst span{color:#a66c63;font-family:var(--serif);will-change:transform,opacity;font-size:24px;position:absolute;top:50%;left:50%}@media (width<=1000px) and (width>=681px){.story-root .scene-book .memory-perspective{width:58%;right:-8%;transform:scale(.8)}.story-root .scene-film .polaroid{width:290px;height:245px}.story-root .scene-film .landscape{left:calc(50% - 495px)}.story-root .scene-film .sunset-photo{left:calc(50% - 145px)}.story-root .scene-film .film-third{left:calc(50% + 205px)}.story-root .film-line{top:265px}}@media (width<=680px){.story-root .scene-book .memory-perspective{transform-origin:50%;width:100%;height:40%;top:49%;right:0;overflow:visible;transform:scale(.66)}.story-root .scene-book .chapter-photo,.story-root .book-cover{width:235px;height:305px;top:0;left:calc(50% - 235px)}.story-root .book-cover{padding:25px}.story-root .book-page{width:220px;height:305px;padding:30px 24px;top:0;left:50%}.story-root .book-page p{font-size:24px}.story-root .scene-book .chapter-photo .photo-caption{font-size:9px}.story-root .scene-book .giant-word{font-size:190px;top:-22%;left:0}.story-root .scene-book .ticket{bottom:0;left:2%;scale:.83}.story-root .scene-book .chapter-spark{font-size:70px;right:-4%}.story-root .scene-film .chapter-copy{width:84%;top:17%;left:8%}.story-root .scene-film .chapter-copy h2{font-size:35px;line-height:1.1}.story-root .scene-film .chapter-copy h2 br{display:initial}.story-root .scene-film .chapter-copy p{margin-top:16px;font-size:10px;line-height:1.8}.story-root .scene-film .chapter-footnote{margin-top:17px;font-size:11px}.story-root .scene-film .memory-perspective{height:36%;top:48%;transform:none}.story-root .scene-film .polaroid{width:235px;height:265px;padding:10px 10px 40px}.story-root .scene-film .landscape{left:calc(50% - 427px)}.story-root .scene-film .sunset-photo{left:calc(50% - 117px)}.story-root .scene-film .film-third{left:calc(50% + 193px)}.story-root .scene-film .photo-caption{white-space:normal;padding:0 5px;font-size:8px!important}.story-root .film-line{gap:80px;width:855px;padding-top:12px;font-size:7px;top:285px;left:calc(50% - 427px)}.story-root .film-line span{width:230px}.story-root .scene-film .giant-word{font-size:170px;top:-30%}.story-root .scene-letter .envelope-perspective{height:27%;top:53%;transform:scale(.8)}.story-root .scene-letter .letter-copy{top:19%}.story-root .scene-letter .letter-copy p{font-size:10px}.story-root .scene-letter .envelope-hint{bottom:-17%}.story-root .scene-letter .replay{bottom:12%}.story-root .love-burst span{font-size:21px}}@media (width<=680px) and (height<=740px){.story-root .scene-book .memory-perspective{top:50%;transform:scale(.55)}.story-root .scene-film .chapter-copy{top:15%}.story-root .scene-film .chapter-copy h2{font-size:30px}.story-root .scene-film .chapter-copy p{margin-top:12px}.story-root .scene-film .memory-perspective{transform-origin:top;top:47%;transform:scale(.84)}.story-root .scene-film .chapter-footnote{margin-top:10px}.story-root .scene-letter .envelope-perspective{top:54%;transform:scale(.65)}.story-root .scene-letter .letter-copy{top:16%}}.story-root .scene-letter .envelope-perspective{height:28%;top:56%}@media (width<=680px){.story-root .scene-letter .envelope-perspective{height:26%;top:55%}}.story-root .scene-book .chapter-copy h2{font-size:clamp(36px,4vw,64px)}.story-root .scene-letter .replay{bottom:8%}@media (width<=680px){.story-root .scene-book .chapter-copy h2{font-size:35px}.story-root .scene-letter .replay{bottom:12%}}@media (width<=680px) and (height<=740px){.story-root .scene-book .chapter-copy h2{font-size:30px}}.story-root .scene-pixel .chapter-copy{width:42%;top:46%}.story-root .scene-pixel .chapter-copy h2{font-size:clamp(38px,4.2vw,66px)}.story-root .expression-controls{gap:8px;margin-top:27px;display:flex}.story-root .expression-controls button{letter-spacing:.4px;color:#8f7961;background:0 0;border:1px solid #c5b397;border-radius:3px;padding:11px 19px;font-size:10px;transition:background .2s,color .2s}.story-root .expression-controls button[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:#fff5e6}.story-root .expression-controls button span{margin-left:5px}.story-root .pixel-perspective{perspective:1400px;width:52%;height:72%;top:16%;right:3%}.story-root .pixel-world{transform-style:preserve-3d}.story-root .pixel-sun{--z:-170px;outline-offset:22px;border:1px solid #cdb89999;border-radius:50%;outline:1px solid #cdb89944;width:290px;height:290px;top:3%;left:27%}.story-root .pixel-frame{clip-path:polygon(0 28px,14px 28px,14px 14px,28px 14px,28px 0,calc(100% - 28px) 0,calc(100% - 28px) 14px,calc(100% - 14px) 14px,calc(100% - 14px) 28px,100% 28px,100% 100%,0 100%);--z:-40px;--rz:-4deg;--ry:-5deg;background:#e9d7ad;width:370px;height:390px;top:12%;left:17%;overflow:hidden;box-shadow:inset 0 0 0 9px #f4e8ca,inset 0 0 0 10px #b9a58040}.story-root .pixel-frame>span{text-align:center;letter-spacing:3px;color:#927759;width:100%;font-size:8px;position:absolute;top:24px;left:0}.story-root .pixel-checker{transform-origin:bottom;background:repeating-conic-gradient(#c3b48744 0% 25%,#0000 0% 50%) 0 0/24px 24px;width:100%;height:80px;position:absolute;bottom:0;left:0;transform:perspective(150px)rotateX(40deg)}.story-root .pixel-girl{--z:65px;--ry:-3deg;--rz:1deg;clip-path:inset(0 5%);filter:drop-shadow(5px 9px #8c6a3e1c);background:0 0;width:415px;height:415px;padding:0;top:7%;left:14%;overflow:hidden}.story-root .pixel-girl img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;transition:opacity .12s steps(2,end);position:absolute;inset:0}.story-root .pixel-smile,.story-root .pixel-girl.is-smiling .pixel-neutral{opacity:0}.story-root .pixel-girl.is-smiling .pixel-smile{opacity:1}.story-root .pixel-cloud{--z:-70px;filter:drop-shadow(0 6px #cfb99422);background:#fff9e8;width:84px;height:18px}.story-root .pixel-cloud:before{content:"";background:inherit;width:58px;height:14px;position:absolute;bottom:18px;left:13px}.story-root .pixel-cloud:after{content:"";background:inherit;width:31px;height:12px;position:absolute;bottom:32px;left:27px}.story-root .pixel-cloud-one{--rz:-4deg;top:27%;left:6%}.story-root .pixel-cloud-two{--rz:2deg;--z:10px;top:36%;right:3%;scale:.7}.story-root .pixel-flower{color:#9b6f54;--z:120px;--rz:14deg;--ry:0deg;font-size:67px;line-height:1}.story-root .pixel-flower-one{color:#9b665e;top:69%;left:8%}.story-root .pixel-flower-two{color:#b39a60;--rz:-12deg;font-size:48px;top:57%;right:6%}.story-root .pixel-love{color:#aa626c;--z:90px;--rz:12deg;--ry:0deg;opacity:.2;font-size:54px;transition:opacity .25s;top:5%;right:17%}.story-root .pixel-love.love-visible{opacity:1}.story-root .pixel-dialog{--z:125px;--rz:-2deg;--ry:0deg;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));background:#fff9ec;border:2px solid #ac8a6955;width:365px;min-height:86px;padding:21px 22px 17px;position:absolute;top:76%;left:16%;box-shadow:4px 4px #d3b99a66}.story-root .pixel-dialog-name{letter-spacing:2px;color:var(--wine);font-size:7px;font-weight:700;position:absolute;top:9px;left:22px}.story-root .pixel-dialog p{font-family:var(--hand);color:#80654e;margin-top:6px;font-size:13px;line-height:1.8}.story-root .pixel-dialog-corner{color:#a38767;font-size:13px;position:absolute;bottom:9px;right:12px}.story-root .pixel-touch-hint{font-family:var(--hand);color:#a8324f;white-space:nowrap;font-size:11px;position:absolute;bottom:-3%;left:31%;transform:rotate(-3deg)}@media (width<=1000px) and (width>=681px){.story-root .pixel-perspective{transform-origin:100%;width:57%;right:-5%;transform:scale(.83)}.story-root .scene-pixel .chapter-copy h2{font-size:43px}.story-root .pixel-frame{left:9%}.story-root .pixel-girl{left:6%}.story-root .pixel-dialog{left:9%}}@media (width<=680px){.story-root .scene-pixel .chapter-copy{text-align:center;width:84%;top:15%;left:8%;transform:none}.story-root .scene-pixel .chapter-copy h2{margin-top:13px;font-size:34px;line-height:1.13}.story-root .scene-pixel .chapter-copy p{margin-top:15px;font-size:11px;line-height:1.8}.story-root .scene-pixel .chapter-footnote{display:none}.story-root .expression-controls{justify-content:center;gap:7px;margin-top:17px}.story-root .expression-controls button{padding:9px 16px;font-size:9px}.story-root .pixel-perspective{transform-origin:50%;width:100%;height:40%;top:46%;right:0;transform:scale(.7)}.story-root .pixel-frame{width:370px;height:370px;top:0;left:calc(50% - 185px)}.story-root .pixel-girl{width:415px;height:415px;top:-8%;left:calc(50% - 207px)}.story-root .pixel-sun{top:-5%;left:calc(50% - 145px)}.story-root .pixel-dialog{width:356px;min-height:77px;top:91%;left:calc(50% - 178px)}.story-root .pixel-dialog p{font-size:12px}.story-root .pixel-cloud-one{top:25%;left:-12%}.story-root .pixel-cloud-two{top:33%;right:-14%}.story-root .pixel-flower-one{font-size:60px;top:72%;left:-10%}.story-root .pixel-flower-two{top:68%;right:-8%}.story-root .pixel-love{font-size:48px;top:-15%;right:0}.story-root .pixel-touch-hint{font-size:10px;bottom:-22%;left:18%}}@media (width<=680px) and (height<=740px){.story-root .scene-pixel .chapter-copy{top:13%}.story-root .scene-pixel .chapter-copy h2{font-size:28px}.story-root .scene-pixel .chapter-copy p{margin-top:11px;font-size:10px}.story-root .expression-controls{margin-top:12px}.story-root .pixel-perspective{height:40%;top:43%;transform:scale(.58)}.story-root .pixel-dialog{top:110%}.story-root .pixel-touch-hint{bottom:-44%}}.story-root .sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.story-root .scene-opening{overflow:clip}.story-root .scene-opening .opening-perspective{perspective:1600px;width:100%;height:78%;top:11%;left:0;right:auto;transform:none}.story-root .scene-opening .opening-girl{--z:0;--rz:0;--ry:0;filter:drop-shadow(0 17px 17px #72533c12);clip-path:inset(0 5%);background:0 0;width:470px;height:470px;top:8%;left:calc(50% - 235px)}.story-root .scene-opening .opening-dialog{opacity:0;visibility:hidden;clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px));transform-origin:bottom;will-change:opacity,transform;background:#fff9ec;border:2px solid #b29474;width:min(570px,83vw);min-height:170px;padding:28px 32px 19px;top:66%;left:50%;transform:translate3d(-50%,40px,90px)scale(.96);box-shadow:5px 5px #d3b99a66}.story-root .opening-dialog .pixel-dialog-name{letter-spacing:2px;font-size:8px;top:14px;left:32px}.story-root .opening-dialog .pixel-dialog-name>span{letter-spacing:1px;color:#aa9278;font-size:7px;font-weight:400}.story-root .opening-dialog #pixel-dialog-text{font-family:var(--sans);color:#79624f;white-space:pre-line;min-height:75px;margin-top:7px;font-size:13px;line-height:1.9}.story-root .typing-caret{color:var(--wine);margin-left:2px;font-size:12px;display:none}.story-root .is-typing .typing-caret{animation:.7s step-end infinite caret-blink;display:inline}@keyframes caret-blink{50%{opacity:0}}.story-root .dialog-bottom{justify-content:space-between;align-items:center;gap:15px;margin-top:13px;display:flex}.story-root .scene-opening .expression-controls{gap:6px;margin:0}.story-root .scene-opening .expression-controls button{color:#9b8369;background:0 0;border-color:#d2c0a8;padding:6px 11px;font-size:8px}.story-root .scene-opening .expression-controls button[aria-pressed=true]{color:#b03350;background:#ede1cc;border-color:#bd9b7b}.story-root .dialog-next{font-family:var(--sans);letter-spacing:.5px;color:#a18a70;font-size:8px;transition:opacity .3s}.story-root .scene-opening .pixel-dialog-corner{display:none}.story-root .ambient{opacity:0}.story-root .scene-opening .pixel-love{display:none}@media (width>=1500px){.story-root .scene-opening .opening-perspective{height:77%;top:10%}.story-root .scene-opening .opening-girl{width:530px;height:530px;top:6%;left:calc(50% - 265px)}.story-root .scene-opening .opening-dialog{width:620px;top:67%}}@media (width<=680px){.story-root .scene-opening .opening-perspective{width:100%;height:76%;top:12%;left:0;transform:none}.story-root .scene-opening .opening-girl{width:360px;height:360px;top:11%;left:calc(50% - 180px)}.story-root .scene-opening .opening-dialog{width:calc(100vw - 54px);min-height:183px;padding:27px 20px 17px;top:63%}.story-root .opening-dialog .pixel-dialog-name{font-size:7px;top:13px;left:20px}.story-root .opening-dialog .pixel-dialog-name>span{font-size:6px}.story-root .opening-dialog #pixel-dialog-text{min-height:96px;font-size:11px;line-height:1.85}.story-root .dialog-bottom{gap:8px;margin-top:11px}.story-root .scene-opening .expression-controls button{padding:5px 8px;font-size:7px}.story-root .dialog-next{letter-spacing:0;font-size:7px}.story-root .scene-opening .expression-controls{gap:4px}}@media (width<=680px) and (height<=740px){.story-root .scene-opening .opening-perspective{height:77%;top:11%}.story-root .scene-opening .opening-girl{width:300px;height:300px;top:8%;left:calc(50% - 150px)}.story-root .scene-opening .opening-dialog{min-height:170px;top:60%}.story-root .opening-dialog #pixel-dialog-text{min-height:87px;font-size:10px}.story-root .scene-opening .opening-dialog{padding-top:26px}}@media (prefers-reduced-motion:reduce){.story-root .typing-caret{animation:none!important}}.story-root .scroll-space{height:920svh}.story-root .scene-opening .opening-girl{will-change:transform;backface-visibility:hidden}.story-root .scene-opening .opening-perspective{perspective-origin:50%}.story-root .scene-opening .opening-dialog{z-index:5}@media (width<=680px){.story-root .scene-opening .opening-perspective{perspective:1100px}.story-root .scene-opening .opening-dialog{z-index:5}}.story-root .header:before{content:"";z-index:-1;opacity:var(--camera-close,0);pointer-events:none;background:linear-gradient(#fdf4f6f5,#fdf4f6c9 55%,#fdf4f600);position:absolute;inset:0}.story-root .footer:before{content:"";z-index:-1;opacity:var(--camera-close,0);pointer-events:none;background:linear-gradient(#fdf4f600,#fdf4f6e8);position:absolute;inset:-20px -6% -30px}.story-root .scene-opening .opening-girl{clip-path:none;overflow:visible}.story-root .portrait-inscription{opacity:0;visibility:hidden;font-family:var(--serif);letter-spacing:-.06px;text-align:center;pointer-events:none;z-index:3;box-shadow:none;background:0 0;border:0;font-style:italic;font-weight:400;line-height:1.38;display:block;position:absolute;transform:translate(-50%,-50%)}.story-root .inscription-word{will-change:opacity,transform;display:inline-block}.story-root .inscription-face{color:#7a1838;text-shadow:0 1px 3px #fff5daaa;width:155px;font-size:10px;top:49%;left:50%}.story-root .inscription-right{color:#7a1838;text-shadow:0 .5px 1.5px #fff6dd99;width:136px;font-size:9.5px;top:61%;left:64%}.story-root .inscription-left{color:#fff5df;text-shadow:0 .8px 2px #35251f,0 0 1px #35251f;-webkit-text-stroke:.15px #624333;width:145px;font-size:9.5px;top:65%;left:36%}.story-root .closing-inscription{text-align:center;opacity:0;visibility:hidden;width:80%;font-family:var(--serif);color:var(--wine);pointer-events:none;font-size:28px;font-style:italic;line-height:1.4;position:absolute;top:83%;left:50%;transform:translate(-50%)}.story-root .scene-opening .pixel-girl:focus-visible{outline-offset:10px}@media (width<=680px){.story-root .inscription-face{width:142px;font-size:9px}.story-root .inscription-right{width:127px;font-size:8.8px}.story-root .inscription-left{width:141px;font-size:8.8px;top:64%;left:35%}.story-root .closing-inscription{width:86%;font-size:23px;top:77%}}@media (width<=680px) and (height<=740px){.story-root .closing-inscription{font-size:21px;top:75%}}@media (prefers-reduced-motion:reduce){.story-root .portrait-inscription{width:265px;color:var(--wine);text-shadow:0 1px 3px #fff4de;-webkit-text-stroke:0;font-size:15px;top:63%;left:50%}.story-root .closing-inscription{font-size:23px}}.story-root .scene-opening .opening-girl{filter:none}.story-root .portrait-inscription{transform-origin:50%;transform:translate(-50%,-50%)scale(.333333)}.story-root .inscription-face{width:465px;font-size:30px}.story-root .inscription-right{width:408px;font-size:28.5px}.story-root .inscription-left{-webkit-text-stroke:.45px #624333;width:435px;font-size:28.5px}@media (width<=680px){.story-root .inscription-face{width:426px;font-size:27px}.story-root .inscription-right{width:381px;font-size:26.4px}.story-root .inscription-left{width:423px;font-size:26.4px}}@media (prefers-reduced-motion:reduce){.story-root .portrait-inscription{-webkit-text-stroke:0;width:265px;font-size:15px;transform:translate(-50%,-50%)}}.story-root .inscription-right,.story-root .inscription-left{color:#7a1838;text-shadow:0 0 2px #fff5df,0 0 4px #fff5df;-webkit-text-stroke:1px #fff1d6;paint-order:stroke fill;font-style:normal}@media (prefers-reduced-motion:reduce){.story-root .inscription-right,.story-root .inscription-left{-webkit-text-stroke:0}}.story-root .scene-opening .portrait-inscription{letter-spacing:-.2px;z-index:4;text-shadow:0 1px 2px #fff6dd,0 0 4px #fff6dd;-webkit-text-stroke:.4px #fff1d6;paint-order:stroke fill;width:360px;font-size:26px;line-height:1.35;transform:translate(-50%,-50%)}.story-root .scene-opening .inscription-face{width:340px;font-size:25px;font-style:italic}.story-root .scene-opening .inscription-right,.story-root .scene-opening .inscription-left{color:#7a1838;font-style:normal}@media (width<=680px){.story-root .scene-opening .portrait-inscription{width:300px;font-size:21px}.story-root .scene-opening .inscription-face{width:280px;font-size:22px}}.story-root .inscription-layer{z-index:8;pointer-events:none;position:absolute;inset:0}.story-root .scene-letter .envelope-perspective{perspective:1500px;width:70%;height:22%;top:55%;left:15%;transform:none}.story-root .scene-letter .envelope{aspect-ratio:340/215;--z:10px;--rz:-3deg;--ry:-4deg;filter:drop-shadow(0 12px 14px #5e45351a);width:min(290px,52vw,38svh);height:auto}.story-root .scene-letter .envelope-paper{padding:8% 9%;font-size:clamp(11px,1.4vw,16px);inset:12% 7%}.story-root .scene-letter .envelope-paper i{font-size:clamp(8px,1vw,11px)}.story-root .scene-letter .wax-seal{width:clamp(27px,5.5svh,40px);height:clamp(27px,5.5svh,40px);font-size:clamp(19px,3.8svh,28px);line-height:clamp(27px,5.5svh,40px);top:45%;left:calc(50% - clamp(13.5px,2.75svh,20px))}.story-root .scene-letter .envelope-orbit{opacity:.5;width:125%;max-width:400px;height:100%;max-height:180px}.story-root .scene-letter .envelope-star{font-size:36px;top:20%;left:21%}.story-root .scene-letter .envelope-hint{white-space:nowrap;font-size:10px;bottom:-4%}.story-root .scene-letter .replay{z-index:10;padding:7px 0;bottom:12%}@media (width<=680px){.story-root .scene-letter .envelope-perspective{width:80%;height:24%;top:53%;left:10%;transform:none}.story-root .scene-letter .envelope{width:min(270px,66vw,34svh)}.story-root .scene-letter .envelope-hint{font-size:9px;bottom:-6%}.story-root .scene-letter .replay{font-size:9px;bottom:13%}.story-root .scene-letter .envelope-star{font-size:30px;left:5%}}@media (height<=560px){.story-root .scene-letter .letter-copy{top:16%}.story-root .scene-letter .letter-copy .eyebrow{letter-spacing:1.4px;font-size:7px}.story-root .scene-letter .letter-copy h2{margin-top:10px;font-size:clamp(23px,3.1vw,30px);line-height:1.12}.story-root .scene-letter .letter-copy p{margin-top:10px;font-size:10px}.story-root .scene-letter .envelope-perspective{height:22%;top:55%}.story-root .scene-letter .envelope-hint{font-size:8px;bottom:-5%}.story-root .scene-letter .replay{font-size:9px;bottom:12%}.story-root .scene-letter .envelope-star{font-size:25px}.story-root .scene-letter .envelope-orbit{max-width:300px}}.story-root .scene-letter .envelope-hint{top:calc(100% + 12px);bottom:auto}@media (height<=560px){.story-root .scene-letter .envelope-perspective{top:51.5%}.story-root .scene-letter .envelope{width:min(260px,54vw,50svh)}.story-root .scene-letter .envelope-hint{display:none}}@media (height<=400px){.story-root .scene-letter .envelope{width:min(240px,54vw,46svh)}}@media (width<=680px) and (height<=560px){.story-root .scroll-hint{display:none}}.story-root .scene-opening .inscription-right,.story-root .scene-opening .inscription-left{width:310px;text-shadow:none;-webkit-text-stroke:0;color:#7a1838;font-size:27px;line-height:1.4}.story-root .scene-opening .inscription-face{width:270px;text-shadow:none;-webkit-text-stroke:0;font-size:25px}.story-root .scene-opening .inscription-right{text-align:left}.story-root .scene-opening .inscription-left{text-align:right}@media (width<=680px){.story-root .scene-opening .inscription-right,.story-root .scene-opening .inscription-left{width:190px;font-size:18px;line-height:1.4}.story-root .scene-opening .inscription-face{text-align:left;width:155px;font-size:20px}}.story-root .scene-book .chapter-copy h2{margin-top:0;font-size:clamp(38px,4.6vw,68px)}.story-root .scene-book .chapter-copy{top:42%}@media (width<=680px){.story-root .scene-book .chapter-copy{text-align:center;width:84%;top:17%;left:8%;transform:none}.story-root .scene-book .chapter-copy h2{font-size:39px;line-height:1.1}.story-root .scene-book .memory-perspective{transform-origin:top;height:50%;top:32%;transform:scale(.78)}}@media (width<=680px) and (height<=740px){.story-root .scene-book .chapter-copy{top:16%}.story-root .scene-book .chapter-copy h2{font-size:34px}.story-root .scene-book .memory-perspective{transform-origin:top;height:50%;top:30%;transform:scale(.7)}}.story-root .scene-book .chapter-copy{text-align:center;width:90%;top:14%;left:5%;transform:none}.story-root .scene-book .chapter-copy h2{margin:0;font-size:clamp(38px,4.4vw,60px)}.story-root .scene-book .album-perspective{--album-width:min(620px,84vw);--album-height:calc(var(--album-width)/1.65);perspective:1800px;width:100%;height:64%;top:22%;left:0;right:auto;transform:none}.story-root .album-rig{width:var(--album-width);height:var(--album-height);transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-root .album-board{background:#b03350;border-radius:6px;position:absolute;inset:-6px;transform:translateZ(-3px);box-shadow:0 23px 42px #553c2924}.story-root .album-spread{will-change:opacity;background:#fff;border-radius:2px;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.story-root .album-spread:not(:first-of-type){opacity:0}.story-root .album-photo{background:#fff;border:0;border-radius:0;width:100%;min-width:0;height:100%;padding:20px;overflow:hidden;box-shadow:inset -9px 0 17px #75553b13}.story-root .album-photo img{object-fit:cover;filter:saturate(.72)sepia(.07);width:100%;height:100%;display:block}.story-root .album-caption{text-align:center;background:linear-gradient(90deg,#f0e2e677,#fff 9%);border-left:1px solid #cbbb9e66;justify-content:center;align-items:center;padding:30px;display:flex}.story-root .album-caption p,.story-root .sheet-front p{font-family:var(--serif);color:#7a1838;margin:0;font-size:30px;font-style:italic;font-weight:400;line-height:1.4}.story-root .album-spine{pointer-events:none;background:#92765044;width:1px;height:100%;position:absolute;top:0;left:50%;transform:translateZ(4px)}.story-root .album-cover{text-align:center;color:#fff;transform-origin:100%;width:50%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none;will-change:transform;background:#b03350;border-radius:5px 1px 1px 5px;flex-direction:column;justify-content:center;align-items:center;gap:45px;padding:35px 25px;display:flex;position:absolute;top:0;left:0;box-shadow:inset 8px 0 16px #321a3240,0 8px 25px #37221c26}.story-root .album-cover:before{content:"";border:1px solid #c9a06c75;border-radius:3px;position:absolute;inset:16px}.story-root .album-cover b{font-family:var(--serif);font-size:48px;font-style:italic;font-weight:400;line-height:1.13}.story-root .album-cover>span{font-family:var(--hand);font-size:16px}.story-root .album-turn-sheet{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;pointer-events:none;visibility:hidden;z-index:4;will-change:transform;position:absolute;top:0;left:50%}.story-root .sheet-front,.story-root .sheet-back{backface-visibility:hidden;text-align:center;background:#fff;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0;box-shadow:0 5px 18px #63442715}.story-root .sheet-front{background:linear-gradient(90deg,#f0e2e677,#fff 12%)}.story-root .sheet-back{background:linear-gradient(270deg,#f0e2e677,#fff 12%);transform:rotateY(180deg)}.story-root .album-controls{left:50%;top:calc(50% + var(--album-height)/2 + 25px);visibility:hidden;opacity:0;z-index:5;align-items:center;gap:20px;display:flex;position:absolute;transform:translate(-50%)}.story-root .album-controls>span{letter-spacing:2px;color:#5f4a50;white-space:nowrap;font-size:10px}.story-root .album-controls button{color:#7a1838;background:0 0;border:1px solid #c8b69d88;border-radius:50%;width:30px;height:30px;padding:0 0 2px;font-size:22px;line-height:1}.story-root .album-controls button:disabled{opacity:.25;cursor:default}.story-root .album-controls button:not(:disabled):hover{background:#fbe4e9}@media (width<=680px){.story-root .scene-book .chapter-copy{width:84%;top:16%;left:8%}.story-root .scene-book .chapter-copy h2{font-size:39px}.story-root .scene-book .album-perspective{--album-width:calc(100vw - 38px);--album-height:calc(var(--album-width)/1.35);perspective:1300px;height:57%;top:19%}.story-root .album-photo{padding:11px}.story-root .album-caption,.story-root .sheet-front,.story-root .sheet-back{padding:18px}.story-root .album-caption p,.story-root .sheet-front p{font-size:20px;line-height:1.4}.story-root .album-cover{gap:30px;padding:25px 15px}.story-root .album-cover:before{inset:11px}.story-root .album-cover b{font-size:28px}.story-root .album-cover>span{font-size:12px}.story-root .album-board{inset:-4px;box-shadow:0 17px 30px #553c2920}.story-root .album-controls{top:calc(50% + var(--album-height)/2 + 22px);gap:16px}.story-root .album-controls>span{font-size:9px}.story-root .album-controls button{width:28px;height:28px}}@media (width<=680px) and (height<=740px){.story-root .scene-book .chapter-copy{top:15%}.story-root .scene-book .chapter-copy h2{font-size:34px}.story-root .scene-book .album-perspective{height:55%;top:20%}.story-root .album-caption p,.story-root .sheet-front p{font-size:19px}}@media (height<=560px) and (width>=681px){.story-root .scene-book .chapter-copy{top:16%}.story-root .scene-book .chapter-copy h2{font-size:31px}.story-root .scene-book .album-perspective{--album-width:min(440px,75vw,78svh);height:61%;top:24%}.story-root .album-cover b{font-size:32px}.story-root .album-cover{gap:22px}.story-root .album-caption p,.story-root .sheet-front p{font-size:20px}.story-root .album-photo{padding:12px}.story-root .album-caption,.story-root .sheet-front,.story-root .sheet-back{padding:18px}.story-root .album-controls{top:calc(50% + var(--album-height)/2 + 14px)}}@media (width<=680px) and (height<=560px){.story-root .scene-book .chapter-copy{top:17%}.story-root .scene-book .chapter-copy h2{font-size:28px}.story-root .scene-book .album-perspective{--album-width:min(440px,78vw,105svh);--album-height:calc(var(--album-width)/1.8);height:57%;top:25%}.story-root .album-caption p,.story-root .sheet-front p{font-size:16px}.story-root .album-cover b{font-size:24px}.story-root .album-cover{gap:15px}.story-root .album-cover>span{font-size:10px}.story-root .album-photo{padding:10px}.story-root .album-caption,.story-root .sheet-front,.story-root .sheet-back{padding:15px}.story-root .album-controls{top:calc(50% + var(--album-height)/2 + 12px)}}.story-root .scene-book{--album-width:min(620px,84vw);--album-height:calc(var(--album-width)/1.65)}.story-root .scene-book .album-controls{top:calc(54% + var(--album-height)/2 + 25px);z-index:12;pointer-events:auto}.story-root .album-photo{transform:translateZ(1px)}@media (width<=680px){.story-root .scene-book{--album-width:calc(100vw - 38px);--album-height:calc(var(--album-width)/1.35)}.story-root .scene-book .album-controls{top:calc(47.5% + var(--album-height)/2 + 22px)}}@media (height<=560px) and (width>=681px){.story-root .scene-book{--album-width:min(440px,75vw,78svh)}.story-root .scene-book .album-controls{top:calc(54.5% + var(--album-height)/2 + 14px)}}@media (width<=680px) and (height<=560px){.story-root .scene-book{--album-width:min(440px,78vw,105svh);--album-height:calc(var(--album-width)/1.8)}.story-root .scene-book .album-controls{top:calc(53.5% + var(--album-height)/2 + 12px)}}.story-root .scene-opening .scroll-hint{letter-spacing:.2px;color:#5f4a50;z-index:12;pointer-events:none;will-change:opacity;justify-content:center;gap:9px;font-size:11px;line-height:22px;display:flex;top:78%;bottom:auto;left:50%;transform:translate(-50%)}.story-root .scene-opening .scroll-hint .mouse{flex-shrink:0;width:13px;height:21px}.story-root .scene-opening .scroll-hint .down-arrow{margin-left:2px;font-size:18px}.story-root .chapter-nav{flex-direction:row;align-items:center;gap:28px;width:max-content;inset:auto auto 32px 50%;transform:translate(-50%)}.story-root .chapter-nav .nav-line{width:calc(100% - 7px);height:1px;top:3.5px;left:3.5px}.story-root .chapter-nav .nav-line i{width:0;height:1px}.story-root .chapter-dot{width:8px;height:8px}.story-root .chapter-dot:before{inset:-18px}@media (width<=680px){.story-root .chapter-nav{bottom:max(28px,env(safe-area-inset-bottom));gap:28px}.story-root .scene-opening .scroll-hint{font-size:10px}}@media (height<=560px){.story-root .scene-opening .opening-girl{--opening-size:min(360px,60svh);width:var(--opening-size);height:var(--opening-size);left:calc(50% - var(--opening-size)/2)}.story-root .chapter-nav{bottom:22px}.story-root .scene-opening .scroll-hint{font-size:10px}}.story-root .scene-letter .letter-copy{top:24%}.story-root .scene-letter .letter-copy h2{margin:0;font-size:clamp(38px,4.4vw,60px);line-height:1.15}.story-root .scene-letter .envelope-hint{font-family:var(--sans);color:#5f4a50;opacity:0;visibility:hidden;z-index:10;white-space:nowrap;background:0 0;border:0;padding:6px 10px;font-size:11px;font-style:normal;line-height:1.5;display:block;top:calc(100% + 10px);bottom:auto;left:50%;transform:translate(-50%)translateZ(20px)}@media (width<=680px){.story-root .scene-letter .letter-copy{top:25%}.story-root .scene-letter .letter-copy h2{font-size:39px}.story-root .scene-letter .envelope-hint{font-size:10px}}@media (height<=560px){.story-root .scene-letter .letter-copy{top:22%}.story-root .scene-letter .letter-copy h2{font-size:32px}.story-root .scene-letter .envelope-hint{font-size:10px;top:calc(100% + 6px)}}.story-root .album-board{background:#7a1838;border-radius:7px;inset:-7px;box-shadow:0 3px #fff,0 6px #e0c8ce,0 9px #fdf4f6,0 12px #7a1838,0 30px 38px #573e302b}.story-root .album-spread{transform-style:preserve-3d;background:linear-gradient(90deg,#fbe4e9,#fff 42%,#e0c8ce 49.7%,#fdf4f6 52%,#fff 94%,#fbe4e9);overflow:visible;box-shadow:inset 0 -2px 4px #b9a58544}.story-root .album-spread:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 43%,#654b2914 48.8%,#fff9dc66 49.4%,#654b2940 50%,#0000 56%);border-radius:3px;position:absolute;inset:0;transform:translateZ(3px)}.story-root .album-photo{background:#fff;place-self:center;width:calc(100% - 36px);height:calc(100% - 44px);padding:10px 10px 28px;transition:box-shadow .25s;position:relative;overflow:visible;transform:translateZ(18px)rotate(-4deg);box-shadow:2px 5px 4px #6f523022,7px 14px 18px #5d3e3529}.story-root .album-spread:nth-of-type(3) .album-photo{transform:translateZ(18px)rotate(3deg)}.story-root .album-photo:before,.story-root .album-photo:after{content:"";z-index:2;pointer-events:none;clip-path:polygon(3% 0,100% 4%,97% 100%,0 94%);background:#f0d2dc99;width:62px;height:21px;position:absolute;box-shadow:0 1px 2px #5d493614}.story-root .album-photo:before{top:-9px;left:calc(50% - 31px);transform:rotate(-9deg)}.story-root .album-photo:after{opacity:.65;width:46px;bottom:-7px;right:-13px;transform:rotate(-35deg)}.story-root .album-photo img{filter:saturate(.76)sepia(.1);border:1px solid #79674616}.story-root .album-photo:hover{box-shadow:2px 6px 6px #6f523022,9px 17px 23px #5d3e3533}.story-root .album-caption{background:linear-gradient(90deg,#a48b6329,#fff3 13%,#fffdf255 80%,#d7c5a82b);border-left:0;border-radius:0 3px 10px 0;position:relative;transform:translateZ(1px);box-shadow:inset -2px -2px 6px #b9a58522}.story-root .album-caption:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 48%,#d1bea03b 50%,#fff9e9 54%);border-radius:0 0 8px;width:28px;height:28px;position:absolute;bottom:0;right:0}.story-root .album-word{will-change:opacity,transform;display:inline-block}.story-root .sheet-front,.story-root .sheet-back{background-color:#fff;box-shadow:0 9px 26px #63442730}.story-root .sheet-front:after,.story-root .sheet-back:after{content:"";opacity:var(--turn-shadow,0);pointer-events:none;background:#664624;position:absolute;inset:0}@media (width<=680px){.story-root .album-photo{width:calc(100% - 22px);height:calc(100% - 38px);padding:7px 7px 21px;transform:translateZ(12px)rotate(-3deg)}.story-root .album-caption{padding:14px}.story-root .album-photo:before{width:43px;height:16px;top:-7px;left:calc(50% - 21px)}.story-root .album-photo:after{width:33px;height:16px;right:-8px}.story-root .album-board{box-shadow:0 3px #fff,0 5px #e0c8ce,0 8px #7a1838,0 23px 28px #573e302b}}@media (prefers-reduced-motion:reduce){.story-root .album-word{will-change:auto}.story-root .album-photo{transition:none}}body.story-active{overflow-x:hidden}.story-root button{min-width:44px;min-height:44px}.story-root .chapter-dot{min-width:0;min-height:0;position:relative}.story-root .chapter-dot:after{content:"";border-radius:50%;position:absolute;inset:-18px}.story-root .portrait-inscription,.story-root .closing-inscription{overflow-wrap:anywhere}.story-root .letter-dialog p{white-space:pre-line;overflow-wrap:anywhere}.story-root .letter-dialog h2,.story-root .album-cover span{overflow-wrap:anywhere}.story-root .youtube-music{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;right:0}body.story-active:has(dialog[open]){overflow:hidden}@media (width<=680px) and (height>=521px){.story-root .album-caption.long-caption p,.story-root .album-turn-sheet.long-caption p{font-size:18px;line-height:1.35}}.story-root .portrait-sprite{display:contents}.story-root .couple-portrait .portrait-sprite{width:72%;height:100%;display:block;position:absolute;top:0}.story-root .couple-portrait .sender-sprite{z-index:1;left:-10%}.story-root .couple-portrait .recipient-sprite{z-index:2;right:-10%}.story-root .couple-portrait .sender-neutral,.story-root .couple-portrait.is-smiling .sender-neutral{opacity:1}.story-root .couple-portrait .sender-smile,.story-root .couple-portrait.is-smiling .sender-smile,.story-root .couple-portrait.sender-smiling .sender-neutral{opacity:0}.story-root .couple-portrait.sender-smiling .sender-smile{opacity:1}.story-root.short-story .scroll-space{height:480svh}.story-root .inscription-word{overflow-wrap:anywhere;white-space:normal;max-width:100%}.story-root .scene-opening button.scroll-hint{pointer-events:auto;font-family:var(--sans);background:0 0;border:0;padding:6px 10px}.story-root .scene-letter .envelope{--rz:0deg;--ry:0deg}@media (width>=681px){.story-root .scene-letter .envelope-hint{width:200px;min-height:44px;font-size:14px;top:auto;bottom:76px;left:calc(50% - 112px);transform:translate(-50%)}.story-root .scene-letter .replay{width:200px;min-height:44px;font-size:14px;top:auto;bottom:76px;left:calc(50% + 112px);transform:translate(-50%)}}.story-root .header .music{color:#7a1838;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.story-root .music[aria-pressed=true] .music-muted{display:none}.story-root .music[aria-busy=true]{opacity:.6}.story-root .youtube-music{border:0;width:200px;height:200px}.story-root .ending-navigation,.story-root .tutorial-mobile{display:none}.story-root .tap-tutorial{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#000000d1;place-items:center;width:100%;height:100%;padding:28px;display:grid;position:fixed;inset:0}.story-root .tap-tutorial-card{text-align:center;width:100%;max-width:330px;font-family:var(--sans);gap:28px;display:grid}.story-root .tutorial-primary h2{font:700 clamp(27px,7.3vw,32px)/1.2 var(--sans);color:#fff;letter-spacing:-.5px;margin:0 0 10px}.story-root .tutorial-primary p{font:400 18px/1.5 var(--sans);color:#eee;margin:0}.story-root .tap-tutorial-card .tap-tutorial-start{color:#fff;width:100%;font:700 18px/1.5 var(--sans);background:#b03350;border-radius:10px;margin:0;padding:14px 24px;box-shadow:0 4px #7a1838}.story-root .tap-tutorial-start:disabled{visibility:hidden;pointer-events:none}@media (width<=680px){.story-root .tutorial-mobile{display:inline}.story-root .tutorial-desktop{display:none}.story-root .ending-navigation{z-index:35;left:20px;right:20px;bottom:calc(18px + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;gap:16px;display:flex;position:fixed}.story-root .ending-navigation button{pointer-events:auto;color:#7a1838;min-height:44px;font:600 14px/1.5 var(--sans);background:#fff;border:1px solid #e0c8ce;border-radius:10px;padding:10px 20px;box-shadow:0 4px #e0c8ce}.story-root .ending-navigation button:last-child{color:#fff;background:#b03350;border-color:#b03350;box-shadow:0 4px #7a1838}.story-root .ending-navigation button:disabled{opacity:.4;cursor:default}.story-root .ending-navigation button:not(:disabled):active{box-shadow:none;transform:translateY(4px)}.story-root:has(.ending-navigation:not([hidden])) .chapter-nav{bottom:calc(80px + env(safe-area-inset-bottom))}.story-root.modal-open .ending-navigation{visibility:hidden}}.story-root .tap-tutorial[hidden],.story-root .ending-navigation[hidden]{display:none}@media (width<=680px){.story-root.couple-story .scene-opening .opening-perspective{height:76%;top:12%}.story-root.couple-story .scene-opening .opening-girl{--opening-size:min(400px,90vw,54svh);width:var(--opening-size);height:var(--opening-size);left:calc(50% - var(--opening-size)/2);top:8%}.story-root.couple-story .scene-opening .inscription-layer .portrait-inscription,.story-root.couple-story .scene-opening .inscription-layer .closing-inscription{text-align:center;color:#7a1838;width:82vw;max-width:340px;text-shadow:none;-webkit-text-stroke:0;font-size:clamp(20px,5.6vw,24px);font-style:normal;line-height:1.35}.story-root.couple-story .scene-opening .inscription-layer .inscription-right,.story-root.couple-story .scene-opening .inscription-layer .inscription-left{width:42vw;max-width:190px;font-size:clamp(18px,5.1vw,22px);line-height:1.35}}