:root{--night:#101321;--ink:#f6eced;--muted:#b9b1c4;--pink:#efb6c7;--lilac:#b9b5e8;--gold:#e8d2a1;--glass:rgba(25,27,44,.72)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}button{font:inherit;color:inherit}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 17% 27%,#fff 50%,transparent 70%),radial-gradient(1px 1px at 73% 19%,#f5dce4 50%,transparent 70%),radial-gradient(1px 1px at 88% 68%,#fff 50%,transparent 70%),radial-gradient(1px 1px at 42% 81%,#fff 50%,transparent 70%),radial-gradient(2px 2px at 55% 11%,#d5cbf6 50%,transparent 70%);background-size:430px 390px;opacity:.58;animation:twinkle 8s ease-in-out infinite alternate}h1,h2,.final-lines,.still-you{font-family:'Playfair Display',serif;font-weight:500}i{font-weight:500;color:var(--pink)}.hidden{display:none!important}.screen{min-height:100svh}.intro{position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 67%,rgba(106,75,112,.32),transparent 49%),radial-gradient(ellipse at 49% 102%,#29283c,transparent 62%),linear-gradient(180deg,#111524,#171827 78%,#202033)}.intro:after{content:'';position:absolute;bottom:-20vh;left:10%;width:80%;height:35vh;border-radius:50%;border:1px solid rgba(237,205,210,.13);box-shadow:0 -12px 70px rgba(189,145,179,.09),inset 0 14px 45px rgba(189,145,179,.04)}.moon{position:absolute;top:12%;right:16%;width:70px;height:70px;border-radius:50%;background:#f0dce0;box-shadow:0 0 60px rgba(240,220,224,.35);opacity:.83}.moon:after{content:'';position:absolute;left:18px;top:-8px;width:68px;height:68px;border-radius:50%;background:#131522}.intro-content{position:relative;z-index:1;margin-top:-2vh}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.67rem;color:#c6b9cd;margin:0 0 16px}.intro h1{font-size:clamp(3.4rem,11vw,7.2rem);line-height:.88;letter-spacing:.08em;margin:0;color:#fbf1ed}.intro h1 i{letter-spacing:.13em}.days{font-family:'Playfair Display',serif;font-size:1.3rem;margin:30px 0 9px}.days span,.wordmark span,.progress-heart,footer span{color:var(--pink)}.welcome{font-size:.9rem;letter-spacing:.07em;color:#cbc1ce;margin:0 0 25px}.pill{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:12px 20px;background:rgba(255,255,255,.06);color:#f5e9ed;cursor:pointer;transition:.25s;display:inline-flex;align-items:center;gap:20px}.pill:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.5)}.pill span{color:var(--pink)}.primary{background:linear-gradient(110deg,rgba(220,156,180,.24),rgba(155,145,204,.22));border-color:rgba(240,198,214,.52);padding-inline:26px}.tiny-note{font-size:.67rem;color:#a7a0b2;margin-top:18px;letter-spacing:.08em}.intro-orbit{position:absolute;bottom:6vh;color:#e3c8d5;letter-spacing:.35em;font-size:1.1rem;opacity:.6}.world{min-height:100vh;background:radial-gradient(ellipse at 48% 38%,rgba(95,79,112,.22),transparent 47%),linear-gradient(#111522,#151626 62%,#111321);padding:0 6vw 30px;animation:appear .85s ease both}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);max-width:1200px;margin:auto}.wordmark{font-family:'Playfair Display',serif;color:var(--ink);font-size:1.08rem;text-decoration:none}.progress{font-size:.72rem;color:#c5bbca}.divider{color:#817b90;margin:0 5px}.world-heading{text-align:center;padding:42px 0 4px}.world-heading .eyebrow{margin-bottom:9px}.world-heading h2,.letter-intro h2{font-size:clamp(2.1rem,5vw,3.6rem);margin:0 0 9px}.world-heading>p:last-child,.letter-intro>p:last-child{color:#b8afc0;font-size:.85rem;margin:0}.map{max-width:1050px;height:min(61vw,520px);min-height:390px;margin:16px auto 0;position:relative;isolation:isolate;border-radius:50%;background:radial-gradient(ellipse at 50% 53%,rgba(56,53,79,.44),rgba(30,31,50,.15) 44%,transparent 70%);overflow:hidden}.map:before,.map:after{content:'';position:absolute;inset:14% 12%;border-radius:49%;border:1px solid rgba(205,179,208,.1);transform:rotate(-12deg);z-index:-1}.map:after{inset:21% 19%;transform:rotate(13deg);border-color:rgba(205,179,208,.08)}.paths{position:absolute;inset:0;width:100%;height:100%;opacity:.38}.paths path{fill:none;stroke:#d3b4cb;stroke-width:1.2;stroke-dasharray:3 8}.island{position:absolute;left:43%;top:38%;width:150px;height:95px;background:radial-gradient(ellipse,#64576c,#38354c 64%,transparent 70%);display:grid;place-content:center;text-align:center;transform:rotate(-12deg);color:#f5dfe7;text-shadow:0 0 15px #dfb3c8}.island span{font-size:2rem}.island small{font-size:.6rem;color:#d7c9d6}.memory-pin{position:absolute;display:grid;justify-items:center;gap:4px;background:transparent;border:0;cursor:pointer;min-width:122px;padding:10px 12px;transition:transform .25s;z-index:2}.memory-pin:hover,.memory-pin:focus-visible{transform:translateY(-7px) scale(1.04);outline:none}.pin-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.35rem;color:#ffe9ee;background:radial-gradient(circle at 35% 30%,#c995ae,#615777 68%,#343448);border:1px solid rgba(248,215,225,.5);box-shadow:0 0 22px rgba(221,169,194,.27),inset 0 0 18px rgba(255,255,255,.17);animation:bob 4s ease-in-out infinite}.pin-title{font-family:'Playfair Display',serif;font-size:1rem;color:#fff1f1}.pin-sub{font-size:.66rem;color:#c2b8c8}.beach{left:9%;top:30%}.chiang{left:36%;top:6%}.gift{right:13%;top:29%}.roblox{right:25%;bottom:7%}.little{left:18%;bottom:9%}.chiang .pin-icon{animation-delay:-.8s}.gift .pin-icon{animation-delay:-1.6s}.roblox .pin-icon{animation-delay:-2.4s}.little .pin-icon{animation-delay:-3s}.mascot{position:absolute;left:53%;top:57%;width:102px;background:none;border:0;cursor:pointer;z-index:3;animation:bob 5s ease-in-out infinite}.mascot img{width:100%;filter:drop-shadow(0 6px 15px rgba(230,183,199,.22))}.mascot span{position:absolute;right:-30px;top:-15px;color:#e5d5e2;font-size:.65rem}.final-pin{position:absolute;right:4%;top:61%;width:114px;height:114px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:50%;color:#f9e9ee;border:1px solid rgba(224,197,221,.4);background:radial-gradient(circle at 50% 35%,rgba(136,112,151,.57),rgba(39,37,58,.9) 67%);box-shadow:0 0 28px rgba(199,161,205,.14);cursor:pointer;transition:.5s}.final-pin:disabled{cursor:default;opacity:.77;filter:saturate(.55)}.final-pin:not(:disabled){animation:unlockGlow 2.5s infinite}.final-pin strong{font-size:.8rem;letter-spacing:.18em}.final-pin small{font-size:.56rem;color:#d1c4d5}.map-label{position:absolute;font-size:.62rem;letter-spacing:.12em;color:#8f879b}.label-north{right:22%;top:12%}.label-south{left:40%;bottom:4%}.mobile-hint{display:none;text-align:center;color:#b8afc0;font-size:.7rem}.letter-section{max-width:790px;margin:54px auto 0;padding:48px 0 40px;border-top:1px solid rgba(255,255,255,.09)}.letter-intro{text-align:center;margin-bottom:28px}.letter-intro h2{font-size:clamp(2rem,5vw,3.1rem);line-height:1.12}.letter-intro h2 i{font-family:'DM Sans',sans-serif;font-size:.8em}.letter-card{background:linear-gradient(145deg,rgba(246,225,224,.08),rgba(174,150,189,.055));border:1px solid rgba(242,217,222,.17);border-radius:24px;padding:clamp(22px,5vw,42px);box-shadow:0 22px 70px rgba(0,0,0,.17);position:relative;overflow:hidden}.letter-card:before{content:'♡';position:absolute;right:26px;top:35px;color:rgba(241,194,208,.12);font-size:4rem}.letter-top,.letter-controls{display:flex;justify-content:space-between;align-items:center;color:#d5b9c5;font-size:.73rem;letter-spacing:.08em}.letter-top{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}.letter-body{position:relative;z-index:1;min-height:80px;padding:18px 0 12px}.letter-paragraph{font-family:'Playfair Display',serif;font-size:clamp(1rem,2.4vw,1.16rem);line-height:1.85;color:#f3e9e8;margin:0;opacity:0;transform:translateY(8px);max-height:0;overflow:hidden;transition:opacity 1s ease,transform 1s ease,max-height 1.2s ease,margin .6s ease;white-space:pre-line}.letter-paragraph.visible{opacity:1;transform:none;max-height:1000px;margin:0 0 20px}.letter-paragraph.special{color:#f4c8d5;font-size:1.32em}.letter-paragraph.endline{font-style:italic;color:#f4dce3}.letter-controls{border-top:1px solid rgba(255,255,255,.12);padding-top:18px}.letter-controls .pill{font-size:.75rem;padding:9px 15px}.song-dock{max-width:790px;margin:20px auto 45px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:20px;padding:15px 19px;display:flex;align-items:center;gap:15px}.vinyl{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#2d2b40 0 3px,#494258 4px 5px);color:#e7b7ca;font-size:1.3rem;box-shadow:0 0 16px #171522}.song-copy{display:grid;gap:3px;flex:1}.song-copy .eyebrow{font-size:.55rem;margin:0;color:#d6b7c6}.song-copy strong{font:500 1rem 'Playfair Display',serif}.song-copy small{font-size:.65rem;color:#aaa3b4}.song-button{font-size:.68rem;padding:9px 13px;gap:0}.play-button{width:37px;height:37px;border-radius:50%;border:1px solid #a88da8;background:rgba(230,190,210,.12);cursor:pointer}.play-button:disabled{opacity:.35;cursor:not-allowed}footer{text-align:center;color:#928b9d;font-size:.68rem;letter-spacing:.04em;padding:8px 0 15px}.modal,.final-modal{padding:0;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:#191a2b;color:var(--ink);box-shadow:0 25px 100px #080912;width:min(700px,calc(100% - 28px));max-height:88dvh;overflow:auto}.modal::backdrop,.final-modal::backdrop{background:rgba(6,7,14,.76);backdrop-filter:blur(8px)}.close{position:sticky;float:right;top:8px;margin:12px 12px -42px 0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(17,18,31,.76);font-size:1.4rem;cursor:pointer;z-index:4}.memory-card{padding:28px;clear:both}.memory-card h2{font-size:2rem;margin:4px 0 8px}.memory-card>p{color:#c5bac9;line-height:1.65;font-size:.9rem}.memory-card .eyebrow{margin-top:10px}.memory-photo{width:100%;max-height:58vh;object-fit:contain;background:#11121e;border-radius:15px;margin-top:12px}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-grid img{width:100%;height:260px;object-fit:cover;border-radius:14px}.photo-grid .wide{grid-column:1/-1;height:auto;max-height:350px;object-fit:contain;background:#11121e}.gift-box{width:118px;height:106px;margin:28px auto;background:linear-gradient(130deg,#c994ad,#926e92);border-radius:12px 12px 18px 18px;position:relative;cursor:pointer;box-shadow:0 10px 35px #0e0e1d}.gift-box:before{content:'';position:absolute;left:-8px;top:-15px;width:134px;height:28px;border-radius:8px;background:#e2b3c2;transition:.5s}.gift-box:after{content:'♡';position:absolute;left:48px;top:21px;font-size:2rem;color:#f8e8e7}.gift-box.open:before{transform:translateY(-45px) rotate(-18deg)}.gift-reveal{opacity:0;max-height:0;overflow:hidden;transition:1s;text-align:center;font-family:'Playfair Display',serif;color:#f2d9e1;font-size:1.15rem}.gift-reveal.show{opacity:1;max-height:300px;padding:16px}.mascot-modal{display:flex;align-items:center;gap:25px;padding:15px 0}.mascot-modal img{width:130px;max-width:35%}.final-modal{width:min(720px,calc(100% - 24px));background:radial-gradient(ellipse at 50% 25%,#48405b,#181928 66%);overflow:hidden}.final-scene{padding:70px 30px 50px;text-align:center;animation:appear 1.4s ease}.final-scene .eyebrow{color:#e2bed0}.final-stars{font-size:1.2rem;color:#e3bdd0;letter-spacing:.4em;margin:30px 0}.final-lines{font-size:clamp(1.35rem,4vw,2rem);line-height:1.58;color:#eee4e8}.still-you{font-style:italic;font-size:clamp(2.8rem,10vw,5.5rem);color:#f2c1d1;margin:32px 0 39px;animation:softGlow 3s infinite alternate}.final-dedication{font-family:'Playfair Display',serif;font-size:1.3rem;line-height:1.8}.final-dedication span{font-size:.92rem;color:#d4c7d8}.signature{font-style:italic;color:#d8c4d2;margin:22px 0 30px}.replay{font-size:.75rem}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes twinkle{from{opacity:.4}to{opacity:.76}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes unlockGlow{0%,100%{box-shadow:0 0 20px rgba(241,184,209,.2)}50%{box-shadow:0 0 43px rgba(241,184,209,.57)}}@keyframes softGlow{from{text-shadow:0 0 12px rgba(245,184,210,.12)}to{text-shadow:0 0 36px rgba(245,184,210,.44)}}@media(max-width:650px){.intro h1{font-size:clamp(3.5rem,16vw,5.8rem)}.moon{right:9%;top:10%;width:52px;height:52px}.moon:after{width:52px;height:52px;left:14px}.world{padding:0 18px 24px}.topbar{height:60px}.wordmark{font-size:.98rem}.progress{font-size:.64rem}.world-heading{padding-top:34px}.world-heading>p:last-child{max-width:270px;margin:auto;line-height:1.6}.map{height:450px;min-height:0;margin-top:8px;border-radius:32px;background:radial-gradient(ellipse at 50% 50%,rgba(74,62,91,.25),transparent 75%);overflow:visible}.paths{inset:2% 0}.island{left:34%;top:40%;width:120px;height:85px}.island span{font-size:1.5rem}.island small{font-size:.52rem}.memory-pin{min-width:100px;padding:7px}.pin-icon{width:48px;height:48px}.pin-title{font-size:.88rem}.pin-sub{font-size:.57rem}.beach{left:0;top:23%}.chiang{left:34%;top:3%}.gift{right:0;top:25%}.roblox{right:8%;bottom:7%}.little{left:4%;bottom:10%}.mascot{left:43%;top:61%;width:82px}.mascot span{right:-32px}.final-pin{right:1%;top:51%;width:91px;height:91px}.final-pin strong{font-size:.67rem}.final-pin small{font-size:.49rem}.label-north{right:6%;top:12%}.label-south{left:31%;bottom:0;font-size:.55rem}.mobile-hint{display:block;margin-top:-4px}.letter-section{margin-top:34px;padding-top:34px}.letter-card{border-radius:19px}.letter-controls{align-items:flex-start;gap:10px}.letter-controls>span{padding-top:9px;font-size:.63rem}.song-dock{gap:10px;padding:12px}.vinyl{width:40px;height:40px;flex:none}.song-copy strong{font-size:.86rem}.song-copy small{font-size:.56rem}.song-button{font-size:.58rem;padding:9px}.play-button{flex:none}.memory-card{padding:22px}.photo-grid img{height:180px}.mascot-modal{align-items:flex-start;gap:10px}.mascot-modal img{width:90px}.final-scene{padding:58px 18px 38px}.final-dedication{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.top-actions{display:flex;align-items:center;gap:14px}.music-toggle{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 12px;background:rgba(255,255,255,.055);color:#f0d7e2;cursor:pointer;font:inherit;font-size:.78rem}.music-toggle span{font-size:.65rem;color:#c3b6c8;margin-left:4px}.music-toggle[aria-pressed="true"]{border-color:rgba(239,182,199,.58);background:rgba(239,182,199,.13)}@media(max-width:650px){.top-actions{gap:7px}.music-toggle{padding:7px 9px}.music-toggle span{display:none}}
.edit-open{border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.04);padding:7px 11px;color:#dfc7d4;font-size:.7rem;cursor:pointer}.edit-open:hover{background:rgba(255,255,255,.12)}.edit-modal{width:min(760px,calc(100% - 20px));max-height:90dvh}.edit-content{padding:28px;clear:both}.edit-content h2{font-size:2rem;margin:0 0 8px}.edit-content h3{font-family:"Playfair Display",serif;font-size:1.35rem;font-weight:500;margin:0 0 15px}.edit-note,.edit-status{font-size:.75rem;line-height:1.6;color:#bdb2c2}.editor-memory,.letter-editor{border-top:1px solid rgba(255,255,255,.12);padding:21px 0}.editor-memory h3{margin-bottom:14px}.editor-field{display:grid;gap:7px;margin:12px 0;color:#e5d5df;font-size:.74rem}.editor-field input[type=text],.editor-field textarea{width:100%;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(7,9,18,.46);padding:11px 12px;color:#f6eced;font:400 .9rem/1.55 "DM Sans",sans-serif;resize:vertical}.editor-field input:focus,.editor-field textarea:focus{outline:2px solid rgba(239,182,199,.55);outline-offset:1px}.upload-field input{font-size:.73rem;color:#c7b9c8}.editor-preview{border-left:2px solid rgba(239,182,199,.6);padding:8px 11px;color:#d1c1ce;font:italic .86rem/1.65 "Playfair Display",serif;white-space:pre-wrap;overflow-wrap:anywhere}.edit-photo-list{display:flex;gap:10px;flex-wrap:wrap}.edit-photo{position:relative;width:84px;height:84px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.16)}.edit-photo img{width:100%;height:100%;object-fit:cover}.edit-photo button{position:absolute;bottom:3px;left:3px;right:3px;border:0;border-radius:8px;background:rgba(15,16,28,.86);color:#fff;font-size:.6rem;padding:4px;cursor:pointer}.letter-editor{margin-top:4px}.letter-editor .editor-field textarea{min-height:110px}.edit-actions{display:flex;flex-wrap:wrap;gap:10px}.edit-actions .pill{font-size:.7rem;padding:9px 13px}.edit-status{color:#e3bfd0;min-height:1.2em}@media(max-width:650px){.edit-open{padding:7px 9px;font-size:.64rem}.edit-content{padding:23px 18px}.edit-content h2{font-size:1.7rem}}
@media(max-width:650px){.topbar{gap:6px}.wordmark{font-size:.84rem}.top-actions{gap:4px}.progress{font-size:.56rem}.progress-heart{display:none}.edit-open{font-size:.57rem;padding:6px 7px}}
.starfield{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.88}main{position:relative;z-index:1}.together-counter{width:min(490px,calc(100vw - 44px));margin:18px auto 19px;padding:15px 20px 12px;border-top:1px solid rgba(240,205,220,.24);border-bottom:1px solid rgba(240,205,220,.24);background:linear-gradient(90deg,transparent,rgba(31,29,47,.5) 15%,rgba(31,29,47,.5) 85%,transparent);backdrop-filter:blur(2px)}.counter-label{margin:0 0 10px;color:#e9cdd8;font:italic .83rem "Playfair Display",serif;letter-spacing:.04em}.counter-label span{color:#f0b8ca;margin-right:5px}.counter-units{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.counter-unit{display:grid;gap:1px;justify-items:center}.counter-unit strong{font:500 clamp(1.3rem,4vw,1.8rem) "Playfair Display",serif;color:#fff0f1;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(236,183,205,.19)}.counter-unit span{font-size:.59rem;text-transform:uppercase;letter-spacing:.1em;color:#bfb2c4}.since-date{font-size:.65rem;letter-spacing:.07em;color:#c8b7c9;margin:9px 0 0}.together-counter+.welcome{margin-top:0}@media(max-width:650px){.together-counter{margin:14px auto 14px;padding:12px 14px 10px}.counter-label{font-size:.78rem;margin-bottom:8px}.counter-unit strong{font-size:1.35rem}.counter-unit span{font-size:.52rem}.since-date{font-size:.6rem;margin-top:7px}}@media(prefers-reduced-motion:reduce){.starfield{opacity:.7}}
.heart-mascot-rest{height:86px;display:flex;align-items:center;justify-content:center;position:relative;margin:-5px auto 13px;pointer-events:none}.heart-mascot-rest img{width:62px;height:78px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(238,170,201,.2));animation:bob 5.4s ease-in-out infinite}.heart-mascot-rest span{position:absolute;top:3px;margin-left:64px;color:#f1bed0;font-size:.9rem;animation:softGlow 2.4s ease-in-out infinite alternate}@media(max-width:650px){.heart-mascot-rest{height:72px;margin:-2px auto 11px}.heart-mascot-rest img{width:54px;height:68px}.heart-mascot-rest span{margin-left:56px;top:0}}
.topbar{position:sticky;top:0;z-index:12;padding-inline:12px;background:linear-gradient(180deg,rgba(17,21,34,.94),rgba(17,21,34,.76));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.memory-pin.visited .pin-icon{background:radial-gradient(circle at 35% 30%,#e9b8c8,#786989 72%,#454358);box-shadow:0 0 28px rgba(235,181,205,.42),inset 0 0 18px rgba(255,255,255,.24)}.memory-pin.visited:after{content:"found ♡";position:absolute;top:-2px;right:-8px;padding:3px 7px;border:1px solid rgba(245,206,219,.28);border-radius:999px;background:rgba(30,27,43,.9);color:#efc6d5;font-size:.52rem;letter-spacing:.04em;animation:appear .35s ease both}.island-main{animation:islandPulse 7s ease-in-out infinite;transform-origin:center}.modal[open],.final-modal[open]{animation:modalArrive .36s cubic-bezier(.2,.8,.2,1) both}.gift-photos{animation:appear .7s ease both}@keyframes islandPulse{0%,100%{filter:drop-shadow(0 0 7px rgba(225,184,211,.08))}50%{filter:drop-shadow(0 0 18px rgba(225,184,211,.2))}}@keyframes modalArrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.island-main,.memory-pin.visited:after{animation:none}}
.progress{display:flex;align-items:center;white-space:nowrap;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.035)}.paths path{animation:routeDrift 48s linear infinite}.paths path:nth-child(2){animation-duration:62s;animation-direction:reverse;opacity:.55}.memory-pin:active{transform:scale(.96)}button:focus-visible,a:focus-visible,label:focus-within{outline:2px solid #efc3d4;outline-offset:4px}.gift-box:focus-visible{outline-offset:7px}.memory-card>p:not(.eyebrow){max-width:58ch}.memory-card .photo-grid{margin-top:18px}.world-heading{position:relative}.letter-section,.song-dock{scroll-margin-top:88px}@keyframes routeDrift{to{stroke-dashoffset:-220}}@media(prefers-reduced-motion:reduce){.paths path{animation:none}}
.music-editor{border-top:1px solid rgba(255,255,255,.12);padding:22px 0}.music-editor h3{margin-bottom:8px}.music-editor audio{display:block;width:100%;height:42px;margin:14px 0;color-scheme:dark;accent-color:#dfaebe}.music-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.music-times .editor-field{margin-top:0}.music-editor .edit-actions{margin-top:9px}.music-editor .edit-note{max-width:65ch}@media(max-width:520px){.music-times{gap:8px}.music-times .editor-field input[type=number]{font-size:.82rem}}

/* New little date stop */
.hidden-keepsake{position:absolute;z-index:3;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(252,223,237,.34);border-radius:50%;background:radial-gradient(circle,rgba(238,198,222,.23),rgba(24,22,38,.24));color:#f8d6e5;font-size:1.15rem;cursor:pointer;filter:drop-shadow(0 0 9px rgba(242,190,222,.45));animation:keepsakeGlow 3.2s ease-in-out infinite}.hidden-keepsake:hover,.hidden-keepsake:focus-visible{transform:scale(1.25);outline:2px solid rgba(248,215,231,.62);outline-offset:3px}.hidden-keepsake.found{display:none}@keyframes keepsakeGlow{0%,100%{opacity:.62;filter:drop-shadow(0 0 5px rgba(242,190,222,.3))}50%{opacity:1;filter:drop-shadow(0 0 13px rgba(242,190,222,.72))}}.memory-gallery-date img{height:auto;max-height:58vh;object-fit:contain;background:rgba(12,13,23,.72)}@media(max-width:650px){.hidden-keepsake{width:32px;height:32px}}




.restore-photos{margin:10px 0 0;border:0;background:transparent;color:#e3bfd0;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:.7rem;cursor:pointer}.restore-photos[hidden]{display:none}.star-game{max-width:790px;margin:46px auto 30px;padding:clamp(20px,4vw,34px);border:1px solid rgba(255,255,255,.12);border-radius:25px;background:radial-gradient(ellipse at 50% 0,rgba(112,91,129,.2),transparent 72%),rgba(255,255,255,.035);text-align:center}.star-game .eyebrow{margin-bottom:8px}.star-game h2{font-size:clamp(1.75rem,4vw,2.5rem);margin:0}.game-intro{color:#bbb1c1;font-size:.83rem;margin:9px 0 18px}.game-scoreline{display:flex;justify-content:center;gap:28px;color:#cdbdce;font-size:.72rem}.game-scoreline strong{color:#f4d2df;margin-left:5px}.star-board{position:relative;height:190px;max-width:650px;margin:14px auto 17px;overflow:hidden;border:1px solid rgba(231,200,221,.12);border-radius:18px;background:radial-gradient(ellipse at 50% 50%,rgba(88,75,106,.2),rgba(10,13,24,.25));}.game-message{position:absolute;inset:0;display:grid;place-items:center;padding:25px;color:#d8c8d7;font:italic 1rem 'Playfair Display',serif;pointer-events:none}.star-target{position:absolute;width:42px;height:42px;border:1px solid rgba(248,222,237,.4);border-radius:50%;background:radial-gradient(circle,rgba(248,211,230,.28),rgba(91,72,110,.24));color:#ffe0ec;font-size:1.35rem;cursor:pointer;touch-action:manipulation;animation:softGlow 1.2s ease-in-out infinite alternate}.star-target:hover{transform:scale(1.15)}.game-start{font-size:.76rem;padding:10px 18px}.game-start:disabled{opacity:.65;cursor:default}@media(max-width:650px){.star-game{margin:34px auto 18px;padding:22px 16px}.star-board{height:175px}.game-scoreline{font-size:.68rem}}


/* Anniversary keepsake styling */
.world{background:radial-gradient(ellipse at 12% 18%,rgba(157,116,158,.12),transparent 28%),radial-gradient(ellipse at 83% 56%,rgba(107,128,164,.1),transparent 34%),linear-gradient(180deg,#111522,#171827 57%,#121420)}.topbar{backdrop-filter:blur(14px)}.wordmark{letter-spacing:.025em;text-shadow:0 0 22px rgba(244,202,219,.12)}.progress{backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.05)}.world-heading{padding-bottom:12px}.world-heading h2{letter-spacing:-.025em;text-shadow:0 4px 34px rgba(220,178,204,.1)}.anniversary-seal{display:flex;align-items:center;justify-content:center;gap:11px;margin:19px auto 0;color:#e8c8d7}.anniversary-seal>span{font-size:.7rem;color:#eebccf}.anniversary-seal strong{font-size:.55rem;letter-spacing:.2em;font-weight:600}.anniversary-seal small{font-size:.6rem;color:#a99caf;border-left:1px solid rgba(237,201,218,.24);padding-left:11px;letter-spacing:.04em}.map{border:1px solid rgba(221,196,224,.09);box-shadow:inset 0 0 80px rgba(135,105,146,.055),0 30px 90px rgba(0,0,0,.12);background:radial-gradient(ellipse at 50% 53%,rgba(87,72,105,.32),rgba(30,31,50,.1) 47%,transparent 72%)}.island-main{filter:drop-shadow(0 0 20px rgba(224,179,206,.17))}.pin-icon{transition:transform .35s,box-shadow .35s}.memory-pin:hover .pin-icon,.memory-pin:focus-visible .pin-icon{transform:translateY(-3px) scale(1.08);box-shadow:0 0 32px rgba(235,182,210,.5),inset 0 0 18px rgba(255,255,255,.24)}.anniversary-seal+*{scroll-margin-top:80px}.star-game,.playlist-section,.letter-card{box-shadow:0 24px 70px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.035)}.playlist-section{position:relative;isolation:isolate;max-width:790px;margin:28px auto 62px;padding:clamp(20px,4vw,32px);border:1px solid rgba(231,205,223,.15);border-radius:26px;background:radial-gradient(ellipse at 0 0,rgba(207,155,184,.13),transparent 45%),linear-gradient(145deg,rgba(40,38,57,.93),rgba(20,22,36,.95));overflow:hidden}.playlist-section:before{content:'♡';position:absolute;right:20px;top:-40px;font:10rem 'Playfair Display',serif;color:rgba(245,203,220,.035);pointer-events:none}.playlist-copy{display:flex;align-items:center;gap:17px;margin-bottom:20px}.playlist-copy .eyebrow{font-size:.57rem;margin:0 0 5px}.playlist-copy h2{font:500 clamp(1.65rem,4vw,2.25rem) 'Playfair Display',serif;margin:0}.playlist-copy h2 i{color:#efb6c7}.playlist-copy>div>p:last-child{font-size:.76rem;color:#bcb1c3;margin:5px 0 0}.playlist-vinyl{position:relative;flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#f0c6d6;font-size:1.35rem;background:repeating-radial-gradient(circle,#272638 0 5px,#51445c 6px 7px);box-shadow:0 0 25px rgba(212,156,189,.14)}.playlist-vinyl:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#e9b7cc}.playlist-frame{position:relative;z-index:1;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#12131d;box-shadow:0 16px 44px rgba(0,0,0,.25)}.playlist-frame iframe{display:block;border:0;border-radius:14px}.playlist-link{display:inline-block;margin:15px 2px 0;color:#ddc1d0;font-size:.68rem;letter-spacing:.045em;text-decoration:none}.playlist-link:hover{text-decoration:underline;text-underline-offset:4px}.letter-section{position:relative}.letter-intro h2{text-shadow:0 0 32px rgba(239,182,199,.1)}.letter-card{backdrop-filter:blur(10px)}.final-pin:not(:disabled){border-color:rgba(244,206,225,.68)}@media(max-width:650px){.anniversary-seal{gap:7px;margin-top:15px}.anniversary-seal strong{font-size:.48rem;letter-spacing:.14em}.anniversary-seal small{font-size:.52rem;padding-left:7px}.playlist-section{margin:26px auto 46px;padding:19px 15px;border-radius:21px}.playlist-copy{gap:12px}.playlist-vinyl{width:46px;height:46px;font-size:1.05rem}.playlist-copy>div>p:last-child{font-size:.68rem;line-height:1.5}.playlist-frame iframe{height:352px}.world-heading{padding-top:32px}}@media(prefers-reduced-motion:reduce){.pin-icon{transition:none}}


.more-memories-note{width:fit-content;max-width:min(620px,calc(100% - 24px));margin:17px auto 0;padding:9px 16px;border:1px solid rgba(229,190,215,.12);border-radius:999px;background:rgba(255,255,255,.025);color:#c9b7ca;text-align:center;font:italic .77rem/1.6 'Playfair Display',serif}.more-memories-note span{color:#f0bfd2;padding:0 5px}@media(max-width:650px){.more-memories-note{font-size:.69rem;margin-top:14px;padding:8px 12px}}
.pin-modal{width:min(440px,calc(100% - 28px))}.pin-modal form{display:grid;gap:14px}.pin-modal form .pill{justify-content:center}.pin-modal input[type=password]{letter-spacing:.28em;text-align:center}