@font-face{font-family:Cormorant;src:url('assets/cormorant.ttf') format('truetype');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:Cormorant;src:url('assets/cormorant-italic.ttf') format('truetype');font-style:italic;font-weight:400 600;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
:root{--bg:#101323;--surface:#181b2e;--cream:#f3ebdf;--muted:#acaabb;--pink:#eab9c9;--gold:#e4c99c;--line:rgba(225,213,233,.13);--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif;--hug-progress:0deg;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#0c0f1b;color:var(--cream);font-family:var(--sans);font-size:13px;line-height:1.7;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:disabled{cursor:default}::selection{background:#eab9c9;color:#151626}[hidden]{display:none!important}.skip-link{position:fixed;left:15px;top:-100px;z-index:100;background:var(--cream);color:var(--bg);padding:10px 15px}.skip-link:focus{top:15px}.page-shell{max-width:520px;margin:0 auto;position:relative;overflow:hidden;background:linear-gradient(180deg,#111526 0%,#141626 25%,#171a2a 48%,#141526 75%,#101323 100%);min-height:100svh;box-shadow:0 0 160px #02030970}.sky-grain{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 50% 10%,#39304735,transparent 60%);z-index:0}.page-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 22px 32px,#e4d6f680 98%,transparent),radial-gradient(1px 1px at 110px 160px,#edd8b650 98%,transparent),radial-gradient(1px 1px at 270px 80px,#dacdf350 98%,transparent);background-size:307px 293px,277px 359px,331px 253px;opacity:.5}.masthead{position:relative;z-index:4;padding:24px 25px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{font-size:9px;font-weight:600;letter-spacing:1.8px;display:flex;align-items:center;gap:7px;white-space:nowrap}.moon-mark{font-family:Georgia,serif;font-size:29px;color:var(--gold);line-height:1}.wordmark-star{font-size:8px;color:var(--gold);margin-left:0}.sound-button{background:none;border:1px solid var(--line);border-radius:30px;min-height:38px;padding:8px 11px;display:flex;align-items:center;gap:7px;font-size:9px;white-space:nowrap;color:var(--muted)}.sound-bars{display:flex;align-items:center;gap:2px;height:12px}.sound-bars i{height:4px;width:2px;border-radius:2px;background:var(--pink)}.sound-bars i:nth-child(2){height:10px}.sound-bars i:nth-child(3){height:7px}.sound-bars i:nth-child(4){height:11px}.sound-button[aria-pressed=true] .sound-bars i{animation:sound-wave .7s ease-in-out infinite alternate}.sound-button[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-.3s}.sound-button[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:-.5s}
.hero{position:relative;text-align:center;padding-bottom:40px}.hero-copy{position:relative;z-index:2;padding:35px 18px 0}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:500;line-height:1.8;color:var(--gold);margin:0 0 18px}.tiny-star{margin-right:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1{font-family:var(--serif);font-size:clamp(44px,12.4vw,64px);line-height:.98;letter-spacing:-1.8px;margin-bottom:19px}h1 em,h2 em,.wish-result h3 em{color:var(--pink);font-weight:400}h2{font-family:var(--serif);font-size:43px;line-height:1.06;letter-spacing:-1px;margin-bottom:19px}.hero-dedication{color:var(--muted);font-size:11px;line-height:1.9;margin-bottom:0}.world-stage{height:364px;position:relative;isolation:isolate;margin-top:-4px;touch-action:pan-y}.world-halo{position:absolute;inset:9% 2% 6%;background:radial-gradient(ellipse,#aa86bb1c 0%,#b083b00c 43%,transparent 72%);filter:blur(10px);z-index:-1}#world-canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;position:relative;z-index:1}#world-canvas:active{cursor:grabbing}.world-fallback{position:absolute;left:23%;right:23%;top:22%;bottom:18%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eccdcf,#b395be 48%,#564b78 80%);box-shadow:0 0 80px #bda1b52b;transition:opacity .5s}.world-stage.ready .world-fallback{opacity:0}.fallback-moon{position:absolute;font:55px var(--serif);color:var(--gold);right:-65px;top:-40px}.fallback-house{font:90px var(--serif);position:absolute;top:-72px;left:calc(50% - 30px);color:var(--pink)}.fallback-orbit{position:absolute;inset:18% -32%;border:1px solid #cdbba469;border-radius:50%;transform:rotate(-24deg)}.planet-note{position:absolute;z-index:3;border:0;background:none;display:flex;align-items:center;flex-direction:column;padding:5px;gap:0;color:var(--gold);min-width:75px;min-height:53px;transition:transform .2s}.planet-note>span{font-size:28px;line-height:1.2;filter:drop-shadow(0 0 12px #f8d2a8);animation:star-glow 4s ease-in-out infinite}.planet-note small{font-size:8px;letter-spacing:.7px;padding:2px 6px;background:#11152688;border-radius:8px;color:#d9c9d1}.planet-note:active{transform:scale(.93)}.note-secret{top:26px;right:27px}.note-home{left:20px;top:158px}.note-care{bottom:20px;right:30px}.note-care>span{font-size:21px}.orbit-coordinate{position:absolute;left:25px;bottom:26px;color:#aaa2b5;font-size:7px;letter-spacing:1.8px;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-bottom{padding:0 25px}.world-hint{font-size:9px;letter-spacing:.4px;color:var(--muted);margin:-1px 0 21px}.world-hint>span{padding-right:6px;font-size:16px;color:var(--pink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:100px;min-height:50px;padding:13px 28px;font-size:11px;font-weight:600;letter-spacing:.2px;transition:transform .2s,box-shadow .2s}.button:active{transform:scale(.97)}.button-primary{background:#edc4d0;border:1px solid #f3d1d9;color:#2c2434;box-shadow:0 6px 30px #c692ad13}.button-primary>span{font-size:17px;font-weight:400}.button-soft{background:#ffffff05;border:1px solid #edd3df30;color:var(--pink)}.made-by{font-size:8px;letter-spacing:.4px;color:#9390a5;margin:15px 0 25px}.made-by span{color:#c1b0bd}.birthday-clock{display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;letter-spacing:.6px;color:var(--gold);min-height:22px}.clock-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #e4c99c80}.chapter-divider{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--gold);font-size:16px;margin:16px 35px 57px;position:relative}.chapter-divider span{height:1px;background:linear-gradient(90deg,transparent,var(--line));width:80px}.chapter-divider span:last-child{transform:rotate(180deg)}.section-heading{text-align:center;padding:0 25px;position:relative}.section-heading>p:last-child{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.section-heading .eyebrow{margin-bottom:17px}.orbit-section{padding:0 0 50px}.orbit-stats{margin:35px 30px 0;display:flex;justify-content:space-around;align-items:center;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.orbit-stats>div{text-align:center}.orbit-stats strong{font-family:var(--serif);font-weight:400;font-size:35px;line-height:1.2;display:block;color:var(--cream)}.orbit-stats span{display:block;font-size:8px;color:var(--muted);margin-top:4px}.orbit-stats i{font-style:normal;font-size:12px;color:var(--gold)}.constellation{height:320px;max-width:360px;margin:25px auto 0;position:relative;background:radial-gradient(ellipse at center,#9776920e,transparent 66%)}.constellation-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#d8bcce28;stroke-width:.8;stroke-dasharray:3 5}.constellation-center{font-family:var(--serif);text-align:center;font-size:20px;line-height:1.2;position:absolute;top:132px;width:100%;pointer-events:none;color:#e4d6df}.constellation-center em{font-size:21px;color:var(--pink)}.name-star{position:absolute;background:none;border:0;padding:4px;min-width:65px;min-height:52px;font-size:11px;color:var(--muted);transform:translate(-50%,-35%);line-height:1.4}.name-star span{display:block;font-size:26px;color:var(--gold);line-height:1.1;transition:transform .3s,text-shadow .3s}.name-star.active{color:var(--pink)}.name-star.active span{transform:scale(1.25);text-shadow:0 0 18px #e9d39b}.name-hayat{left:18%;top:21%}.name-juhi{left:50%;top:13%}.name-jaan{left:82%;top:29%}.name-shona{left:75%;top:73%}.name-ghugu{left:43%;top:87%}.name-wife{left:15%;top:63%}.small-hint{text-align:center;font-size:9px;color:#9d97ac;margin:2px 0 22px}.name-message{margin:0 28px;min-height:193px;padding:23px 25px 26px;text-align:center;border:1px solid #b99aac25;border-radius:3px 25px 3px 25px;background:linear-gradient(135deg,#efc6d707,#efc6d702)}.name-message>span{color:var(--pink);font-size:21px}.name-message h3{font-family:var(--serif);color:var(--pink);font-size:29px;line-height:1.2;margin:4px 0 9px}.name-message p{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:0}.love-details{margin:65px 30px 0}.love-details>.eyebrow{margin-bottom:13px}.love-details>h2{font-size:41px;margin-bottom:23px}.detail-row{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding:23px 0}.detail-art{width:36px;flex:none;text-align:center;font-family:var(--serif);font-size:37px;line-height:1;color:var(--pink)}.specs-art{font-family:var(--sans);font-size:20px;letter-spacing:-3px;margin-left:-5px;width:41px}.detail-row h3{font-size:12px;font-weight:500;margin:0 0 7px;color:#e1d6df}.detail-row p{font-size:10px;line-height:1.85;color:var(--muted);margin:0}.detail-number{align-self:flex-start;color:#8f8295;font-size:8px;letter-spacing:1px;padding-top:4px}.pocket-section{padding:55px 0 55px;position:relative;background:radial-gradient(ellipse at 85% 20%,#b780ab0a,transparent 60%)}.open-when{margin:30px 28px}.open-when button{border:0;border-bottom:1px solid var(--line);background:transparent;width:100%;text-align:left;display:flex;align-items:center;gap:14px;min-height:75px;padding:15px 2px;font-size:11px;color:#d8ccdc}.open-when button:first-child{border-top:1px solid var(--line)}.open-when button>span:last-child{margin-left:auto;font-size:20px;color:var(--pink)}.note-number{font-family:var(--serif);font-size:19px;color:#aa8a9b}.hug-card{position:relative;margin:48px 25px 0;padding:31px 14px 27px;border:1px solid var(--line);border-radius:150px 150px 12px 12px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#d3a2be0d,transparent 67%)}.hug-card>p:first-of-type{font-family:var(--serif);font-style:italic;font-size:18px;color:#c2b0c1;margin:10px 0 25px}.hug-orbits{position:absolute;width:250px;height:250px;top:12px;left:50%;transform:translateX(-50%);pointer-events:none;opacity:.4}.hug-orbits i{border:1px solid #d5aac618;border-radius:50%;position:absolute;inset:12px}.hug-orbits i:nth-child(2){inset:35px}.hug-orbits i:nth-child(3){inset:58px}.hug-button{position:relative;width:92px;height:92px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;border:0;background:conic-gradient(var(--pink) var(--hug-progress),#e1bed41c 0);touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 0 40px #d5aac613}.hug-button:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#242133}.hug-button>span{position:relative;font-size:46px;font-family:var(--serif);color:var(--pink);line-height:1;transition:transform .2s}.hug-button.holding>span{animation:heartbeat .7s ease-in-out infinite}.hug-button.hugged{box-shadow:0 0 55px #f1b9d450}.hug-card h3{font-family:var(--serif);font-size:29px;margin:0 0 7px}.hug-card .hug-caption{font-size:9px;color:var(--muted);margin:0;min-height:31px}.text-button{background:none;border:0;padding:12px 7px;min-height:44px;font-size:9px;color:#c9aabd;text-decoration:underline;text-underline-offset:4px}.hug-card .text-button{color:#9b91a6;font-size:8px}.wish-section{text-align:center;padding-bottom:45px}.cake-scene{height:310px;position:relative;margin:0 auto;max-width:390px}.cake-aura{position:absolute;inset:20px 15px -30px;background:radial-gradient(ellipse,#e9bcba14,transparent 69%)}.cake{width:244px;height:220px;position:absolute;bottom:14px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 16px 22px #04040f50)}.cake-plate{position:absolute;left:-13px;bottom:-7px;width:270px;height:62px;border-radius:50%;background:linear-gradient(180deg,#ad9bb4,#514b71);box-shadow:0 6px 0 #37374e,0 7px 0 #96849b80}.cake-layer{position:absolute;width:224px;left:10px;border-radius:50% / 24%;border:1px solid #e7b6c23d}.bottom-layer{height:105px;bottom:10px;background:linear-gradient(90deg,#a35b7e,#d29cad 35%,#edbac6 53%,#bd7c98);box-shadow:inset 0 -12px 14px #854c7550}.top-layer{height:94px;bottom:37px;background:linear-gradient(90deg,#be7893,#f0c4d0 40%,#f9d9df 58%,#cd91aa)}.cake-top{position:absolute;width:224px;height:65px;border-radius:50%;left:10px;bottom:97px;background:radial-gradient(ellipse at 50% 15%,#fff0e7,#e7c0c9 80%);border:2px solid #f8dfe0;z-index:2;box-shadow:inset 0 -5px 6px #ce8fa140}.icing-drips{position:absolute;left:10px;width:224px;height:54px;bottom:84px;z-index:3;pointer-events:none}.icing-drips i{display:block;position:absolute;background:#f1d2d6;border-radius:0 0 20px 20px;width:21px;height:21px;top:1px}.icing-drips i:nth-child(1){left:1px;top:-4px;height:19px;background:#ddb1c0}.icing-drips i:nth-child(2){left:32px;top:17px;height:29px;background:#e8c2ce}.icing-drips i:nth-child(3){left:62px;top:24px;height:21px}.icing-drips i:nth-child(4){left:94px;top:28px;height:30px}.icing-drips i:nth-child(5){left:126px;top:24px;height:21px}.icing-drips i:nth-child(6){left:159px;top:17px;height:24px;background:#e4b8c5}.icing-drips i:nth-child(7){left:201px;top:-2px;height:20px;background:#d5a1b5}.cake-writing{position:absolute;left:0;width:100%;bottom:27px;z-index:4;font-family:var(--serif);font-style:italic;font-size:26px;color:#7d4c70;text-shadow:0 1px #fbe5eb}.candles{position:absolute;bottom:131px;left:12px;width:220px;display:flex;align-items:flex-end;justify-content:center;z-index:5;height:105px}.candle{position:relative;width:42px;height:98px;flex:none;padding:0;border:0;background:none}.candle:nth-child(2),.candle:nth-child(4){transform:translateY(-10px)}.candle:nth-child(3){transform:translateY(4px)}.wax{position:absolute;bottom:0;left:16px;width:11px;height:55px;border-radius:3px 3px 2px 2px;background:repeating-linear-gradient(135deg,#e6d5a9 0px,#e6d5a9 6px,#bcb0c9 6px,#bcb0c9 10px);box-shadow:inset -3px 0 2px #665e6a40}.wick{position:absolute;width:2px;height:8px;bottom:55px;left:21px;background:#594750}.flame{position:absolute;width:13px;height:25px;bottom:62px;left:15px;border-radius:70% 35% 50% 50%;transform:rotate(6deg);background:radial-gradient(ellipse at 50% 75%,#fff9e4 15%,#ffdb8a 45%,#eb9367 95%);box-shadow:0 0 17px 5px #fbc28640,0 0 40px 12px #ffc26e15;animation:flicker 1.3s ease-in-out infinite alternate;transition:opacity .3s}.candle:nth-child(2) .flame{animation-delay:-.7s}.candle:nth-child(4) .flame{animation-delay:-.4s}.candle[aria-pressed=true] .flame{opacity:0;animation:none}.cake-star{position:absolute;font-size:29px;color:var(--gold);animation:star-glow 3s ease-in-out infinite}.cake-star-one{left:33px;top:58px}.cake-star-two{right:37px;top:91px;font-size:17px}.cake-star-three{left:53px;bottom:21px;font-size:16px}.wish-instruction{font-size:9px;color:var(--muted);margin:0 0 22px}.wish-result{padding:20px 27px 0;animation:appear 1s ease}.wish-result .eyebrow{margin-bottom:15px}.wish-result h3{font-family:var(--serif);font-size:41px;line-height:1.06;letter-spacing:-1px;margin-bottom:17px}.wish-result>p:not(.eyebrow){font-size:11px;line-height:1.9;color:var(--muted)}.wish-result .text-button{margin-top:4px}.letter-section{padding:60px 0 0;position:relative}.envelope{position:relative;display:block;width:calc(100% - 56px);max-width:360px;height:220px;margin:42px auto 0;border:1px solid #f0d5d280;border-radius:5px 5px 8px 8px;background:linear-gradient(150deg,#d7bfc3,#e6d1cb);color:#674c5e;box-shadow:0 20px 30px #03040f40;overflow:hidden;transform:rotate(-3deg);transition:transform .35s}.envelope:active{transform:rotate(0) scale(.98)}.envelope:after{content:"";position:absolute;bottom:-102px;left:0;width:100%;height:210px;transform:rotate(0deg);background:#e8d3cd;clip-path:polygon(0 0,50% 50%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 -1px 0 #a1788620);z-index:2}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:126px;background:linear-gradient(170deg,#f2ded5,#dbc3c3);clip-path:polygon(0 0,100% 0,50% 100%);z-index:2}.envelope-note{position:absolute;left:0;width:100%;top:30px;font-family:var(--serif);font-size:22px;line-height:1.1;z-index:3}.envelope-note em{font-size:24px}.wax-seal{width:56px;height:56px;position:absolute;top:102px;left:calc(50% - 28px);background:radial-gradient(circle at 30% 20%,#b37f95,#8b576e);border:4px double #cb9bab;border-radius:48% 46% 44% 48%;display:grid;place-items:center;color:#f7d3d7;font-family:var(--serif);font-style:italic;font-size:15px;box-shadow:0 3px 7px #47344345;z-index:4}.envelope-action{position:absolute;bottom:22px;left:0;right:0;font-size:7px;letter-spacing:1.4px;z-index:4}.letter-paper{position:relative;background:#eee1d6;color:#51414b;margin:28px 22px 0;padding:33px 28px 37px;box-shadow:0 20px 40px #0002;border-radius:2px;animation:letter-open .7s ease both;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#a28d7b04 3px,#a28d7b04 4px)}.letter-date{display:block;font-size:6px;letter-spacing:1.3px;color:#907b80;border-bottom:1px solid #8c6d7d26;padding-bottom:20px;margin-bottom:25px}.letter-paper h3{font:italic 33px/1.1 var(--serif);color:#865c72;margin-bottom:22px}.letter-paper p{font-size:12px;line-height:2.05;margin-bottom:19px}.letter-signoff{margin-top:26px!important;font-family:var(--serif);font-size:19px!important;font-style:italic;line-height:1.5!important}.letter-signoff strong{display:block;font-weight:400;color:#925e78;font-size:43px;margin-top:5px}.letter-signoff>span{display:block;font-family:var(--sans);font-style:normal;font-size:8px;color:#977989;letter-spacing:1px}.letter-flower{position:absolute;right:25px;bottom:25px;color:#a48291;font-family:var(--serif);font-size:65px;line-height:1;transform:rotate(-12deg)}.secret-word{margin:40px 20px 0;text-align:center}.secret-word>p{font-size:10px;color:var(--muted);margin:0 0 7px}.secret-word button{border:0;background:none;min-height:44px;font-size:10px;color:var(--muted)}.secret-word button span{font-family:var(--serif);font-size:23px;color:var(--pink);margin-left:4px}.closing{position:relative;text-align:center;padding:80px 20px 155px}.closing-star{font-size:35px;color:var(--gold);display:inline-block;margin-bottom:20px}.closing h2{font-size:51px;line-height:.95;margin-bottom:20px}.closing p{font-size:10px;color:var(--muted)}.footer-signature{font-size:6px;letter-spacing:1.3px;color:#82798e;margin:37px 0 12px}.closing>a{font-size:9px;color:#b6a1b4;padding:15px;display:inline-block}.chapter-dock{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 36px);max-width:408px;height:66px;z-index:20;display:flex;align-items:center;justify-content:space-around;padding:7px 6px;background:#1c1d30e8;border:1px solid #cfbcd72b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 6px 24px #0505125c}.chapter-dock>a{min-height:48px;width:23%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;letter-spacing:.1px;color:#9994ac;border-radius:17px;transition:background .3s,color .3s}.chapter-dock>a>span{font-size:21px;line-height:1.1;font-family:var(--serif)}.chapter-dock>a>svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.2}.chapter-dock>a.active{color:var(--pink);background:#dfb3cb10}.note-dialog{width:calc(100% - 38px);max-width:420px;max-height:calc(100svh - 80px);padding:0;border:1px solid #b692b742;border-radius:26px;background:#202033;color:var(--cream);text-align:center;box-shadow:0 30px 100px #02030c88;overflow:auto}.note-dialog::backdrop{background:#080b17ba;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.note-dialog[open]{animation:appear .3s ease}.note-dialog-inner{padding:37px 27px 29px;position:relative;background:radial-gradient(ellipse at 50% 0,#ca9eac14,transparent 65%)}.close-note{position:absolute;right:8px;top:8px;width:44px;height:44px;background:none;border:0;font-size:25px;color:#bbaaBF;font-weight:300}.note-dialog-icon{font-family:var(--serif);font-size:44px;color:var(--gold);display:block;margin-bottom:16px;line-height:1.1}.note-dialog .eyebrow{font-size:7px;margin-bottom:19px;letter-spacing:1.6px}.note-dialog h2{font-size:36px;line-height:1.1;color:var(--pink);white-space:pre-line;margin-bottom:22px}.note-dialog #note-body{font-size:12px;line-height:1.95;color:#c7bbc9;margin-bottom:23px}.note-signature{font-family:var(--serif);font-size:20px;font-style:italic;color:#d4b7c7;margin-bottom:25px}.note-dialog .button{font-size:10px;min-height:44px;padding:11px 19px}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,10px);width:max-content;max-width:calc(100% - 42px);border:1px solid #dab9d53d;border-radius:14px;background:#2c273d;color:var(--cream);font-size:11px;padding:13px 20px;text-align:center;opacity:0;pointer-events:none;z-index:101;transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:99}.noscript-message{position:fixed;bottom:90px;left:20px;right:20px;background:#eec8d2;color:#2a2030;padding:20px;border-radius:10px;z-index:30}.reveal{opacity:1;transform:none}.js-reveal .reveal:not(.revealed){opacity:0;transform:translateY(18px)}.reveal{transition:opacity .7s ease,transform .7s ease}.hug-particle{position:fixed;z-index:98;pointer-events:none;font-family:var(--serif);font-size:25px;color:var(--pink);animation:heart-rise 2s ease-out forwards}.visited .name-star.active{color:var(--pink)}
@keyframes sound-wave{to{transform:scaleY(.35)}}@keyframes star-glow{50%{opacity:.65;filter:drop-shadow(0 0 3px #f8d2a8)}}@keyframes flicker{0%,100%{transform:rotate(-4deg) scale(.94,1.03)}50%{transform:rotate(5deg) scale(1.06,.96)}}@keyframes heartbeat{50%{transform:scale(1.15)}}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes letter-open{from{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heart-rise{to{transform:translate(var(--drift),-180px) rotate(25deg);opacity:0}}
@media(min-width:521px){.masthead{padding-left:35px;padding-right:35px}.hero-copy{padding-top:40px}.world-stage{height:420px}.hero h1{font-size:66px}.hero-dedication{font-size:12px}.note-secret{right:55px;top:38px}.note-home{left:44px;top:180px}.note-care{right:55px;bottom:30px}.section-heading h2{font-size:48px}.love-details{margin-left:40px;margin-right:40px}.letter-paper{margin-left:35px;margin-right:35px;padding:40px}.birthday-clock{font-size:9px}}
@media(max-width:360px){.masthead{padding:18px 18px 8px}.wordmark{font-size:8px;letter-spacing:1.2px}.sound-button{font-size:8px;padding:7px 9px}.hero-copy{padding-top:28px}.eyebrow{font-size:7px;letter-spacing:1.6px}h1{font-size:45px}.world-stage{height:318px}.hero-dedication{font-size:10px}h2{font-size:38px}.section-heading{padding:0 20px}.section-heading>p:last-child{font-size:10px}.note-secret{right:14px;top:23px}.note-home{left:9px;top:139px}.note-care{right:18px;bottom:13px}.note-dialog h2{font-size:32px}.note-dialog-inner{padding:31px 22px 25px}.chapter-dock{width:calc(100% - 26px)}.open-when button{font-size:10px;gap:10px}.detail-row{gap:12px}.constellation{margin-left:7px;margin-right:7px}.constellation-center{font-size:18px}.constellation-center em{font-size:19px}.letter-paper{padding:28px 23px}.letter-date{font-size:5.5px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal .reveal:not(.revealed){opacity:1;transform:none}.hug-particle{display:none}}