:root{--ink:#542d35;--muted:#8d6970;--wine:#8e3e52;--rose:#d78294;--rose-light:#f3d9df;--paper:#fff9f5;--cream:#f5ece4;--line:#7a3f4e2e}*{box-sizing:border-box}html,body{max-width:100%;min-height:100%;overflow-x:hidden}body{background:var(--cream);color:var(--ink);margin:0;font-family:Segoe UI,Arial,sans-serif}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button,a{font:inherit}button{color:inherit}.cover-page{isolation:isolate;background:radial-gradient(circle at 14% 16%,#ffffffe6,#0000 23%),radial-gradient(circle at 85% 80%,#d9829538,#0000 28%),linear-gradient(135deg,#f8e8e5 0%,#f4d9dd 45%,#ead0d5 100%);place-items:center;min-height:100svh;padding:64px 24px 54px;display:grid;position:relative;overflow:hidden}.cover-page:before,.cover-page:after{content:"";z-index:-1;border:1px solid #8e3e522e;border-radius:50%;width:420px;height:420px;position:absolute}.cover-page:before{top:-280px;right:-120px;box-shadow:0 0 0 45px #ffffff17,0 0 0 90px #ffffff0f}.cover-page:after{bottom:-300px;left:-170px;box-shadow:0 0 0 50px #8e3e520d,0 0 0 100px #8e3e5209}.paper-noise{z-index:-1;opacity:.38;pointer-events:none;background-image:repeating-linear-gradient(18deg,#0000 0 3px,#62343e05 3px 4px);position:absolute;inset:0}.cover-art{pointer-events:none;position:absolute;inset:0}.photo-card{z-index:1;appearance:none;cursor:zoom-in;pointer-events:auto;background:#fffaf6;border:1px solid #6f3c4921;width:clamp(145px,20vw,280px);margin:0;padding:8px 8px 34px;transition:filter .18s,box-shadow .18s;position:absolute;box-shadow:0 25px 55px #582a3729}.photo-card:hover,.photo-card:focus-visible{filter:brightness(1.035);outline-offset:4px;outline:2px solid #9b2c4461;box-shadow:0 30px 64px #582a373d}.photo-card img{aspect-ratio:.78;object-fit:cover;filter:saturate(.82)contrast(.96);width:100%;display:block}.photo-card-left{top:12%;left:clamp(-82px,-2vw,-20px);transform:rotate(-8deg)}.photo-card-top-right{top:4%;right:clamp(-92px,-2vw,-18px);transform:rotate(7deg)}.photo-card-top-right img{object-position:center 38%}.photo-card-bottom-right{bottom:2%;right:clamp(-110px,-4vw,-34px);transform:rotate(5deg)}.bouquet-art{z-index:0;filter:drop-shadow(0 26px 30px #57263429);width:clamp(265px,31vw,455px);position:absolute;bottom:clamp(-190px,-10vw,-115px);left:clamp(-185px,-10vw,-105px);transform:rotate(7deg)}.cover-copy{z-index:2;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9f5d6;border:1px solid #71384633;width:min(680px,86vw);padding:clamp(88px,9vw,108px) clamp(28px,7vw,76px) clamp(46px,6vw,66px);position:relative;box-shadow:0 34px 90px #5b2a3726}.cover-copy:before,.cover-copy:after{content:"♡";color:#8e3e528c;font-size:18px;position:absolute}.cover-copy:before{bottom:16px;left:18px}.cover-copy:after{bottom:16px;right:18px}.red-thread-names{color:#68414a;letter-spacing:.025em;grid-template-columns:minmax(0,1fr) minmax(76px,130px) minmax(0,1fr);align-items:center;gap:12px;font-family:Georgia,Times New Roman,serif;font-size:.78rem;font-style:italic;display:grid;position:absolute;top:24px;left:30px;right:30px}.red-thread-names>span:first-child{text-align:left}.red-thread-names>span:last-child{text-align:right}.red-thread{height:25px;display:block;position:relative}.red-thread:before{content:"";border-top:1.5px solid #9b2c44d6;border-radius:50%;height:14px;position:absolute;top:7px;left:0;right:0;transform:rotate(-1deg)}.red-thread:after{content:"♡";color:#9b2c44;background:#fff9f5f2;padding:0 5px;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-style:normal;line-height:1.2;position:absolute;top:0;left:50%;transform:translate(-50%)}.eyebrow,.month-heading>span,.thought-kicker{color:var(--wine);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:700;display:block}.cover-copy h1{letter-spacing:-.07em;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.35rem,11vw,7.4rem);font-weight:400;line-height:.79}.cover-copy h1 span,.cover-copy h1 em{display:block}.cover-copy h1 em{color:var(--wine);letter-spacing:-.04em;margin-top:.23em;font-size:.62em;font-weight:400}.cover-copy p{color:var(--muted);margin:0 auto 30px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,2.5vw,1.25rem);font-style:italic}.primary-button{background:var(--ink);color:#fff9f5;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:15px;padding:14px 22px 14px 28px;font-size:.82rem;font-weight:700;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 16px 30px #4c232d33}.primary-button:hover{background:var(--wine);transform:translateY(-2px)}.primary-button span:last-child{background:#ffffff1f;border-radius:50%;place-items:center;width:28px;height:28px;font-size:1rem;display:grid}.cover-footer{text-align:center;color:#542d35ad;font-family:Georgia,Times New Roman,serif;font-size:.82rem;font-style:italic;position:absolute;bottom:20px;left:0;right:0}.story-page{isolation:isolate;background:linear-gradient(#fffbf7ed,#fffbf7ed),repeating-linear-gradient(0deg,#0000 0 31px,#814a5712 31px 32px);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);width:100%;max-width:100vw;min-height:100svh;padding:24px clamp(18px,5vw,70px) 28px;display:grid;position:relative;overflow:hidden}.story-header,.story-nav{z-index:4;justify-content:space-between;align-items:center;width:min(1120px,100%);min-width:0;margin:0 auto;display:flex;position:relative}.brand-button{cursor:pointer;background:0 0;border:0;padding:8px 0;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700}.brand-button span{color:var(--rose)}.month-progress{color:var(--muted);grid-template-columns:auto minmax(90px,180px) auto;align-items:center;gap:10px;font-size:.72rem;font-weight:700;display:grid}.progress-track{background:var(--rose-light);border-radius:999px;height:3px;overflow:hidden}.progress-track i{border-radius:inherit;background:var(--wine);height:100%;transition:width .28s;display:block}.month-panel{z-index:2;width:min(920px,100%);min-width:0;margin:auto;padding:18px 0 30px;position:relative}.month-heading{text-align:center;min-width:0;margin-bottom:34px}.month-heading h2{letter-spacing:-.07em;margin:6px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.7rem,10vw,7.4rem);font-weight:400;line-height:.95}.month-heading p{color:var(--muted);margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-style:italic}.august-layout{grid-template-columns:1.4fr .9fr;align-items:stretch;gap:22px;display:grid}.month-memories{width:min(650px,100%);margin:0 auto}.tap-hint{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.73rem;font-weight:700}.memory-list{flex-direction:column;justify-content:center;min-width:0;display:flex}.memory-card{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:44px 1fr 32px;align-items:center;gap:12px;width:100%;padding:20px 18px;transition:background .16s,padding-left .16s;display:grid}.memory-card:last-child{border-bottom:1px solid var(--line)}.memory-card:hover{background:#d7829414;padding-left:25px}.memory-number{color:var(--rose);font-family:Georgia,Times New Roman,serif;font-size:.9rem}.memory-label{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.15rem,3vw,1.5rem)}.memory-open{border:1px solid var(--line);width:30px;height:30px;color:var(--rose);border-radius:50%;place-items:center;padding:0 0 1px;font-family:Arial,sans-serif;font-size:.82rem;line-height:1;display:grid}.month-thread-card{background:linear-gradient(145deg,#fff9f5e6,#f8e2e7b3);border:1px solid #8e3e5229;place-items:center;width:min(760px,100%);min-height:150px;margin:24px auto 0;padding:34px clamp(24px,5vw,52px);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 45px #63313e14}.month-thread-card:before,.month-thread-card:after{content:"♡";color:#8e3e5261;font-size:16px;position:absolute}.month-thread-card:before{top:14px;left:17px}.month-thread-card:after{bottom:14px;right:17px}.month-thread-names{color:#68414a;grid-template-columns:minmax(0,1fr) minmax(90px,180px) minmax(0,1fr);align-items:center;gap:16px;width:min(590px,100%);font-family:Georgia,Times New Roman,serif;font-size:clamp(.78rem,1.5vw,.95rem);font-style:italic;display:grid}.month-thread-names>span:first-child{text-align:left}.month-thread-names>span:last-child{text-align:right}.month-red-thread{height:28px;display:block;position:relative}.month-red-thread:before{content:"";border-top:1.5px solid #9b2c44d1;border-radius:50%;height:15px;position:absolute;top:8px;left:0;right:0;transform:rotate(-1deg)}.month-red-thread:after{content:"♡";color:#9b2c44;background:#fcf1ef;padding:0 6px;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-style:normal;line-height:1.2;position:absolute;top:0;left:50%;transform:translate(-50%)}.letter-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;width:min(760px,100%);min-width:0;margin:0 auto;display:grid}.letter-grid.with-memories{margin-top:24px}.letter-box{width:100%;min-width:0;min-height:150px;color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(145deg,#f8dfe4,#eed0d7);border:1px solid #8e3e522b;border-radius:4px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:28px 24px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden;box-shadow:0 20px 45px #63313e17}.letter-box:hover{transform:translateY(-3px)rotate(.3deg);box-shadow:0 24px 55px #63313e24}.letter-box small,.letter-box strong{display:block}.letter-box small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.7rem;font-weight:700}.letter-box strong{font-family:Georgia,Times New Roman,serif;font-size:1.16rem;line-height:1.25}.envelope{font-size:2.1rem}.coming-soon-card{text-align:center;background:#f3d9df40;border:1px dashed #8e3e5240;place-content:center;gap:14px;width:min(580px,100%);min-width:0;min-height:230px;margin:0 auto;padding:34px;display:grid}.coming-soon-card span{color:var(--rose);font-size:2.2rem}.coming-soon-card p{max-width:360px;color:var(--muted);margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;font-style:italic;line-height:1.6}.anniversary-message{background:linear-gradient(145deg,#fffaf7f5,#f8e2e7b8);border:1px solid #8e3e5233;width:min(720px,100%);margin:0 auto;padding:clamp(28px,5vw,48px);position:relative;box-shadow:0 24px 58px #63313e1c}.anniversary-message:before,.anniversary-message:after{content:"♡";color:#9b2c447a;font-size:1rem;position:absolute}.anniversary-message:before{top:16px;left:18px}.anniversary-message:after{bottom:15px;right:18px}.anniversary-message-kicker{color:var(--wine);letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;font-size:.66rem;font-weight:700;display:block}.anniversary-message p{color:#65474f;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(.96rem,1.7vw,1.08rem);line-height:1.78}.anniversary-message footer{color:var(--wine);text-align:right;margin-top:22px;font-family:Georgia,Times New Roman,serif;font-size:.9rem;font-style:italic}.chapter-art,.story-stars{position:absolute;inset:66px 0 58px}.chapter-art{z-index:0;pointer-events:none}.photo-paths{z-index:1;pointer-events:none;width:100%;height:calc(100% - 124px);position:absolute;inset:66px 0 58px;overflow:visible}.photo-paths path{fill:none;stroke:#a1526645;stroke-width:1.15px;stroke-linecap:round;stroke-dasharray:2.2 4.8;vector-effect:non-scaling-stroke}.month-symbols{z-index:1;pointer-events:none;color:#964d607a;font-family:Georgia,Times New Roman,serif;position:absolute;inset:66px 0 58px;overflow:hidden}.month-symbol{text-shadow:0 1px #ffffffdb;font-size:clamp(1rem,1.8vw,1.45rem);font-weight:700;line-height:1;display:block;position:absolute}.month-symbol-1{top:16%;left:17%;transform:rotate(-12deg)}.month-symbol-2{top:22%;right:17%;transform:rotate(10deg)}.month-symbol-3{bottom:16%;left:19%;transform:rotate(8deg)}.month-symbol-4{bottom:13%;right:18%;transform:rotate(-10deg)}.month-symbol-5{top:43%;left:7%;transform:rotate(14deg)}.month-symbol-6{top:47%;right:8%;transform:rotate(-13deg)}.month-symbol-7{bottom:7%;left:29%;transform:rotate(-7deg)}.month-symbol-8{top:8%;right:29%;transform:rotate(9deg)}.chapter-photo{appearance:none;cursor:zoom-in;pointer-events:auto;background:#fffaf6;border:1px solid #6f3c4921;margin:0;padding:6px 6px 25px;transition:box-shadow .18s,filter .18s;position:absolute;box-shadow:0 18px 42px #582a3721}.chapter-photo:hover,.chapter-photo:focus-visible{filter:brightness(1.03);outline-offset:4px;outline:2px solid #c7758980;box-shadow:0 22px 52px #582a3738}.chapter-photo img{object-fit:cover;filter:saturate(.74)contrast(.94);width:100%;height:auto;display:block}.chapter-photo-one{width:clamp(112px,11vw,152px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.chapter-photo-two{width:clamp(110px,11vw,150px);top:13%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.chapter-photo-three{width:clamp(155px,15vw,214px);bottom:1%;left:clamp(20px,3.4vw,52px);transform:rotate(4deg)}.september-photo-two{width:clamp(104px,10vw,140px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.september-photo-three{width:clamp(104px,10vw,138px);top:5%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.september-photo-four{width:clamp(76px,7.5vw,100px);bottom:-3%;left:clamp(12px,2.5vw,36px);transform:rotate(-84deg)}.september-photo-five{width:clamp(74px,7vw,96px);bottom:-3%;right:clamp(12px,2.5vw,36px);transform:rotate(-88deg)}.october-photo-one{width:clamp(104px,10vw,140px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.october-photo-two{width:clamp(108px,10.5vw,146px);top:7%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.october-photo-three{width:clamp(105px,10.5vw,145px);bottom:-3%;left:clamp(18px,3vw,46px);transform:rotate(4deg)}.october-photo-four{width:clamp(100px,10vw,138px);bottom:-4%;right:clamp(16px,3vw,44px);transform:rotate(-5deg)}.november-photo-one{width:clamp(102px,10vw,138px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.november-photo-two{width:clamp(104px,10vw,140px);top:7%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.november-photo-three{width:clamp(100px,10vw,138px);bottom:-3%;left:clamp(18px,3vw,46px);transform:rotate(4deg)}.november-photo-four{width:clamp(100px,10vw,138px);bottom:-4%;right:clamp(16px,3vw,44px);transform:rotate(-5deg)}.december-photo-one{width:clamp(104px,10vw,140px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.december-photo-two{width:clamp(104px,10vw,140px);top:7%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.december-photo-three{width:clamp(100px,10vw,138px);bottom:-3%;left:clamp(18px,3vw,46px);transform:rotate(4deg)}.december-photo-four{width:clamp(100px,10vw,138px);bottom:-4%;right:clamp(16px,3vw,44px);transform:rotate(-5deg)}.january-photo-one{width:clamp(104px,10vw,140px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.january-photo-two{width:clamp(104px,10vw,140px);top:7%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.january-photo-three{width:clamp(100px,10vw,138px);bottom:-3%;left:clamp(18px,3vw,46px);transform:rotate(4deg)}.january-photo-four{width:clamp(100px,10vw,138px);bottom:-4%;right:clamp(16px,3vw,44px);transform:rotate(-5deg)}.february-photo-one{width:clamp(104px,10vw,140px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.february-photo-two{width:clamp(104px,10vw,140px);top:7%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.february-photo-three{width:clamp(100px,10vw,138px);bottom:-3%;left:clamp(18px,3vw,46px);transform:rotate(4deg)}.february-photo-four{width:clamp(100px,10vw,138px);bottom:-4%;right:clamp(16px,3vw,44px);transform:rotate(-5deg)}.march-photo-one{width:clamp(104px,10vw,140px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.march-photo-two{width:clamp(104px,10vw,140px);top:7%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.march-photo-three{width:clamp(100px,10vw,138px);bottom:-3%;left:clamp(18px,3vw,46px);transform:rotate(4deg)}.march-photo-four{width:clamp(100px,10vw,138px);bottom:-4%;right:clamp(16px,3vw,44px);transform:rotate(-5deg)}.april-photo-one{width:clamp(104px,10vw,140px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.april-photo-two{width:clamp(104px,10vw,140px);top:7%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.april-photo-three{width:clamp(100px,10vw,138px);bottom:-3%;left:clamp(18px,3vw,46px);transform:rotate(4deg)}.april-photo-four{width:clamp(100px,10vw,138px);bottom:-4%;right:clamp(16px,3vw,44px);transform:rotate(-5deg)}.may-photo-one{width:clamp(104px,10vw,140px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.may-photo-two{width:clamp(104px,10vw,140px);top:7%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.may-photo-three{width:clamp(112px,11vw,150px);bottom:-3%;left:clamp(18px,3vw,46px);transform:rotate(4deg)}.may-photo-four{width:clamp(100px,10vw,138px);bottom:-4%;right:clamp(16px,3vw,44px);transform:rotate(-5deg)}.june-photo-one{width:clamp(104px,10vw,140px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.june-photo-two{width:clamp(104px,10vw,140px);top:7%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.june-photo-three{width:clamp(100px,10vw,138px);bottom:-3%;left:clamp(18px,3vw,46px);transform:rotate(4deg)}.june-photo-four{width:clamp(100px,10vw,138px);bottom:-4%;right:clamp(16px,3vw,44px);transform:rotate(-5deg)}.july-photo-one{width:clamp(104px,10vw,140px);top:6%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.july-photo-two{width:clamp(104px,10vw,140px);top:6%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.july-photo-three{width:clamp(100px,10vw,138px);bottom:-4%;left:clamp(18px,3vw,46px);transform:rotate(4deg)}.july-photo-four{width:clamp(100px,10vw,138px);bottom:-4%;right:clamp(16px,3vw,44px);transform:rotate(-5deg)}.anniversary-photo-one{width:clamp(104px,10vw,140px);top:5%;left:clamp(18px,3vw,46px);transform:rotate(-6deg)}.anniversary-photo-two{width:clamp(104px,10vw,140px);top:7%;right:clamp(16px,3vw,44px);transform:rotate(5deg)}.anniversary-photo-three{width:clamp(110px,11vw,150px);bottom:-4%;left:clamp(18px,3vw,46px);transform:rotate(4deg)}.anniversary-photo-four{width:clamp(100px,10vw,138px);bottom:-4%;right:clamp(16px,3vw,44px);transform:rotate(-5deg)}.story-stars{z-index:3;pointer-events:none}.story-star{color:#c77589;cursor:pointer;pointer-events:auto;background:#fff9f5cc;border:1px solid #a85b6c3d;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-size:1.55rem;line-height:1;transition:transform .18s,color .18s,background .18s,box-shadow .18s;display:grid;position:absolute;box-shadow:0 10px 24px #6e324217}.story-star:hover,.story-star:focus-visible{color:var(--wine);background:#fff9f5;outline:none;transform:translateY(-3px)rotate(12deg)scale(1.08);box-shadow:0 14px 28px #6e324229}.story-star-1{top:28%;left:clamp(170px,15vw,215px)}.story-star-2{top:31%;right:clamp(170px,15vw,215px)}.story-star-3{top:59%;right:clamp(22px,6vw,84px)}.story-star-4{top:57%;left:clamp(22px,6vw,84px)}.november-symbols{color:#8e3e528c;justify-content:center;align-items:center;gap:clamp(12px,3vw,24px);width:min(520px,84%);margin:42px auto 8px;font-family:Georgia,Times New Roman,serif;display:flex}.november-symbols:before,.november-symbols:after{content:"";background:linear-gradient(90deg,#0000,#8e3e523d);flex:1;height:1px}.november-symbols:after{transform:scaleX(-1)}.november-symbols span{line-height:1}.november-symbols span:nth-child(2),.november-symbols span:nth-child(4){color:var(--rose);font-size:.8rem}.november-symbols span:nth-child(3){color:var(--wine);font-size:1.35rem}.story-nav{border-top:1px solid var(--line);padding-top:18px}.story-nav button{color:var(--wine);cursor:pointer;background:0 0;border:0;padding:10px 0;font-size:.8rem;font-weight:700}.story-nav button:disabled{opacity:.28;cursor:not-allowed}.story-nav>span{color:var(--muted);font-family:Georgia,Times New Roman,serif;font-size:.82rem;font-style:italic}.music-control{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fff9f5e6;border:1px solid #8e3e5233;border-radius:999px;align-items:center;gap:9px;min-height:46px;padding:7px 13px 7px 7px;transition:transform .18s,box-shadow .18s,background .18s;display:flex;position:fixed;bottom:70px;right:18px;box-shadow:0 14px 35px #471e292b}.music-control:hover,.music-control:focus-visible{outline-offset:3px;background:#fff9f5fa;outline:2px solid #9b2c4442;transform:translateY(-2px);box-shadow:0 18px 42px #471e293b}.music-control-icon{background:var(--wine);color:#fff9f5;border-radius:50%;place-items:center;width:32px;height:32px;font-family:Georgia,Times New Roman,serif;font-size:.82rem;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.music-control-copy{text-align:left;gap:2px;min-width:63px;line-height:1;display:grid}.music-control-copy strong{font-family:Georgia,Times New Roman,serif;font-size:.76rem;font-weight:400}.music-control-copy small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.54rem;font-weight:700}.music-control.is-playing .music-control-icon{animation:2.2s ease-in-out infinite music-pulse}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2f181d8f;place-items:center;padding:22px;animation:.16s both fade-in;display:grid;position:fixed;inset:0;overflow:hidden}.thought-modal{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9b2c4470 transparent;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:var(--paper);border:1px solid #8e3e5233;width:min(530px,100%);max-height:calc(100svh - 44px);padding:clamp(36px,8vw,62px);animation:.22s both paper-in;position:relative;overflow:hidden auto;box-shadow:0 35px 100px #2b13194d}.thought-modal:before{content:"";pointer-events:none;border:1px solid #8e3e521a;position:absolute;inset:10px}.modal-close{z-index:1;width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.8rem;position:absolute;top:14px;right:16px}.thought-modal h3{letter-spacing:-.045em;margin:16px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,7vw,3.25rem);font-weight:400;line-height:1.02}.thought-modal p{color:#6e5057;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.75}.thought-signature{color:var(--wine);text-align:right;margin-top:26px;font-family:Georgia,Times New Roman,serif;font-style:italic}.star-note-modal{text-align:center}.star-modal-icon{color:#c77589;margin-bottom:10px;font-size:2.4rem;line-height:1;display:block}.star-note-modal h3{margin-top:12px}.image-lightbox{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b141bd1;place-items:center;padding:16px;animation:.16s both fade-in;display:grid;position:fixed;inset:0}.image-lightbox-card{background:#2f2025;border:1px solid #ffffff29;border-radius:6px;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:10px;max-width:min(94vw,1100px);max-height:94svh;padding:14px;animation:.22s both paper-in;display:grid;position:relative;box-shadow:0 35px 100px #00000075}.image-lightbox-card img{object-fit:contain;max-width:100%;max-height:calc(94svh - 76px);display:block}.image-lightbox-card p{color:#fff9f5c7;margin:0;font-family:Georgia,Times New Roman,serif;font-size:.78rem;font-style:italic}.image-lightbox-close{z-index:1;color:#fff9f5;cursor:pointer;background:#2f2025d1;border:1px solid #ffffff47;border-radius:50%;width:38px;height:38px;font-size:1.65rem;line-height:1;position:absolute;top:8px;right:8px}.letter-backdrop{padding:14px}.letter-modal{background:#3b262c;border-radius:5px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1080px,100%);height:min(92svh,900px);animation:.22s both paper-in;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #230e1473}.letter-modal-header{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 58px 15px 20px;display:flex;position:relative}.letter-modal-header small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:.65rem;font-weight:700;display:block}.letter-modal-header h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,3vw,1.45rem);font-weight:400}.letter-modal-header .modal-close{top:10px;right:14px}.letter-page-wrap{background:radial-gradient(circle,#6b4a52,#332127 72%);place-items:center;min-height:0;padding:14px;display:grid;overflow:auto}.letter-page-wrap img{object-fit:contain;max-width:100%;max-height:100%;display:block;box-shadow:0 18px 55px #00000054}.letter-controls{background:var(--paper);border-top:1px solid var(--line);grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;padding:11px 14px;display:grid}.letter-controls button{border:1px solid var(--line);width:38px;height:38px;color:var(--wine);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.letter-controls button:last-child{justify-self:end}.letter-controls button:disabled{opacity:.25;cursor:not-allowed}.letter-controls span{color:var(--muted);text-align:center;font-size:.74rem;font-weight:700}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes paper-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes music-pulse{0%,to{box-shadow:0 0 #8e3e5233,inset 0 0 0 1px #ffffff2e}50%{box-shadow:0 0 0 6px #8e3e5200,inset 0 0 0 1px #ffffff2e}}@media (width<=1100px){.chapter-photo{opacity:1}.chapter-photo-one{left:-28px}.chapter-photo-two{right:-25px}.chapter-photo-three{left:-34px}.september-photo-two{left:-28px}.september-photo-three{right:-28px}.september-photo-four{bottom:-5%;left:-36px}.september-photo-five{bottom:-5%;right:-36px}.october-photo-one{left:-30px}.october-photo-two{right:-30px}.october-photo-three{bottom:-4%;left:-34px}.october-photo-four{bottom:-5%;right:-32px}.november-photo-one{left:-30px}.november-photo-two{right:-30px}.november-photo-three{bottom:-4%;left:-34px}.november-photo-four{bottom:-5%;right:-32px}.december-photo-one{left:-30px}.december-photo-two{right:-30px}.december-photo-three{bottom:-4%;left:-34px}.december-photo-four{bottom:-5%;right:-32px}.january-photo-one{left:-30px}.january-photo-two{right:-30px}.january-photo-three{bottom:-4%;left:-34px}.january-photo-four{bottom:-5%;right:-32px}.february-photo-one{left:-30px}.february-photo-two{right:-30px}.february-photo-three{bottom:-4%;left:-34px}.february-photo-four{bottom:-5%;right:-32px}.march-photo-one{left:-30px}.march-photo-two{right:-30px}.march-photo-three{bottom:-4%;left:-34px}.march-photo-four{bottom:-5%;right:-32px}.april-photo-one{left:-30px}.april-photo-two{right:-30px}.april-photo-three{bottom:-4%;left:-34px}.april-photo-four{bottom:-5%;right:-32px}.may-photo-one{left:-30px}.may-photo-two{right:-30px}.may-photo-three{bottom:-4%;left:-34px}.may-photo-four{bottom:-5%;right:-32px}.june-photo-one{left:-30px}.june-photo-two{right:-30px}.june-photo-three{bottom:-4%;left:-34px}.june-photo-four{bottom:-5%;right:-32px}.july-photo-one{left:-30px}.july-photo-two{right:-30px}.july-photo-three{bottom:-4%;left:-34px}.july-photo-four{bottom:-4%;right:-32px}.story-star-1{top:31%;left:84px}.story-star-2{top:34%;right:84px}.story-star-3{top:59%;right:15px}.story-star-4{top:57%;left:15px}}@media (width<=720px){.cover-page{padding:78px 18px 64px}.photo-card{opacity:.78;width:132px;padding:6px 6px 23px}.photo-card-left{top:2%;left:-73px}.photo-card-top-right{top:2%;right:-76px}.photo-card-bottom-right{bottom:0;right:-76px}.bouquet-art{opacity:.9;width:235px;bottom:-92px;left:-118px}.cover-copy{width:min(420px,92vw);padding:82px 25px 54px}.red-thread-names{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:7px;font-size:.63rem;top:22px;left:20px;right:20px}.cover-copy h1{font-size:clamp(3.7rem,18vw,5.7rem)}.story-page{padding:18px 16px 22px}.month-panel{min-width:0;padding:10px 20px 22px}.month-heading{margin-bottom:25px}.month-heading h2{letter-spacing:-.075em;white-space:nowrap;max-width:100%;font-size:clamp(2.7rem,13.8vw,4.5rem)}.tap-hint{letter-spacing:.06em;text-align:center;font-size:.64rem}.chapter-art,.story-stars{inset:58px 0 50px}.photo-paths{opacity:.78;height:calc(100% - 108px);top:58px;bottom:50px}.photo-paths path{stroke-width:.9px;stroke-dasharray:2 5.5}.month-symbols{inset:58px 0 50px}.month-symbol{font-size:.98rem}.month-symbol-1{top:18%;left:9%}.month-symbol-2{top:23%;right:9%}.month-symbol-3{bottom:18%;left:10%}.month-symbol-4{bottom:14%;right:10%}.month-symbol-5{top:47%;left:4%}.month-symbol-6{top:52%;right:4%}.month-symbol-7{bottom:6%;left:24%}.month-symbol-8{top:9%;right:23%}.anniversary-message{padding:30px 24px}.anniversary-message p{font-size:.96rem;line-height:1.7}.modal-backdrop{padding:12px}.thought-modal{max-height:calc(100svh - 24px);padding:46px 34px 40px}.chapter-photo{opacity:1;padding:4px 4px 16px}.chapter-photo-one{width:105px;top:7%;left:-42px}.chapter-photo-two{width:98px;top:17%;right:-38px}.chapter-photo-three{width:135px;bottom:4%;left:-35px}.september-photo-two{width:96px;top:10%;left:-43px}.september-photo-three{width:96px;top:10%;right:-43px}.september-photo-four{width:72px;bottom:-3%;left:-48px}.september-photo-five{width:70px;bottom:-3%;right:-48px}.october-photo-one{width:92px;top:9%;left:-43px}.october-photo-two{width:94px;top:10%;right:-43px}.october-photo-three{width:80px;bottom:-3%;left:-45px}.october-photo-four{width:78px;bottom:-3%;right:-45px}.november-photo-one{width:92px;top:9%;left:-43px}.november-photo-two{width:92px;top:10%;right:-43px}.november-photo-three{width:80px;bottom:-3%;left:-45px}.november-photo-four{width:78px;bottom:-3%;right:-45px}.december-photo-one{width:92px;top:9%;left:-43px}.december-photo-two{width:92px;top:10%;right:-43px}.december-photo-three{width:80px;bottom:-3%;left:-45px}.december-photo-four{width:78px;bottom:-3%;right:-45px}.january-photo-one{width:92px;top:9%;left:-43px}.january-photo-two{width:92px;top:10%;right:-43px}.january-photo-three{width:80px;bottom:-3%;left:-45px}.january-photo-four{width:78px;bottom:-3%;right:-45px}.february-photo-one{width:92px;top:9%;left:-43px}.february-photo-two{width:92px;top:10%;right:-43px}.february-photo-three{width:80px;bottom:-3%;left:-45px}.february-photo-four{width:78px;bottom:-3%;right:-45px}.march-photo-one{width:92px;top:9%;left:-43px}.march-photo-two{width:92px;top:10%;right:-43px}.march-photo-three{width:80px;bottom:-3%;left:-45px}.march-photo-four{width:78px;bottom:-3%;right:-45px}.april-photo-one{width:92px;top:9%;left:-43px}.april-photo-two{width:92px;top:10%;right:-43px}.april-photo-three{width:80px;bottom:-3%;left:-45px}.april-photo-four{width:78px;bottom:-3%;right:-45px}.may-photo-one{width:92px;top:9%;left:-43px}.may-photo-two{width:92px;top:10%;right:-43px}.may-photo-three{width:86px;bottom:-3%;left:-45px}.may-photo-four{width:78px;bottom:-3%;right:-45px}.june-photo-one{width:92px;top:9%;left:-43px}.june-photo-two{width:92px;top:10%;right:-43px}.june-photo-three{width:80px;bottom:-3%;left:-45px}.june-photo-four{width:78px;bottom:-3%;right:-45px}.july-photo-one{width:92px;top:9%;left:-43px}.july-photo-two{width:92px;top:9%;right:-43px}.july-photo-three{width:80px;bottom:-3%;left:-45px}.july-photo-four{width:80px;bottom:-3%;right:-45px}.anniversary-photo-one{width:92px;top:9%;left:-43px}.anniversary-photo-two{width:92px;top:10%;right:-43px}.anniversary-photo-three{width:86px;bottom:-3%;left:-45px}.anniversary-photo-four{width:78px;bottom:-3%;right:-45px}.image-lightbox{padding:8px}.image-lightbox-card{max-width:100%;max-height:96svh;padding:9px}.image-lightbox-card img{max-height:calc(96svh - 66px)}.story-star{background:#fff9f5f0;width:31px;height:31px;font-size:1.15rem}.story-star-1{top:39%;left:3px}.story-star-2{top:43%;right:3px}.story-star-3{top:61%;right:5px}.story-star-4{top:57%;left:5px}.november-symbols{gap:11px;width:90%;margin-top:34px}.august-layout{grid-template-columns:1fr;gap:22px}.memory-card{padding:18px 10px}.month-thread-card{min-height:130px;padding:28px 18px}.month-thread-names{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:8px;font-size:.65rem}.letter-box{min-height:130px;padding:20px 17px}.letter-grid{grid-template-columns:1fr}.letter-modal{height:94svh}.letter-page-wrap{padding:8px}.month-progress{grid-template-columns:auto 70px auto}.story-nav>span{display:none}.music-control{gap:0;width:42px;min-height:42px;padding:5px;bottom:66px;right:11px}.music-control-icon{width:30px;height:30px}.music-control-copy{display:none}}@media (height<=620px){.modal-backdrop{padding:10px 18px}.thought-modal{max-height:calc(100svh - 20px);padding:34px 48px}.thought-modal h3{font-size:clamp(1.8rem,8vh,2.7rem)}.thought-modal p{line-height:1.65}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}