@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600&display=swap');
:root{--bg:#080e21;--text:#f4f0f5;--muted:#a3afc7;--blue:#b6def5;--pink:#edb8d3;--line:#b6def528;--sans:'DM Sans','Noto Sans Arabic',sans-serif;--serif:'Cormorant Garamond','Noto Sans Arabic',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 var(--sans);overflow-x:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--pink);outline-offset:6px}button:disabled{opacity:.5}#sky{position:fixed;inset:0;width:100%;height:100%;z-index:-2}.nebula{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 20%,#59326e28,transparent 46%),radial-gradient(ellipse at 10% 70%,#214f7a20,transparent 40%)}.topbar{height:93px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#080e21b8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;gap:24px}.brand{font:28px var(--serif);display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-star{font-size:32px;color:var(--blue);margin-right:8px}.brand .amp{color:var(--pink);font-style:italic;font-size:23px}.brand-note{font:10px var(--sans);text-transform:uppercase;letter-spacing:2px;max-width:100px;white-space:normal;line-height:1.6;margin-left:13px;color:var(--muted)}nav{display:flex;gap:28px}nav a{font-size:12px;color:#bec6d6}nav a:hover{color:var(--pink)}.tools{display:flex;gap:14px;align-items:center}.sound{border:0;background:none;color:var(--blue);font-size:14px;padding:6px}.sound span{font-size:11px;margin-left:5px}.sound[aria-pressed=true]{color:var(--pink)}select{background:#111a30;color:var(--text);border:1px solid var(--line);border-radius:22px;padding:7px 10px;font-size:11px}.hero{min-height:calc(100svh - 93px);max-width:1600px;margin:auto;position:relative;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;padding:55px 8% 100px;gap:3%}.eyebrow{font-size:10px;letter-spacing:2.7px;color:var(--blue);font-weight:500;text-transform:uppercase;margin:0 0 24px}.tiny-star{margin-right:10px;color:var(--pink)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(48px,5.6vw,88px)/1.06 var(--serif);letter-spacing:-2px;margin-bottom:22px}h1 em{color:var(--pink);font-weight:400}h2{font:400 clamp(38px,4vw,58px)/1.12 var(--serif);letter-spacing:-.7px;margin-bottom:20px}h2 br{display:block}h3{font:400 36px/1.15 var(--serif)}.hero-ar{color:var(--blue);font:400 21px 'Noto Sans Arabic',sans-serif;text-align:left;opacity:.9;margin-bottom:16px}.hero-description{max-width:380px;color:var(--muted);font-size:14px;line-height:1.9}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#c8e3f4,#e7c7df);color:#10172c;border:0;border-radius:4px;padding:15px 24px;font-size:12px;font-weight:600;margin-top:15px;box-shadow:0 0 45px #b6def50b;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-3px);box-shadow:0 8px 35px #b6def526}.hero-foot{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:10px;margin-top:32px}.pulse{width:5px;height:5px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink)}.hero-divider{opacity:.3;padding:0 3px}.hero-art{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;max-width:600px;justify-self:center}.hero-photo{position:relative;width:54%;height:69%;border-radius:47% 47% 4px 4px;overflow:hidden;border:1px solid #edb8d340;box-shadow:0 0 90px #b6def51c;transform:rotate(-5deg)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:53% 40%}.photo-shade{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#080e21a0)}.photo-sign{position:absolute;bottom:15px;left:20px;font:italic 35px var(--serif);color:white}.photo-sign i{color:var(--pink);font-size:25px}.orbit{position:absolute;border:1px solid #b6def520;border-radius:50%;pointer-events:none}.orbit-one{width:92%;height:92%;transform:rotate(-25deg) scaleY(.7)}.orbit-two{width:100%;height:100%;transform:rotate(48deg) scaleY(.75)}.orbit-three{width:78%;height:78%;border-style:dashed;opacity:.5}.orbit-dot{position:absolute;width:10px;height:10px;background:var(--blue);border-radius:50%;box-shadow:0 0 20px #b6def5}.dot1{top:19%;right:19%}.dot2{bottom:27%;left:4%;width:6px;height:6px;background:var(--pink)}.float-label{position:absolute;backdrop-filter:blur(8px);padding:10px 17px;border:1px solid var(--line);background:#0c1630c9;border-radius:3px;font:21px var(--serif);box-shadow:0 10px 50px #0002}.float-label span{display:block;color:var(--muted);font:9px var(--sans);letter-spacing:1px;margin-top:2px}.float-blue{top:25%;left:4%;color:var(--blue);transform:rotate(-8deg)}.float-pink{bottom:22%;right:0;color:var(--pink);transform:rotate(7deg)}.art-spark{position:absolute;color:var(--blue)}.spark1{right:8%;top:8%;font-size:40px}.spark2{left:16%;bottom:14%;font-size:20px;color:var(--pink)}.art-caption{position:absolute;bottom:0;left:27%;font-size:10px;color:var(--muted)}.art-caption>span{color:var(--pink);font-size:9px;letter-spacing:3px}.art-caption p{margin:7px 0}.scroll-cue{position:absolute;bottom:24px;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:10px;letter-spacing:1px}.scroll-cue>span:last-child{font-size:20px;color:var(--blue)}.section-wrap{max-width:1440px;margin:auto;padding:100px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.section-heading>div{flex:1}.section-heading>p{max-width:300px;color:var(--muted);font-size:13px;margin-bottom:23px}.section-heading h2{max-width:600px}.universe-section{padding-top:85px}.galaxy{position:relative;height:660px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);isolation:isolate;overflow:hidden;background:radial-gradient(ellipse,#8c88bf0e,transparent 60%)}#galaxy-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.galaxy-ring{position:absolute;left:50%;top:46%;width:70%;height:49%;border:1px solid #b6def512;transform:translate(-50%,-50%) rotate(-20deg);border-radius:50%;pointer-events:none}.ring-b{width:92%;height:72%;transform:translate(-50%,-50%) rotate(-20deg)}.galaxy-core{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#eecbe514,#b6def50b 45%,transparent 73%);box-shadow:0 0 85px #edb8d313;text-align:center;pointer-events:none}.galaxy-core>span{font:37px 'Noto Sans Arabic',sans-serif;color:#f4deed;text-shadow:0 0 25px #eecbe5}.galaxy-core small{font:9px var(--sans);color:var(--muted);max-width:120px;line-height:1.6;margin-top:7px;letter-spacing:1px}.planet{position:absolute;transform:translate(-50%,-50%);color:var(--text);background:none;border:0;display:flex;align-items:center;flex-direction:column;gap:11px;min-width:80px;max-width:145px;text-align:center;z-index:2;font-size:11px;padding:10px}.planet-orb{display:grid;place-items:center;border-radius:50%;width:54px;height:54px;background:radial-gradient(circle at 30% 20%,#d3e8f7,#6b92b8 34%,#263454 72%);box-shadow:0 0 26px #b6def52b,inset -8px -8px 14px #0b163d80;border:1px solid #cde9ff40;font-size:21px;transition:transform .35s,box-shadow .35s}.planet:nth-child(even) .planet-orb{background:radial-gradient(circle at 30% 20%,#f4d7e8,#ae7b9e 34%,#3c274e 72%);box-shadow:0 0 26px #edb8d32b}.planet:hover .planet-orb,.planet:focus-visible .planet-orb{transform:scale(1.18);box-shadow:0 0 45px #b6def55c}.planet.visited .planet-title:after{content:' · ✧';color:var(--pink)}.galaxy-hint{position:absolute;bottom:22px;text-align:center;left:10%;right:10%;font-size:10px;letter-spacing:1px;color:var(--muted)}.galaxy-hint>span:first-child{color:var(--pink);margin-right:5px}.constellation-progress{display:flex;align-items:center;gap:15px;font-size:10px;color:var(--muted);padding-top:20px;justify-content:end}.constellation-progress>div{width:90px;height:2px;background:#a3afc72a}.constellation-progress i{display:block;height:100%;width:0;background:var(--pink);transition:width .6s}.story-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;border-top:1px solid var(--line)}.serif-note{font:italic 24px var(--serif);color:var(--pink);max-width:300px}.truck-art{width:230px;margin-top:35px;position:relative}.truck-art>span:last-child{font-size:10px;color:var(--muted);letter-spacing:1px}.truck-stars{color:var(--pink);position:absolute;right:30px;top:0}.timeline{padding-top:5px}.timeline-item{position:relative;border-left:1px solid var(--line);padding:0 0 36px 34px}.timeline-item:before{content:'';position:absolute;left:-4px;top:8px;width:7px;height:7px;background:var(--pink);border-radius:50%;box-shadow:0 0 14px #edb8d360}.timeline-item:last-child{border-color:transparent;padding-bottom:0}.timeline-item small{font-size:9px;color:var(--blue);letter-spacing:2px;text-transform:uppercase}.timeline-item h3{font-size:28px;margin:8px 0 10px}.timeline-item p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.memories-section{border-top:1px solid var(--line)}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.filters{display:flex;gap:5px}.filters button{border:1px solid transparent;color:var(--muted);background:transparent;padding:7px 14px;border-radius:30px;font-size:11px}.filters button.active{border-color:#b6def54d;background:#b6def510;color:var(--blue)}#media-count{font-size:10px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.memory{padding:0;border:0;background:transparent;text-align:start;color:var(--text);min-width:0}.memory-image{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:3px;background:#111a30}.memory-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:saturate(.82)}.memory:hover img{transform:scale(1.04);filter:saturate(1)}.memory:nth-child(4n+2){padding-top:32px}.memory:nth-child(4n){padding-top:55px}.memory-caption{display:flex;justify-content:space-between;gap:6px;padding:12px 0 18px;font-size:10px;color:var(--muted)}.memory-caption span:last-child{color:var(--pink)}.video-badge{position:absolute;bottom:13px;left:13px;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#080e2177;backdrop-filter:blur(8px);border:1px solid #fff4;color:white;font-size:12px}.secondary{display:block;margin:35px auto 0;padding:12px 24px;border:1px solid var(--line);background:#b6def506;color:var(--blue);font-size:11px;border-radius:3px}.secondary:hover{background:#b6def517}.letters-section{background:radial-gradient(ellipse at center,#7a426720,transparent 70%);border-block:1px solid var(--line)}.letters-heading{text-align:center;max-width:600px;margin:0 auto 50px}.letters-heading>p:last-child{font-size:13px;color:var(--muted);max-width:380px;margin:auto}.envelopes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.envelope{min-height:220px;position:relative;overflow:hidden;border:1px solid #edb8d32e;border-radius:3px;background:linear-gradient(155deg,#1d2038,#101a31);color:var(--text);padding:35px 20px 25px;text-align:center;transition:transform .3s}.envelope:before{content:'';position:absolute;width:190px;height:190px;border:1px solid #edb8d324;transform:translate(-50%,-80%) rotate(45deg);top:0;left:50%;pointer-events:none}.envelope:hover{transform:translateY(-7px)}.wax{display:grid;place-items:center;background:linear-gradient(135deg,#e6bdd7,#b88ba9);width:43px;height:43px;border-radius:50%;margin:10px auto 21px;box-shadow:0 0 0 4px #edb8d30c;color:#382844;font:24px var(--serif)}.envelope-title{display:block;font:23px var(--serif);margin-bottom:17px}.envelope small{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.favorites-section{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.favorites-copy>p{color:var(--muted);font-size:13px}.favorites-copy .eyebrow{font-size:9px;color:var(--blue)}.favorites-row{display:flex;gap:28px;margin-top:30px}.favorite{display:flex;flex-direction:column;align-items:start;gap:10px;font-size:10px;color:var(--muted)}.favorite>span:first-child{font-size:23px}.favorite-end{font:italic 25px var(--serif)!important;color:var(--pink)!important;margin:30px 0 0}.hachiko{position:relative;text-align:center;max-width:250px;margin:auto}.hachiko svg{width:150px;display:block;margin:auto}.hachiko>p{font:30px var(--serif);margin:10px 0}.hachiko>span:not(.hachiko-orbit){display:block;font-size:11px;color:var(--muted)}.hachiko-orbit{position:absolute;right:0;top:25px;font-size:35px;color:var(--pink)}.text-button{border:0;background:none;color:var(--pink);font-size:10px;padding:15px 5px}.hachiko.pop svg{animation:catpop .4s ease}#cat-love{color:var(--pink);min-height:20px}.songs-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.song-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:300px}.record{width:225px;height:225px;border-radius:50%;margin:35px 0 25px;display:grid;place-items:center;background:repeating-radial-gradient(circle,#12182a 0,#12182a 2px,#22293b 3px,#141b2c 4px);box-shadow:0 0 35px #0005;position:relative;border:1px solid #ffffff0e}.record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#fff1,transparent 30%,#fff1,transparent 70%);pointer-events:none}.record-label{width:83px;height:83px;background:linear-gradient(135deg,#b6def5,#edb8d3);border-radius:50%;color:#27344a;display:flex;flex-direction:column;align-items:center;justify-content:center;font:21px var(--serif)}.record-label small{font:7px var(--sans);letter-spacing:2px}.record-label>span:last-child{font-size:14px}.playlist-note{display:block;font:italic 20px var(--serif);color:var(--pink)}.song-help{font-size:10px!important;max-width:230px!important;margin-top:15px}.track{display:grid;grid-template-columns:24px 1fr 23px;gap:15px;align-items:center;padding:13px 5px;border-bottom:1px solid var(--line);transition:background .2s}.track:hover{background:#b6def509}.track-num{font-size:10px;color:#a3afc77a}.track-title{display:block;font-size:12px}.track-artist{font-size:10px;color:var(--muted)}.track-arrow{color:var(--blue);font-size:16px}.future-section{text-align:center;border-top:1px solid var(--line);padding-block:110px 100px;background:radial-gradient(ellipse at center,#7a426715,transparent 65%)}.future-section h2{font-size:clamp(42px,5vw,74px)}.future-copy{max-width:610px;color:var(--muted);font-size:14px;line-height:2;margin:25px auto 35px}.future-path{display:flex;align-items:center;justify-content:center;gap:20px;font-size:11px;color:var(--blue);margin-bottom:25px}.future-path i{color:var(--pink);font-style:normal}.future-ar{font:19px/2 'Noto Sans Arabic',sans-serif;color:var(--blue);margin:40px 0 14px}.signature{font:italic 27px var(--serif);color:var(--pink)}#wish-result{min-height:30px;margin-top:20px;color:var(--pink);font:italic 22px var(--serif)}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 8%;max-width:1440px;margin:auto}footer p{font-size:9px;color:var(--muted);margin:0}footer .brand{font-size:22px}dialog{border:1px solid #b6def540;background:#10172a;color:var(--text);width:min(92vw,720px);max-height:90svh;overflow:auto;padding:55px 45px 35px;border-radius:8px;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#030715d9;backdrop-filter:blur(12px)}.modal-close{position:absolute;right:16px;top:11px;background:none;border:0;color:var(--muted);font-size:30px;line-height:1;padding:6px;z-index:5}.modal-icon{font-size:30px;display:block;margin-bottom:18px}.modal-kicker{font-size:9px;letter-spacing:2px;color:var(--blue);text-transform:uppercase}.modal-story h2{font-size:39px;margin-top:12px}.modal-story p{color:#c3cbda;font-size:14px;line-height:2}.modal-story .letter-sign{font:italic 28px var(--serif);color:var(--pink);margin-top:25px}.modal-picture{width:100%;max-height:70svh;object-fit:contain;border-radius:3px;display:block}.modal-video{display:block;max-width:100%;max-height:67svh;margin:auto;background:black}.media-dialog{padding:45px 20px 20px}.media-caption{text-align:center;color:var(--muted);font-size:12px;margin:15px 0 5px}.media-nav{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.media-nav[hidden]{display:none}.media-nav button{border:1px solid var(--line);border-radius:50%;width:40px;height:40px;background:none;color:var(--blue)}.media-nav span{font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#1b2540ed;border:1px solid var(--line);padding:12px 22px;border-radius:3px;color:var(--pink);font-size:12px;opacity:0;pointer-events:none;transition:.3s;z-index:50;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.shooting-star{position:fixed;top:10%;left:0;width:130px;height:2px;background:linear-gradient(90deg,transparent,#b6def5);box-shadow:0 0 15px var(--blue);z-index:40;pointer-events:none;animation:shoot 1.6s ease-in forwards}.skip{position:fixed;top:-100px;background:var(--pink);color:#080e21;padding:10px;z-index:100}.skip:focus{top:10px}.noscript{text-align:center;padding:20px}.revealed{animation:reveal .7s ease both}[dir=rtl] .hero-ar{text-align:right}[dir=rtl] .timeline-item{border-left:0;border-right:1px solid var(--line);padding:0 34px 36px 0}[dir=rtl] .timeline-item:before{left:auto;right:-4px}[dir=rtl] .hero-art,[dir=rtl] .galaxy{direction:ltr}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{line-height:1.65;letter-spacing:0}[dir=rtl] .hero h1{font-size:clamp(36px,4vw,60px)}[dir=rtl] .signature{line-height:1.8}.hero,.section-wrap{overflow-wrap:break-word}@keyframes reveal{from{opacity:.2;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes catpop{50%{transform:translateY(-10px) rotate(-5deg)}}@keyframes shoot{from{transform:translate(-100px,0) rotate(30deg);opacity:1}to{transform:translate(110vw,65vh) rotate(30deg);opacity:0}}
@media(min-width:1500px){.hero{min-height:800px}.section-wrap{padding-inline:100px}}@media(max-width:1050px){.brand-note{display:none}nav{gap:18px}.hero{padding-inline:6%}h1{font-size:60px}.section-wrap{padding-inline:6%}.gallery{gap:12px}.favorites-section{gap:25px}.favorites-row{gap:20px}.envelopes{gap:15px}.envelope-title{font-size:21px}.galaxy{height:610px}}
@media(max-width:760px){.topbar{height:72px;padding:0 5%;gap:10px}.brand{font-size:23px;gap:7px}.brand-star{font-size:25px;margin-right:0}nav{display:none}.tools{gap:9px}.hero{padding:45px 7% 85px;grid-template-columns:1fr;gap:10px;min-height:auto}.hero-copy{z-index:2}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:18px}h1{font-size:clamp(47px,10.8vw,74px);letter-spacing:-1px}.hero-description{font-size:13px;max-width:350px}.hero-ar{font-size:18px}.hero-art{width:85%;max-width:420px;margin:0 auto 15px}.hero-photo{width:52%;height:70%}.hero-foot{font-size:9px;flex-wrap:wrap;margin-top:23px}.art-caption{font-size:9px;bottom:-5px;left:20%}.scroll-cue{font-size:9px;left:7%;right:7%}.primary{padding:13px 21px}.float-label{font-size:19px;padding:8px 12px}.section-wrap{padding:65px 7%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:360px;font-size:12px;margin-bottom:0}h2{font-size:39px}.galaxy{height:590px;margin-inline:-3%}.galaxy-core{width:110px;height:110px;top:47%}.galaxy-core>span{font-size:29px}.galaxy-core small{font-size:8px}.planet{font-size:10px;gap:7px;max-width:96px;min-width:80px;padding:9px}.planet-orb{width:43px;height:43px;font-size:18px}.galaxy-hint{font-size:8px;bottom:16px}.galaxy-ring{width:90%;height:50%}.ring-b{width:130%;height:73%}.story-section{grid-template-columns:1fr;gap:35px}.story-intro h2 br{display:none}.truck-art{width:165px;margin-top:20px}.story-intro{position:relative}.serif-note{font-size:22px}.timeline-item{padding-left:25px}.timeline-item h3{font-size:27px}.timeline-item p{font-size:12px}.gallery{grid-template-columns:repeat(2,1fr);gap:13px}.memory:nth-child(4n+2),.memory:nth-child(4n){padding-top:0}.memory:nth-child(even){padding-top:24px}.memory-caption{font-size:9px}.filters button{padding:6px 10px;font-size:10px}.gallery-toolbar{gap:5px}#media-count{font-size:9px}.letters-heading h2{font-size:37px}.letters-heading>p:last-child{font-size:12px}.envelopes{grid-template-columns:1fr;gap:16px;max-width:420px;margin:auto}.envelope{min-height:145px;padding:20px;display:grid;grid-template-columns:65px 1fr;align-items:center;text-align:start;gap:0 15px}.envelope:before{left:0;width:160px;height:160px;transform:translate(-40%,-30%) rotate(45deg)}.wax{grid-row:span 2;margin:0;justify-self:center}.envelope-title{font-size:25px;align-self:end;margin-bottom:7px}.envelope small{align-self:start;font-size:8px}.favorites-section{grid-template-columns:1fr;gap:45px}.favorites-row{justify-content:space-between;gap:12px}.favorite{font-size:10px}.hachiko{margin-top:5px}.songs-section{grid-template-columns:1fr;gap:35px}.song-intro{position:relative;min-height:230px}.song-intro h2{max-width:250px}.song-intro>p:not(.eyebrow){max-width:230px}.record{width:120px;height:120px;position:absolute;right:-5px;top:100px;margin:0;opacity:.8;z-index:-1}.record-label{width:47px;height:47px;font-size:15px}.record-label small{font-size:5px}.playlist-note{font-size:18px;max-width:220px}.song-help{max-width:210px!important}.track{padding:12px 0}.future-section h2{font-size:43px}.future-copy{font-size:12px}.future-path{gap:10px;font-size:9px}.future-ar{font-size:16px}footer{padding:25px 7%;flex-wrap:wrap}footer>p:last-child{width:100%;text-align:center;padding-top:5px}dialog{padding:48px 25px 25px;width:92vw}.modal-story h2{font-size:32px}.modal-story p{font-size:13px}.media-dialog{padding:45px 12px 15px}[dir=rtl] .record{right:auto;left:-5px}[dir=rtl] .hero h1{font-size:39px}[dir=rtl] h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}[hidden]{display:none!important}
/* The second edition: a handmade memory book inside a night sky. */

:root{--paper:#fbf3e7;--ink:#473b50;--hand:'Caveat','Cormorant Garamond','Noto Sans Arabic',cursive}.family-section{padding-top:60px;background:radial-gradient(ellipse at 50% 40%,#edb8d31a,transparent 70%);border-top:1px solid var(--line)}.family-heading{text-align:center;max-width:700px;margin:0 auto 40px}.family-heading>p:last-child{max-width:440px;margin:auto;color:var(--muted);font-size:13px}.pencil-heart{display:inline-block;font:58px var(--hand);color:var(--pink);transform:rotate(-12deg);line-height:1;margin-bottom:12px}.family-paper{position:relative;padding:15px 15px 22px;margin:30px auto 60px;width:94%;max-width:1000px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0005;transform:rotate(-1deg);border-radius:2px}.family-paper:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:10px;background:linear-gradient(135deg,var(--paper) 5px,transparent 0) 0 0/10px 10px repeat-x;pointer-events:none}.family-paper>img{display:block;width:100%;height:auto;border:1px solid #ede1cf}.family-paper figcaption{text-align:center;padding:22px 15px 5px;font:30px/1.2 var(--hand);color:#685168}.family-paper figcaption small{display:block;font:10px/1.8 var(--sans);color:#927e8d;margin-top:13px;letter-spacing:.3px}.paper-tape{position:absolute;top:-15px;width:120px;height:35px;background:#b9d8edb3;border-inline:2px dashed #b9d8ed52;z-index:2;box-shadow:0 1px 1px #0001}.tape-left{left:5%;transform:rotate(-13deg)}.tape-right{right:5%;transform:rotate(15deg);background:#edbbd2a1}.paper-scribble{position:absolute;right:-17px;bottom:28px;padding:8px 16px;color:#9c577e;background:#f7d4e4;transform:rotate(7deg);font:23px var(--hand);box-shadow:0 4px 12px #0001}.distance-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:80px}.distance-story h3{font-size:37px;margin-bottom:18px}.distance-story>div>p:last-child{font-size:13px;color:var(--muted);max-width:400px}.love-route{position:relative;min-height:220px;padding:35px 0}.love-route svg{width:100%;height:140px;display:block}.country{position:absolute;max-width:140px;top:0;display:flex;flex-direction:column;align-items:center;gap:10px}.country i{font:35px var(--hand);color:var(--pink)}.country b{font-size:11px;font-weight:400;color:var(--blue)}.country-mx{left:0}.country-eg{right:0}.love-route small{display:block;text-align:center;font:22px var(--hand);color:var(--pink)}.universe-section{background:radial-gradient(ellipse,#b6def508,transparent 70%)}.galaxy{border-radius:50% / 10%;box-shadow:inset 0 0 80px #b6def507}.planet-orb:after{content:'';position:absolute;width:70px;height:25px;transform:rotate(-25deg);border:1px solid #edb8d34a;border-radius:50%;pointer-events:none}.planet-orb{position:relative}.galaxy-core{background:radial-gradient(circle,#eecbe520,transparent 73%)}.memory-chapters{padding-block:30px 100px;overflow:hidden}.minecraft-spread{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;padding:90px 0 110px;position:relative;border-bottom:1px solid var(--line)}.chapter-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9}.chapter-copy h2{font-size:46px}.hand-note{display:block;font:27px/1.3 var(--hand);color:var(--pink);margin:22px 0;max-width:360px}.chapter-copy .secondary{margin:25px 0 0;text-align:start}.pixel-decoration{position:absolute;right:-20px;top:14px;font:55px monospace;color:#e6a0c3;text-shadow:5px 5px #9d628c;transform:rotate(9deg)}.scrap-feature{border:0;padding:10px 10px 12px;background:var(--paper);color:var(--ink);box-shadow:0 14px 45px #0005;transition:transform .3s;cursor:pointer;border-radius:2px;position:relative}.scrap-feature:before{content:'';position:absolute;top:-11px;left:40%;width:70px;height:24px;background:#c2ddec9e;transform:rotate(-8deg);z-index:2}.scrap-feature img{width:100%;object-fit:cover;display:block}.scrap-feature>span{display:block;padding-top:10px;font:24px/1.2 var(--hand);color:#6b526b}.scrap-feature:hover{transform:rotate(0deg) translateY(-4px)}.minecraft-collage{position:relative;min-height:380px;padding-top:10px}.mc-wide{width:95%;transform:rotate(3deg)}.mc-wide img{aspect-ratio:16/9}.mc-small{width:54%;position:relative;margin:-25px 0 0 -15px;transform:rotate(-8deg);z-index:2}.mc-small img{aspect-ratio:4/3}.mc-small>span{font-size:18px}.doodle-spark{position:absolute;bottom:0;right:3%;font:75px var(--hand);color:var(--blue)}.flowers-spread{display:grid;grid-template-columns:.85fr 1fr .55fr;gap:40px;align-items:center;padding:110px 0;border-bottom:1px solid var(--line)}.flower-photo{transform:rotate(-5deg)}.flower-photo img{aspect-ratio:3/4;object-position:50% 40%}.flower-detail{transform:rotate(8deg);margin-top:130px}.flower-detail img{aspect-ratio:3/4}.flower-detail>span{font-size:19px}.flower-doodle{font:45px var(--hand);letter-spacing:7px;color:var(--pink);display:block;margin-bottom:20px}.flowers-spread .chapter-copy h2{font-size:40px}.cat-spread{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding-top:100px}.cat-polaroids{position:relative;min-height:390px;padding:15px 0}.cat-awake{width:78%;transform:rotate(-4deg)}.cat-awake img{aspect-ratio:4/3}.cat-asleep{width:55%;margin:-25px 0 0 43%;transform:rotate(8deg)}.cat-asleep img{aspect-ratio:16/10}.cat-asleep:before{background:#edbbd2b0}.cat-paws{position:absolute;bottom:0;left:5%;font-size:50px;transform:rotate(-20deg);opacity:.7}.cat-polaroids.pop{animation:catpop .4s ease}.gallery-tip{font:24px var(--hand);color:var(--pink);margin:0 0 35px}.gallery.scrapbook{gap:28px 24px;align-items:start}.paper-memory{padding:11px 11px 15px!important;background:var(--paper);color:var(--ink);box-shadow:0 7px 25px #0003;position:relative;border-radius:2px;transform:rotate(-2deg);transition:transform .3s;align-self:start;margin:0 0 8px}.paper-memory:nth-child(4n+2){transform:rotate(3deg);margin-top:25px}.paper-memory:nth-child(4n){transform:rotate(1.5deg);margin-top:40px}.paper-memory:hover{transform:rotate(0) translateY(-5px);z-index:2}.memory-tape{position:absolute;top:-10px;left:34%;width:35%;height:22px;background:#b9d8ed9c;transform:rotate(-6deg);z-index:3}.paper-memory:nth-child(3n) .memory-tape{background:#efc0d5a6;transform:rotate(6deg)}.paper-memory .memory-image{border-radius:0;aspect-ratio:4/5}.paper-memory[data-kind=minecraft] .memory-image,.paper-memory[data-kind=hachiko] .memory-image{aspect-ratio:4/3}.paper-memory .memory-image img{filter:none}.paper-memory .memory-caption{padding:13px 2px 5px;color:#4a3b51;font:23px/1.15 var(--hand)}.paper-memory .memory-caption>span:last-child{font-size:27px;color:#c886a5}.memory-note{font-size:10px;line-height:1.8;color:#8c7786;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:9px 2px 13px;min-height:50px}.memory-stamp{font-size:7px;letter-spacing:1.3px;color:#ac929f;display:block;border-top:1px dashed #b79eac55;padding:10px 2px 0}.photo-doodle{position:absolute;bottom:4px;right:10px;font:48px var(--hand);color:#ffe5f1;text-shadow:1px 1px #ab7193;transform:rotate(15deg);pointer-events:none}.paper-memory:nth-child(2n) .photo-doodle{color:#d0eaff}.mini-family{position:relative;max-width:330px;background:var(--paper);padding:9px 9px 17px;transform:rotate(4deg);box-shadow:0 10px 40px #0004}.mini-family img{display:block;width:100%}.mini-family span{display:block;color:#80576f;font:26px var(--hand);text-align:center;margin-top:8px}.letters-section{position:relative}.letters-section:before{content:'♡  ·  ✧  ·  ♡';position:absolute;top:22px;left:10%;font:30px var(--hand);color:#edb8d34a;transform:rotate(-10deg)}.envelope{background:linear-gradient(160deg,#e4d5dc12,#b6def50a);box-shadow:0 15px 50px #0002}.wax{outline:2px dotted #f2cbe199;outline-offset:-5px}.record{width:240px;height:240px;animation:recordspin 35s linear infinite}.record:before{content:'';position:absolute;top:13%;left:19%;width:8px;height:8px;background:var(--pink);border-radius:50%;box-shadow:0 0 15px var(--pink)}.song-dedication{font:26px var(--hand);color:var(--pink);padding:4px 5px 20px;border-bottom:1px solid var(--line);margin:0}.track{padding-block:16px;grid-template-columns:28px 1fr 30px}.track-arrow{font-size:11px;border:1px solid var(--line);border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.track:hover .track-arrow{color:#0d1528;background:var(--pink);border-color:var(--pink)}.photo-letter-spread{display:grid;grid-template-columns:1.2fr .9fr;gap:25px;align-items:center}.media-dialog{width:min(94vw,1000px);background:#f8f0e4;color:var(--ink);border:0;padding:50px 25px 25px}.media-dialog .modal-close{color:#806578}.modal-photo-frame{padding:8px;background:white;box-shadow:0 8px 25px #3b253220;transform:rotate(-2deg)}.modal-photo-frame .modal-picture{max-height:65svh;object-fit:contain;width:100%;background:#f6f1e9;border-radius:0}.modal-photo-note{padding:10px}.modal-photo-note small{color:#a58496;font:9px var(--sans);letter-spacing:1.3px;display:block;margin-bottom:18px}.modal-photo-note h3{font:36px/1.2 var(--hand);margin-bottom:18px;color:#6b4c63}.modal-photo-note p{font:13px/1.95 var(--sans);color:#8a7282}.note-heart{font:50px var(--hand);display:block;color:#d98aae;margin-bottom:15px;transform:rotate(-12deg)}.note-sign{display:block;font:27px var(--hand);color:#ad7696;margin:20px 0}.keep-heart{font:19px var(--hand);border:1px dashed #d8b7c9;border-radius:4px;background:#efccdf55;color:#a6668c;padding:8px 15px}.media-dialog .media-nav{border-top:1px dashed #d9bfce;margin-top:25px;padding-top:16px}.media-dialog .media-nav span{color:#a58496}.media-dialog .media-nav button{border-color:#d9bfce;color:#946c85}.future-section{position:relative}.future-section:before{content:'✧';position:absolute;font:75px var(--hand);left:10%;top:40%;color:#b6def52e}.future-section:after{content:'♡';position:absolute;font:90px var(--hand);right:9%;top:25%;color:#edb8d32e;transform:rotate(15deg);pointer-events:none}@keyframes recordspin{to{transform:rotate(360deg)}}[dir=rtl] .modal-photo-note{text-align:right}[dir=rtl] .family-paper figcaption{line-height:1.7}
@media(max-width:1050px){.gallery.scrapbook{grid-template-columns:repeat(3,1fr)}.flowers-spread{gap:25px}.flowers-spread .chapter-copy h2{font-size:35px}.cat-spread{gap:45px}}
@media(max-width:760px){.family-section{padding-top:55px}.family-heading h2{font-size:37px}.family-heading>p:last-child{font-size:12px}.family-paper{width:100%;margin:25px auto 45px;padding:7px 7px 15px;transform:rotate(-1deg)}.family-paper figcaption{font-size:24px;padding:16px 6px 0}.family-paper figcaption small{font-size:8px;padding-inline:15px}.paper-tape{width:65px;height:24px;top:-9px}.paper-scribble{font-size:17px;right:-12px;bottom:70px}.distance-story{grid-template-columns:1fr;gap:25px;margin-top:60px}.distance-story h3{font-size:33px}.distance-story>div>p:last-child{font-size:12px}.love-route{min-height:170px}.love-route svg{height:105px}.love-route small{font-size:21px}.country b{font-size:10px}.country i{font-size:28px}.minecraft-spread{grid-template-columns:1fr;padding-block:65px;gap:40px}.chapter-copy h2{font-size:39px}.chapter-copy>p:not(.eyebrow){font-size:12px}.hand-note{font-size:25px}.pixel-decoration{font-size:40px;right:0;top:8px}.minecraft-collage{min-height:300px}.mc-small{margin-top:-10px;margin-left:0}.scrap-feature{padding:7px 7px 10px}.scrap-feature>span{font-size:21px}.mc-small>span{font-size:15px}.flowers-spread{grid-template-columns:1fr 1fr;gap:25px 20px;padding-block:70px}.flowers-spread .chapter-copy{grid-column:1/-1;grid-row:1;text-align:start}.flowers-spread .chapter-copy h2{font-size:38px}.flower-photo{margin:0 0 30px 0;align-self:start}.flower-detail{margin-top:60px}.flower-detail>span{font-size:17px}.cat-spread{grid-template-columns:1fr;gap:35px;padding-top:65px}.cat-polaroids{min-height:310px}.cat-spread .chapter-copy{grid-row:1}.cat-awake{width:74%}.cat-asleep{width:52%;margin-left:47%}.cat-paws{font-size:35px;bottom:10px}.gallery.scrapbook{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.paper-memory{padding:7px 7px 11px!important;transform:rotate(-2deg);margin:0!important}.paper-memory:nth-child(2n){transform:rotate(2deg);margin-top:25px!important}.paper-memory .memory-caption{font-size:20px;min-height:54px;align-items:start}.paper-memory .memory-caption>span:last-child{font-size:21px}.memory-note{font-size:9px;-webkit-line-clamp:3;line-height:1.65;min-height:44px;margin-top:4px}.memory-stamp{font-size:6px;letter-spacing:.7px;line-height:1.5}.memory-tape{height:16px;top:-7px}.gallery-tip{font-size:23px}.photo-doodle{font-size:37px}.filters{flex-wrap:wrap;gap:3px}.filters button{font-size:9px;padding:6px 9px}.gallery-toolbar{flex-wrap:wrap;gap:12px}#media-count{margin-left:auto}.mini-family{max-width:280px;margin:10px auto}.photo-letter-spread{grid-template-columns:1fr;gap:22px}.media-dialog{padding:45px 17px 20px;max-height:90svh}.modal-photo-frame{max-width:100%;transform:rotate(-1deg);padding:6px}.modal-photo-frame .modal-picture{max-height:48svh}.modal-photo-note{padding:0 8px}.modal-photo-note h3{font-size:31px}.modal-photo-note p{font-size:12px}.note-heart{font-size:32px;float:right;margin:0}.modal-photo-note small{font-size:8px;margin-bottom:12px}.note-sign{font-size:24px;margin:16px 0}.keep-heart{font-size:17px}.song-dedication{font-size:23px}.song-intro .record{width:125px;height:125px}.future-section:before{left:0;font-size:45px}.future-section:after{right:0;font-size:55px}[dir=rtl] .modal-photo-note .note-heart{float:left}}
/* Seaside edition: her favorite small things, and their two countries. */
.country-flag{width:58px;height:39px;object-fit:contain;border-radius:2px;box-shadow:0 5px 18px #0004;border:1px solid #ffffff26}.country{gap:14px}.float-label>b{font-weight:400;font-size:22px}.sea-spread,.bubu-spread{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding-top:90px}.sea-portrait{background:var(--paper);padding:9px 9px 18px;transform:rotate(-3deg);box-shadow:0 15px 40px #0004}.sea-portrait img{display:block;width:100%}.sea-portrait>span{display:block;padding:12px 10px 0;font:23px/1.35 var(--hand);color:#8c647d}.bear-hug{position:relative;padding:30px 15px 20px;border:1px dashed #edb8d341;border-radius:45% 45% 10px 10px;background:radial-gradient(ellipse,#edb8d316,transparent 70%);text-align:center}.bear-hug svg{width:100%;max-width:350px}.bear-hug>span{display:block;font:29px var(--hand);color:var(--pink)}.bubu-spread{padding-block:90px 25px}.snack-doodles{font-size:27px;letter-spacing:8px;display:block;margin-top:25px}.favorites-row{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.full-names{font:16px var(--hand);color:var(--pink)}footer{flex-wrap:wrap}footer .full-names{font:19px var(--hand);color:var(--pink)}.family-heading>p:last-child{max-width:600px;line-height:1.95}.family-paper figcaption>span{display:block;max-width:750px;margin:auto;line-height:1.4}.family-paper figcaption small{margin-top:12px}.future-copy{max-width:690px}.bubu-spread .chapter-copy p,.sea-spread .chapter-copy p{line-height:2}
@media(max-width:760px){.sea-spread,.bubu-spread{grid-template-columns:1fr;gap:35px;padding-top:65px}.sea-spread .chapter-copy{grid-row:1}.bear-hug{max-width:300px;margin:auto}.bubu-spread{padding-bottom:10px}.bubu-spread .chapter-copy h2{font-size:35px}.country-flag{width:48px;height:32px}.family-paper figcaption{font-size:23px}.family-heading>p:last-child{font-size:12px}.favorites-row{gap:24px 15px}.snack-doodles{font-size:23px}footer .full-names{width:100%;font-size:19px;text-align:center}}
/* Reviewed album: photographs first, only four short dedications. */
.truck-art{width:100%;max-width:350px;margin-top:25px}.truck-art img{width:100%;display:block;max-height:230px;object-fit:contain}.truck-art>span:last-child{font:22px/1.4 var(--hand);letter-spacing:0;color:var(--pink);display:block;text-align:center;margin-top:8px}.bear-hug{border:0;background:radial-gradient(ellipse,#edb8d314,transparent 70%);border-radius:0;padding:15px}.bear-hug img{display:block;width:100%;max-width:340px;margin:auto}.gallery.scrapbook{gap:25px;align-items:start}.paper-memory{transform:none;margin:0!important;padding:9px!important;border-radius:3px}.paper-memory:nth-child(4n+2),.paper-memory:nth-child(4n),.paper-memory:nth-child(2n){transform:none;margin:0!important}.paper-memory:hover{transform:translateY(-4px)}.paper-memory .memory-image{aspect-ratio:3/4}.paper-memory[data-kind=minecraft] .memory-image{aspect-ratio:4/3}.paper-memory .memory-note{color:#705669;font-size:12px;line-height:1.8;margin:14px 8px 8px;display:block;min-height:0;overflow:visible}.paper-memory.photo-only{padding:7px!important}.image-only-dialog{width:min(92vw,750px)}.image-only-dialog .photo-letter-spread{grid-template-columns:1fr}.image-only-dialog .modal-photo-frame{transform:none;box-shadow:none;padding:0;background:transparent}.image-only-dialog .modal-picture{max-height:71svh;background:transparent}.world-scene{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:5px;margin:5px 0 25px}.world-truck{object-fit:contain;background:radial-gradient(ellipse,#edb8d315,transparent 70%);max-height:220px}.modal-story .modal-icon{display:none}.modal-story h2{margin-bottom:24px}.modal-story p{font-size:15px;line-height:2}.modal-photo-note p{font-size:16px;line-height:1.9}.family-heading>p:last-child{max-width:570px}.sea-spread .chapter-copy p,.bubu-spread .chapter-copy p{font-size:14px}.memory-chapters .hand-note{font-size:24px}
@media(max-width:760px){.gallery.scrapbook{gap:15px}.paper-memory:nth-child(2n){margin:0!important}.paper-memory .memory-note{font-size:11px;margin:10px 4px 5px;line-height:1.75}.paper-memory.has-note .memory-image{aspect-ratio:3/4}.modal-story p{font-size:14px}.modal-photo-note p{font-size:14px}.truck-art{max-width:280px}.bear-hug{max-width:280px}.world-scene{max-height:200px}.sea-spread .chapter-copy p,.bubu-spread .chapter-copy p{font-size:13px}.image-only-dialog .modal-picture{max-height:72svh}}
/* Quiet letter composition: writing is the focus inside every planet. */
.letter-dialog{width:min(92vw,650px);padding:46px 48px 40px;background:radial-gradient(ellipse at 90% 0,#edb8d309,transparent 50%),#10172a;border:1px solid #b6def52b;border-radius:12px}.letter-heart{display:block;color:var(--pink);font:36px/1 var(--serif);margin:0 0 23px}.love-letter .modal-kicker{font-size:8px;letter-spacing:2.3px;opacity:.8}.love-letter h2{font:400 44px/1.15 var(--serif);margin:14px 0 28px;letter-spacing:-.5px}.love-letter p{font-size:15px;line-height:2;color:#d5d8e2;margin-bottom:20px}.love-letter p:last-of-type{margin-bottom:28px}.love-letter .letter-sign{display:block;border-top:1px solid #edb8d31a;padding-top:20px;font:italic 25px/1.5 var(--serif);color:var(--pink)}.truck-art{max-width:165px;margin-top:27px}.truck-art img{max-height:110px}.truck-art>span:last-child{font:italic 18px/1.5 var(--serif);margin-top:6px;color:var(--muted)}.handwritten-note{max-width:310px;margin:0 auto;padding:35px 30px;border:1px solid #edb8d326;border-radius:3px;transform:rotate(2deg);background:linear-gradient(140deg,#edb8d30b,#b6def506);text-align:center}.handwritten-note>span{display:block;color:var(--pink);font:35px var(--serif);margin-bottom:15px}.handwritten-note p{font:27px/1.5 var(--hand);color:#e4c9da}.handwritten-note small{font:italic 21px var(--serif);color:var(--muted)}.sunset-card{aspect-ratio:5/4;position:relative;overflow:hidden;background:linear-gradient(#333b67 0%,#bd849f 29%,#f2baa9 51%,#d28f9c 53%,#728ca7 54%,#263a60 100%);border:9px solid var(--paper);border-radius:2px;transform:rotate(-3deg);box-shadow:0 15px 40px #0004;isolation:isolate}.sunset-sun{position:absolute;width:21%;aspect-ratio:1;border-radius:50%;background:#ffe2b8;top:31%;left:39%;box-shadow:0 0 45px #ffdab999}.sunset-sea{position:absolute;inset:52% 0 0;background:linear-gradient(#8b9cba,#334e72 45%,#1c3156)}.sunset-reflection{position:absolute;top:53%;left:39%;width:22%;height:42%;background:linear-gradient(#ffddbb8c,transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(4px)}.sunset-wave{position:absolute;height:2px;border-radius:50%;background:#d6d7e253;left:10%;right:14%;top:65%;transform:rotate(-2deg)}.wave-two{top:77%;left:24%;right:5%;background:#d6d7e22a}.wave-three{top:89%;left:5%;right:29%;background:#d6d7e22a}.sunset-cloud{position:absolute;height:12px;width:35%;border-radius:50%;background:#ffe3de24;filter:blur(4px);top:15%;left:7%}.cloud-two{left:62%;top:26%;width:27%}.sunset-heart{position:absolute;bottom:9%;right:9%;color:#fae3ed;font:42px var(--serif);transform:rotate(11deg)}
@media(max-width:760px){.letter-dialog{padding:38px 27px 30px;width:91vw}.letter-heart{font-size:30px;margin-bottom:20px}.love-letter h2{font-size:36px;margin-bottom:24px}.love-letter p{font-size:14px;line-height:1.95}.love-letter .letter-sign{font-size:23px}.truck-art{max-width:140px}.truck-art img{max-height:95px}.truck-art>span:last-child{font-size:17px}.handwritten-note{max-width:280px;padding:30px 25px}.handwritten-note p{font-size:25px}.sunset-card{max-width:350px;width:100%;margin:auto}[dir=rtl] .love-letter h2{font-size:31px;line-height:1.65}[dir=rtl] .love-letter .letter-sign{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.sunset-card *{animation:none!important}}

/* Keep long letters comfortable to scroll in the night palette. */
.letter-dialog{color-scheme:dark;scrollbar-width:thin;scrollbar-color:#727a91 #11182a}.letter-dialog::-webkit-scrollbar{width:6px}.letter-dialog::-webkit-scrollbar-track{background:#11182a}.letter-dialog::-webkit-scrollbar-thumb{background:#727a91;border-radius:8px}