:root{--bg-deep: #0d0810;--bg-soft: #1a1320;--rose: #d97a8c;--rose-soft: #f4c6cf;--gold: #e8c879;--cream: #f6efe4;--ink: #f2e8df;--ink-faded: rgba(242, 232, 223, .7);--paper: #f8f1e4;--paper-edge: #e9ddc4;--font-serif: "Cormorant Garamond", Georgia, serif;--font-script: "Caveat", cursive;--font-sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-deep);color:var(--ink);font-family:var(--font-serif);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}html,body{overflow:hidden}body{background:radial-gradient(ellipse at top,var(--bg-soft) 0%,var(--bg-deep) 60%),var(--bg-deep)}#stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.star{position:absolute;width:2px;height:2px;background:var(--ink);border-radius:50%;opacity:0}#app{position:relative;width:100vw;height:100vh;z-index:1}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:24px}.screen.active{display:flex}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}#story{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:none;padding:0}#story.active{display:block}.story-inner{max-width:640px;margin:0 auto;padding:100px 28px 120px}.letter{font-family:var(--font-serif);color:var(--ink);line-height:1.95;font-size:1.18rem;font-weight:400;position:relative;padding-top:20px}.letter:before{content:"✦";display:block;text-align:center;color:var(--gold);font-size:1.2rem;opacity:.55;margin-bottom:28px;letter-spacing:.6em}.letter-opening{font-family:var(--font-script);font-size:clamp(2.4rem,7vw,3.4rem);color:var(--rose-soft);margin-bottom:56px;font-weight:600;text-align:center;letter-spacing:.01em}.letter-paragraph{margin-bottom:44px;text-align:justify;-webkit-hyphens:auto;hyphens:auto;text-indent:0;letter-spacing:.005em}.letter-paragraph:first-of-type:first-letter{font-family:var(--font-script);font-size:4.2rem;font-weight:700;color:var(--gold);float:left;line-height:.85;padding:8px 14px 0 0;margin-top:4px}.letter-paragraph:not(:last-of-type):after{content:"·  ·  ·";display:block;text-align:center;margin-top:36px;color:var(--gold);opacity:.35;letter-spacing:.6em;font-size:.85rem}.letter em{font-family:var(--font-script);font-style:normal;font-size:1.4em;color:var(--gold);font-weight:500;letter-spacing:.005em;line-height:1}.letter strong{font-weight:500;color:var(--gold)}.letter-closing{margin-top:56px;margin-bottom:28px;font-style:italic;color:var(--rose-soft);text-align:center;font-size:1.1em;line-height:1.7;letter-spacing:.01em}.letter-signature{font-family:var(--font-script);font-size:1.75rem;color:var(--gold);text-align:right;margin-top:12px;margin-bottom:40px;padding-right:8%;font-weight:500}.letter-seal{text-align:center;font-size:1.8rem;color:var(--rose);margin:40px 0 80px;animation:pulse 2.2s ease-in-out infinite}.gallery{margin-top:60px;padding-top:40px;border-top:1px solid rgba(232,200,121,.15)}.gallery-header{text-align:center;margin-bottom:48px}.gallery-label{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--rose);margin-bottom:12px}.gallery-title{font-family:var(--font-script);font-size:2.2rem;font-weight:600;color:var(--cream)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:32px;padding:12px}.polaroid{cursor:pointer;transform-origin:center;transition:transform .4s ease,box-shadow .4s ease}.polaroid-frame{background:var(--paper);padding:12px 12px 40px;box-shadow:0 4px 12px #0006,0 8px 32px #00000040;position:relative}.polaroid-frame:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-2deg);width:50px;height:16px;background:#e8c87959;border-radius:1px;box-shadow:0 2px 4px #0003}.polaroid-frame img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;filter:saturate(.95) contrast(1.02)}.polaroid:hover{transform:scale(1.04) rotate(0)!important;box-shadow:0 12px 40px #00000080;z-index:10}.finale{margin-top:100px;padding:60px 0 40px;border-top:1px solid rgba(232,200,121,.18);display:flex;flex-direction:column;align-items:center;text-align:center;gap:64px;position:relative}.finale:before{content:"✦";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--bg-deep);color:var(--gold);padding:0 14px;font-size:1rem;opacity:.6}.finale-stamp{display:inline-block;padding:18px 38px;border:2px dashed rgba(217,122,140,.5);border-radius:4px;background:#d97a8c0a;position:relative;transform:rotate(-2.5deg)}.finale-stamp:before,.finale-stamp:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#d97a8c66}.finale-stamp:before{top:8px;left:8px}.finale-stamp:after{bottom:8px;right:8px}.stamp-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.stamp-top,.stamp-bottom{font-family:var(--font-sans);font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:var(--rose);opacity:.85}.stamp-date{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:.18em;font-weight:500;color:var(--rose-soft)}.finale-counter{display:flex;flex-direction:column;align-items:center;gap:6px}.counter-eyebrow{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.38em;text-transform:uppercase;color:var(--ink-faded);margin-bottom:6px}.counter-days{font-family:var(--font-serif);font-weight:300;font-size:clamp(4rem,14vw,7rem);color:var(--gold);line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 24px rgba(232,200,121,.25)}.counter-label{font-family:var(--font-script);font-size:1.5rem;color:var(--cream);margin-top:4px;letter-spacing:.01em}.finale-heart{width:84px;height:78px;color:var(--rose);filter:drop-shadow(0 0 14px rgba(217,122,140,.4));transform-origin:center}.finale-closing{font-family:var(--font-script);font-size:clamp(1.6rem,4.5vw,2.2rem);color:var(--cream);font-weight:500;line-height:1.4;max-width:480px;letter-spacing:.01em}.finale-end{font-size:.9rem;color:var(--gold);opacity:0;letter-spacing:.6em;padding-left:.6em;margin-top:12px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#08050ceb;z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer}.lightbox img{max-width:95%;max-height:90vh;box-shadow:0 20px 60px #0009}.lightbox-close{position:absolute;top:24px;right:28px;width:44px;height:44px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--ink);font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.password-brand{font-family:var(--font-serif);font-size:1rem;letter-spacing:.2em;color:var(--ink-faded);margin-bottom:38px}.password-brand span{font-family:var(--font-script);font-size:1.75rem;color:var(--gold);letter-spacing:.01em;margin-right:4px}.password-inner{text-align:center;max-width:520px;width:100%}.password-lock{margin-bottom:22px;color:var(--gold);opacity:.75;display:inline-flex;transform-origin:center}.password-eyebrow{font-family:var(--font-sans);font-size:.72rem;letter-spacing:.4em;text-transform:uppercase;color:var(--rose);margin-bottom:14px}.password-hint{font-family:var(--font-script);font-size:clamp(1.6rem,5vw,2.2rem);color:var(--cream);font-weight:500;margin-bottom:40px;letter-spacing:.01em;line-height:1.2}.password-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:26px}.password-inputs input{width:46px;height:60px;background:#ffffff0a;border:1px solid rgba(232,200,121,.3);border-radius:4px;color:var(--gold);font-family:var(--font-serif);font-size:1.7rem;font-weight:500;text-align:center;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;caret-color:var(--gold);padding:0}.password-inputs input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8c87924;background:#ffffff14}.password-inputs input.filled{background:#e8c87914;border-color:#e8c87980}.password-error{font-family:var(--font-sans);font-size:.78rem;letter-spacing:.18em;color:var(--rose);min-height:1.2em;opacity:0;text-transform:lowercase}@media(max-width:480px){.password-inputs{gap:8px}.password-inputs input{width:40px;height:52px;font-size:1.45rem}}@media(max-width:360px){.password-inputs input{width:36px;height:48px;font-size:1.3rem}}#delivery{background:transparent;overflow:hidden;perspective:1000px}.bird{position:fixed;width:80px;height:40px;top:0;left:0;pointer-events:none;z-index:50;filter:drop-shadow(0 3px 10px rgba(0,0,0,.5));will-change:transform}.bird .wing{transform-origin:40px 20px;animation:wingFlap .32s ease-in-out infinite}.bird .wing-right{animation-delay:.08s}@keyframes wingFlap{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-1.5px) scaleY(.5)}}.bird .bird-group{animation:birdBob 1.1s ease-in-out infinite;transform-origin:center}@keyframes birdBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.envelope-stage{position:relative;display:flex;flex-direction:column;align-items:center;perspective:1200px}.envelope{position:relative;width:240px;height:152px;transform-style:preserve-3d;filter:drop-shadow(0 12px 28px rgba(0,0,0,.55))}.env-back{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#d8c8a4,#b8a47a);border-radius:3px;box-shadow:inset 0 0 28px #0000002e,inset 0 -3px #00000026}.env-body{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#c7b787,#b8a574);border-radius:3px;z-index:2;overflow:hidden;box-shadow:inset 0 14px 22px #00000038,inset 0 -2px 6px #0000001f}.env-body:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:30%;background:linear-gradient(180deg,#ecdeb9,#d8c699);clip-path:polygon(0 100%,100% 100%,50% 0);box-shadow:0 -2px 6px #00000014}.env-paper-edge{position:absolute;left:8%;right:8%;top:14%;height:4px;background:var(--paper);border-radius:1px;z-index:1;opacity:.6;box-shadow:0 0 4px #0000001a}.env-paper-inside{position:absolute;left:10%;right:10%;top:16%;bottom:10%;background:linear-gradient(180deg,#fdf6e7,#f1e6cd);border-radius:2px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:8px;z-index:1;opacity:0;box-shadow:0 3px 10px #0003;pointer-events:none;transform-origin:center bottom;will-change:transform,opacity}.paper-line{height:2px;background:#3a302038;border-radius:1px}.paper-line:nth-child(1){width:88%}.paper-line:nth-child(2){width:95%}.paper-line:nth-child(3){width:82%}.paper-line:nth-child(4){width:90%}.paper-line.short{width:45%}.env-flap{position:absolute;top:0;left:0;width:100%;height:60%;background:linear-gradient(180deg,#f0e2bd,#d8c699);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transform:rotateX(0);z-index:3;backface-visibility:hidden;box-shadow:0 2px 4px #0000001a}.env-seal{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%) scale(1);width:56px;height:56px;background:radial-gradient(circle at 35% 30%,#d65662,#a32430 60%,#6e1419);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cream);z-index:5;box-shadow:0 6px 14px #0000008c,inset 0 -3px 8px #00000059,inset 0 2px 4px #ffffff26;animation:sealGlow 2.4s ease-in-out infinite;pointer-events:none}.env-seal svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.4));transform:scale(.85)}@keyframes sealGlow{0%,to{box-shadow:0 6px 14px #0000008c,inset 0 -3px 8px #00000059,0 0 #d6566200}50%{box-shadow:0 6px 14px #0000008c,inset 0 -3px 8px #00000059,0 0 24px 4px #d6566259}}.envelope:hover{cursor:pointer}.envelope-hint{margin-top:64px;font-family:var(--font-sans);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faded);text-align:center;animation:hintPulse 2.2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:1}}#audio-player{position:fixed;top:18px;right:18px;display:none;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:40px;background:#140e18bf;border:1px solid rgba(232,200,121,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink);z-index:100;font-family:var(--font-sans);font-size:.72rem;box-shadow:0 8px 24px #0006;-webkit-user-select:none;user-select:none}#audio-player.visible{display:flex;animation:playerFadeIn .6s ease-out}@keyframes playerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.audio-btn{background:#e8c87926;border:none;color:var(--gold);cursor:pointer;width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease,transform .15s ease}.audio-btn:hover{background:#e8c87947;transform:scale(1.06)}.audio-btn:active{transform:scale(.94)}.audio-btn .ico{width:12px;height:12px;display:block}.audio-btn .ico.hidden{display:none}.audio-icon-btn{width:28px;height:28px;min-width:28px;background:transparent;color:var(--ink-faded);border:1px solid rgba(232,200,121,.22)}.audio-icon-btn svg{width:13px;height:13px;display:block}.audio-icon-btn:hover,.audio-icon-btn.is-active{background:#e8c87929;color:var(--gold);border-color:#e8c87973}.audio-volume{position:relative;display:flex;align-items:center}.volume-pop{position:absolute;top:calc(100% + 12px);right:-8px;display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:30px;background:#140e18f0;border:1px solid rgba(232,200,121,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 32px #00000080;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.volume-pop.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.volume-value{font-family:var(--font-sans);font-size:.62rem;letter-spacing:.04em;color:var(--gold);font-variant-numeric:tabular-nums;min-width:30px;text-align:right}#volume-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:108px;height:3px;border-radius:3px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--gold) 0%,var(--gold) var(--fill, 50%),rgba(255,255,255,.15) var(--fill, 50%),rgba(255,255,255,.15) 100%)}#volume-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;border:none;background:var(--gold);box-shadow:0 0 10px #e8c87999;cursor:pointer}#volume-range::-moz-range-thumb{width:13px;height:13px;border-radius:50%;border:none;background:var(--gold);box-shadow:0 0 10px #e8c87999;cursor:pointer}#volume-range::-moz-range-track{height:3px;border-radius:3px;background:transparent}.audio-info{display:flex;flex-direction:column;gap:4px;min-width:140px}.audio-title{font-size:.7rem;letter-spacing:.06em;color:var(--ink-faded);font-weight:400;white-space:nowrap}.audio-progress{position:relative;width:100%;height:3px;background:#ffffff1f;border-radius:3px;cursor:pointer;overflow:hidden}.audio-progress:after{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0;cursor:pointer}.audio-progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--gold);border-radius:3px;box-shadow:0 0 6px #e8c8798c;transition:width .18s linear}.audio-time{display:flex;gap:4px;align-items:center;font-variant-numeric:tabular-nums;color:var(--ink-faded);font-size:.68rem;letter-spacing:.04em;white-space:nowrap}.time-sep{opacity:.5}.hidden{display:none!important}@media(max-width:600px){.story-inner{padding:70px 22px 100px}.letter{font-size:1.05rem;line-height:1.85}.letter-opening{font-size:2rem;margin-bottom:32px}.letter em{font-size:1.3em}.letter-signature{font-size:1.4rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:20px}.gallery-title{font-size:1.8rem}.bird{width:60px;height:30px}.envelope{width:200px;height:126px}.env-seal{width:48px;height:48px}.envelope-hint{margin-top:52px;font-size:.68rem;letter-spacing:.28em}.finale{margin-top:80px;padding-top:50px;gap:48px}.finale-stamp{padding:14px 26px}.stamp-date{font-size:1.25rem}.finale-heart{width:68px;height:64px}.counter-label{font-size:1.3rem}#audio-player{top:auto;bottom:14px;left:12px;right:12px;padding:8px 12px 8px 8px;gap:10px}.audio-btn{width:30px;height:30px;min-width:30px}.audio-icon-btn{width:28px;height:28px;min-width:28px}.audio-info{min-width:0;flex:1}.audio-title{font-size:.64rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-time{font-size:.6rem}.volume-pop{top:auto;bottom:calc(100% + 12px);transform:translateY(6px)}.volume-pop.is-open{transform:translateY(0)}}@media(max-width:380px){.gallery-grid{grid-template-columns:1fr}}#nav{position:fixed;top:18px;left:18px;z-index:120;display:none;align-items:center;gap:8px}body.nav-on #nav{display:flex;animation:playerFadeIn .6s ease-out}.nav-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:40px;background:#140e18bf;border:1px solid rgba(232,200,121,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink-faded);font-family:var(--font-sans);font-size:.68rem;letter-spacing:.18em;text-transform:lowercase;cursor:pointer;white-space:nowrap;box-shadow:0 8px 24px #0006;transition:color .25s ease,border-color .25s ease,background .25s ease,transform .15s ease}.nav-btn svg{color:var(--gold);opacity:.85;flex-shrink:0}.nav-btn:hover{color:var(--cream);background:#201626e0;border-color:#e8c87980}.nav-btn:active{transform:scale(.96)}.nav-btn.is-active{color:var(--gold);border-color:#e8c87999}#cosmos{display:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0}#cosmos.active{display:block}.cosmos-head{min-height:100vh;max-width:620px;margin:0 auto;padding:0 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cosmos-eyebrow{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.42em;text-transform:uppercase;color:var(--rose);margin-bottom:26px}.cosmos-title{font-family:var(--font-serif);font-weight:300;font-size:clamp(2.4rem,8.5vw,4.4rem);line-height:1.08;letter-spacing:.02em}.cosmos-title span{font-family:var(--font-script);font-weight:700;color:var(--gold);font-size:1.18em}.cosmos-lede{margin-top:34px;max-width:440px;font-size:1.02rem;line-height:1.9;color:var(--ink-faded)}.cosmos-hint{margin-top:56px;font-family:var(--font-sans);font-size:.62rem;letter-spacing:.32em;text-transform:lowercase;color:var(--ink-faded);opacity:.75}.cosmos-hint i{display:block;width:1px;height:48px;margin:16px auto 0;background:linear-gradient(180deg,rgba(232,200,121,.7),transparent);transform-origin:top;animation:hintLine 2.6s ease-in-out infinite}@keyframes hintLine{0%,to{opacity:.25;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}.cosmos-map{position:relative;width:min(100%,680px);margin:0 auto;padding-left:46px;height:clamp(3400px,460vh,5600px)}.cosmos-axis{position:absolute;left:0;top:0;bottom:0;width:46px;pointer-events:none}.cosmos-axis:before{content:"";position:absolute;left:34px;top:3%;bottom:5%;width:1px;background:linear-gradient(180deg,transparent,rgba(232,200,121,.18) 10%,rgba(217,122,140,.18) 90%,transparent)}.axis-tick{position:absolute;left:0;width:30px;text-align:right;transform:translateY(-50%);font-family:var(--font-sans);font-size:.56rem;letter-spacing:.12em;color:#f2e8df57}.axis-tick:after{content:"";position:absolute;right:-10px;top:50%;width:6px;height:1px;background:#e8c87959}.axis-tick:last-of-type{font-size:1rem;color:#e8c87980}.cosmos-field{position:absolute;left:46px;right:0;top:0;bottom:0}.cosmos-threads{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.thread{stroke-width:2;stroke-linecap:round}.thread-a{stroke:var(--gold);opacity:.92}.thread-b{stroke:var(--rose);opacity:.92}.thread-braid{stroke:#f0dcae;stroke-width:2.2;opacity:.95}.thread-braid.alt{stroke:#e6a3b3}.nebula{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.22}.nebula-1{width:320px;height:320px;left:-16%;top:4%;background:radial-gradient(circle,rgba(232,200,121,.55),transparent 70%)}.nebula-2{width:360px;height:360px;right:-20%;top:30%;background:radial-gradient(circle,rgba(217,122,140,.5),transparent 70%)}.nebula-3{width:460px;height:460px;left:50%;margin-left:-230px;top:calc(65.4% - 230px);background:radial-gradient(circle,rgba(168,130,224,.4),transparent 70%);opacity:.3}.comet{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .35s ease;will-change:left,top}.comet-a{background:var(--gold);box-shadow:0 0 12px 4px #e8c8798c,0 0 34px 12px #e8c8792e}.comet-b{background:var(--rose-soft);box-shadow:0 0 12px 4px #d97a8c8c,0 0 34px 12px #d97a8c2e}.comet-one{width:13px;height:13px;margin:-6.5px 0 0 -6.5px;background:var(--cream);box-shadow:0 0 16px 6px #f6efe480,0 0 44px 16px #e8c87938}.cosmos-marker{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;opacity:0;transform:scale(.35);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.8,.3,1)}.cosmos-marker.is-lit{opacity:1;transform:scale(1)}.marker-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;color:var(--cream);background:currentColor;box-shadow:0 0 14px 4px #f6efe466}.marker-ring{position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;border-radius:50%;border:1px solid rgba(246,239,228,.22)}.marker-ring.ring-2{top:-22px;right:-22px;bottom:-22px;left:-22px;border-color:#f6efe41a}.marker-star{width:17px;height:17px;margin:-8.5px 0 0 -8.5px}.marker-star .marker-core:before,.marker-star .marker-core:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.55}.marker-star .marker-core:before{width:62px;height:1px;transform:translate(-50%,-50%)}.marker-star .marker-core:after{width:46px;height:1px;transform:translate(-50%,-50%) rotate(90deg)}.cosmos-marker[data-id=tuna] .marker-core{color:var(--gold);box-shadow:0 0 18px 5px #e8c87980}.cosmos-marker[data-id=evrem] .marker-core{color:var(--rose-soft);box-shadow:0 0 18px 5px #d97a8c80}.marker-knot{width:24px;height:24px;margin:-12px 0 0 -12px}.marker-knot .marker-core{color:var(--gold);background:radial-gradient(circle at 50% 50%,#fffaf0 0%,var(--gold) 42%,rgba(232,200,121,.15) 74%);box-shadow:0 0 34px 12px #e8c87959}.marker-knot.is-lit .marker-ring{border-color:#e8c87966;animation:knotPulse 3.4s ease-out infinite}.marker-knot.is-lit .marker-ring.ring-2{animation-delay:1.7s}@keyframes knotPulse{0%{transform:scale(.45);opacity:.85}to{transform:scale(2.6);opacity:0}}.marker-near{width:11.5%;height:0;margin:0 0 0 -6.3%;border-top:1px dashed rgba(246,239,228,.4)}.marker-near .marker-core,.marker-near .marker-ring,.marker-drift{display:none}.marker-letter{width:19px;height:19px;margin:-9.5px 0 0 -9.5px}.marker-letter .marker-core{color:var(--gold);box-shadow:0 0 20px 6px #e8c87973}.marker-now .marker-core{color:var(--rose-soft);box-shadow:0 0 18px 5px #d97a8c73}.marker-now.is-lit .marker-ring{animation:knotPulse 3.8s ease-out infinite;border-color:#d97a8c59}.marker-forever{width:16px;height:16px;margin:-8px 0 0 -8px}.marker-forever .marker-core{color:var(--cream);background:radial-gradient(circle,#fff,#f6efe433 70%);box-shadow:0 0 30px 12px #f6efe440}.cosmos-marker.is-clickable{cursor:pointer}.cosmos-marker.is-clickable.is-lit:hover{transform:scale(1.3)}.card-slot{position:absolute;left:0;right:0;padding:36px 2% 0;display:flex;pointer-events:none}.card-slot.align-left{justify-content:flex-start}.card-slot.align-right{justify-content:flex-end}.card-slot.align-center{justify-content:center}.cosmos-card{position:relative;width:min(100%,350px);padding:20px 22px 22px 24px;border-radius:14px;background:#0f0a13a8;border:1px solid rgba(232,200,121,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 50px #00000073;pointer-events:auto;overflow:hidden}.cosmos-card:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:2px;background:linear-gradient(180deg,transparent,rgba(232,200,121,.55),transparent)}.card-date{font-family:var(--font-sans);font-size:.6rem;letter-spacing:.3em;text-transform:lowercase;color:var(--rose);margin-bottom:10px}.card-title{font-family:var(--font-serif);font-weight:400;font-size:1.55rem;line-height:1.2;color:var(--cream);margin-bottom:12px;letter-spacing:.01em}.card-text{font-family:var(--font-serif);font-size:1rem;line-height:1.78;color:var(--ink-faded)}.card-text em{font-family:var(--font-script);font-style:normal;font-size:1.32em;color:var(--gold);line-height:1}#moment-tuna .cosmos-card:before{background:linear-gradient(180deg,transparent,rgba(232,200,121,.7),transparent)}#moment-tuna .card-title{color:var(--gold)}#moment-evrem .cosmos-card:before{background:linear-gradient(180deg,transparent,rgba(217,122,140,.7),transparent)}#moment-evrem .card-title{color:var(--rose-soft)}.cosmos-card.kind-knot{width:min(100%,390px);border-color:#e8c87952;box-shadow:0 20px 60px #0000008c,0 0 46px #e8c87914}.cosmos-card.kind-knot .card-title{font-family:var(--font-script);font-size:2.1rem;color:var(--gold)}.cosmos-card.kind-forever .card-title,.cosmos-card.kind-now .card-title{font-family:var(--font-script);font-size:1.9rem;color:var(--cream)}.card-counter{display:flex;align-items:baseline;gap:10px;margin-top:16px}.counter-num{font-family:var(--font-serif);font-weight:300;font-size:3rem;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(232,200,121,.25)}.counter-unit{font-family:var(--font-script);font-size:1.4rem;color:var(--cream)}.card-counter-label{font-family:var(--font-sans);font-size:.58rem;letter-spacing:.22em;color:var(--ink-faded);opacity:.7;margin-top:8px}.card-cta,.foot-btn{margin-top:20px;display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:30px;background:#e8c8791a;border:1px solid rgba(232,200,121,.4);color:var(--gold);font-family:var(--font-sans);font-size:.68rem;letter-spacing:.22em;text-transform:lowercase;cursor:pointer;transition:background .25s ease,box-shadow .25s ease,transform .15s ease}.card-cta:hover,.foot-btn:hover{background:#e8c87933;box-shadow:0 0 24px #e8c87938}.card-cta:active,.foot-btn:active{transform:scale(.97)}.cosmos-foot{max-width:620px;margin:0 auto;padding:30px 26px 150px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.foot-mark{color:var(--gold);opacity:.5;letter-spacing:.6em;padding-left:.6em}.foot-line{font-family:var(--font-script);font-size:clamp(1.6rem,5vw,2.2rem);color:var(--cream)}.foot-btn{margin-top:4px}.foot-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}#birthday{display:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0}#birthday.active{display:block}.bd-inner{max-width:620px;margin:0 auto;padding:0 26px 120px}.bd-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bd-star{position:relative;width:16px;height:16px;margin-bottom:60px}.bd-star-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fffaf0 0%,var(--gold) 45%,rgba(232,200,121,.1) 75%);box-shadow:0 0 30px 10px #e8c87966,0 0 70px 26px #e8c87924;animation:bdStarPulse 3.2s ease-in-out infinite}.bd-star-core:before,.bd-star-core:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,rgba(232,200,121,.7),transparent)}.bd-star-core:before{width:120px;height:1px;transform:translate(-50%,-50%)}.bd-star-core:after{width:78px;height:1px;transform:translate(-50%,-50%) rotate(90deg)}@keyframes bdStarPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:1}}.bd-star-ring{position:absolute;top:-26px;right:-26px;bottom:-26px;left:-26px;border-radius:50%;border:1px solid rgba(232,200,121,.22)}.bd-star-ring.ring-2{top:-48px;right:-48px;bottom:-48px;left:-48px;border-color:#d97a8c29}.bd-star-orbit{position:absolute;top:-48px;right:-48px;bottom:-48px;left:-48px;border-radius:50%;animation:bdOrbit 14s linear infinite}.bd-star-orbit i{position:absolute;top:-3px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--rose-soft);box-shadow:0 0 12px 3px #d97a8c80}@keyframes bdOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bd-eyebrow{font-family:var(--font-sans);font-size:.66rem;letter-spacing:.38em;text-transform:lowercase;color:var(--rose);margin-bottom:22px}.bd-title{font-family:var(--font-script);font-weight:700;font-size:clamp(3rem,12vw,5.4rem);line-height:1;color:var(--gold);text-shadow:0 0 40px rgba(232,200,121,.25)}.bd-lede{margin-top:32px;max-width:460px;font-size:1.05rem;line-height:1.9;color:var(--ink-faded)}.bd-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:20px 0 90px}.bd-stat{flex:1 1 140px;min-width:120px;padding:22px 14px 20px;border-radius:14px;background:#0f0a1399;border:1px solid rgba(232,200,121,.14);text-align:center}.bd-stat-value{display:block;font-family:var(--font-serif);font-weight:300;font-size:2.5rem;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(232,200,121,.22)}.bd-stat-label{display:block;margin-top:10px;font-family:var(--font-sans);font-size:.58rem;letter-spacing:.18em;color:var(--ink-faded);opacity:.75;line-height:1.5}.bd-effects{position:relative;text-align:center;padding:40px 0 80px}.bd-ripple{position:absolute;top:150px;left:50%;width:0;height:0;pointer-events:none}.bd-ripple i{position:absolute;top:50%;left:50%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;border:1px solid rgba(232,200,121,.3);animation:bdRipple 6s ease-out infinite}.bd-ripple i:nth-child(2){animation-delay:2s}.bd-ripple i:nth-child(3){animation-delay:4s}@keyframes bdRipple{0%{transform:scale(.2);opacity:.55}to{transform:scale(2.4);opacity:0}}.bd-effects-sub{font-family:var(--font-sans);font-size:.62rem;letter-spacing:.28em;text-transform:lowercase;color:var(--rose);margin-bottom:14px}.bd-effects-title{font-family:var(--font-script);font-weight:600;font-size:clamp(1.9rem,6.5vw,2.8rem);color:var(--cream);margin-bottom:48px;line-height:1.15}.bd-lines{list-style:none;text-align:left;display:flex;flex-direction:column;gap:30px}.bd-line{display:flex;gap:16px;align-items:flex-start}.bd-line-mark{color:var(--gold);opacity:.6;font-size:.8rem;line-height:1.9;flex-shrink:0}.bd-line p{font-family:var(--font-serif);font-size:1.06rem;line-height:1.85;color:var(--ink-faded)}.bd-wish{text-align:center;padding:40px 0 70px;border-top:1px solid rgba(232,200,121,.12)}.bd-candle-wrap{position:relative;display:inline-block;cursor:pointer;padding:30px 40px 10px;transition:transform .2s ease}.bd-candle-wrap:active{transform:scale(.97)}.bd-candle-wrap.is-out{cursor:default}.bd-candle-wrap.is-out .bd-flame,.bd-candle-wrap.is-out .bd-candle-glow{animation:none}.bd-candle{width:74px;height:138px;display:block;position:relative;z-index:2;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5))}.bd-flame{transform-origin:40px 48px;animation:bdFlicker 1.6s ease-in-out infinite}@keyframes bdFlicker{0%,to{transform:scale(1) translate(0)}30%{transform:scale(.94,1.08) translate(-.8px)}60%{transform:scale(1.06,.95) translate(.8px)}}.bd-candle-glow{position:absolute;top:22px;left:50%;width:150px;height:150px;margin-left:-75px;border-radius:50%;background:radial-gradient(circle,rgba(240,180,41,.32),transparent 65%);filter:blur(12px);z-index:1;animation:bdGlow 2.4s ease-in-out infinite}@keyframes bdGlow{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.bd-smoke{position:absolute;top:36px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#dcd6cd59;filter:blur(4px);pointer-events:none;z-index:3}.bd-spark{position:absolute;top:40px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px 2px #e8c8798c;pointer-events:none;z-index:3}.bd-spark.rose{background:var(--rose-soft);box-shadow:0 0 10px 2px #d97a8c8c}.bd-wish-hint{margin-top:24px;font-family:var(--font-sans);font-size:.66rem;letter-spacing:.3em;text-transform:lowercase;color:var(--ink-faded);animation:hintPulse 2.4s ease-in-out infinite}.bd-wish-hint.is-done{color:var(--gold);animation:none}.bd-wish-after{margin-top:18px;font-family:var(--font-script);font-size:1.6rem;color:var(--cream)}.bd-foot{text-align:center;padding-top:30px;border-top:1px solid rgba(232,200,121,.12)}.bd-closing{font-family:var(--font-script);font-size:clamp(1.8rem,6vw,2.4rem);color:var(--cream);line-height:1.3}.bd-sign{margin-top:20px;font-family:var(--font-serif);font-size:1rem;letter-spacing:.14em;color:var(--gold);opacity:.85}.bd-heart{margin-top:34px;font-size:1.6rem;color:var(--rose);animation:pulse 2.2s ease-in-out infinite}#timeline-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08050c99;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:130}#timeline-backdrop.is-open{opacity:1;pointer-events:auto}#timeline-panel{position:fixed;top:0;left:0;bottom:0;width:min(400px,88vw);display:flex;flex-direction:column;background:linear-gradient(180deg,#18101cf7,#0c0810fa);border-right:1px solid rgba(232,200,121,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:26px 0 60px #00000080;transform:translate(-102%);transition:transform .45s cubic-bezier(.4,0,.2,1);z-index:140}#timeline-panel.is-open{transform:translate(0)}.tl-head{display:flex;align-items:flex-start;justify-content:space-between;padding:26px 24px 20px;border-bottom:1px solid rgba(232,200,121,.14)}.tl-eyebrow{font-family:var(--font-sans);font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;color:var(--rose);margin-bottom:8px}.tl-title{font-family:var(--font-script);font-size:1.9rem;font-weight:600;color:var(--cream);line-height:1}.tl-close{background:none;border:none;color:var(--ink-faded);font-size:1.7rem;line-height:1;cursor:pointer;padding:0 4px;transition:color .2s ease}.tl-close:hover{color:var(--gold)}.tl-list{list-style:none;flex:1;overflow-y:auto;position:relative;padding:26px 22px 26px 26px}.tl-list:before{content:"";position:absolute;left:31px;top:32px;bottom:36px;width:1px;background:linear-gradient(180deg,#e8c87966,#d97a8c66)}.tl-item{position:relative;padding:0 0 26px 26px;cursor:pointer;outline:none}.tl-item:last-child{padding-bottom:6px}.tl-dot{position:absolute;left:0;top:5px;width:11px;height:11px;border-radius:50%;background:#140e18;border:1.5px solid rgba(246,239,228,.5);transition:box-shadow .25s ease,border-color .25s ease}.tl-item.kind-star .tl-dot{border-color:var(--rose)}.tl-item.kind-knot .tl-dot,.tl-item.kind-letter .tl-dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 12px #e8c8798c}.tl-date{font-family:var(--font-sans);font-size:.58rem;letter-spacing:.26em;text-transform:lowercase;color:var(--rose);margin-bottom:5px}.tl-name{font-family:var(--font-serif);font-size:1.16rem;font-weight:500;color:var(--cream);margin-bottom:4px;transition:color .2s ease}.tl-note{font-family:var(--font-serif);font-size:.92rem;line-height:1.55;color:var(--ink-faded);opacity:.8}.tl-cta{display:inline-block;margin-top:10px;font-family:var(--font-sans);font-size:.6rem;letter-spacing:.22em;color:var(--gold);border-bottom:1px solid rgba(232,200,121,.4);padding-bottom:3px}.tl-item:hover .tl-name,.tl-item:focus-visible .tl-name{color:var(--gold)}.tl-item:hover .tl-dot,.tl-item:focus-visible .tl-dot{border-color:var(--gold);box-shadow:0 0 14px #e8c87999}.tl-item.has-link .tl-name{color:var(--gold)}.tl-foot{padding:14px 24px 20px;border-top:1px solid rgba(232,200,121,.12);font-family:var(--font-sans);font-size:.58rem;letter-spacing:.2em;color:var(--ink-faded);opacity:.6;text-align:center}.delivery-skip{position:absolute;bottom:32px;right:28px;background:none;border:none;color:var(--ink-faded);font-family:var(--font-sans);font-size:.66rem;letter-spacing:.28em;text-transform:lowercase;cursor:pointer;opacity:0;padding:10px 6px;z-index:60;transition:color .2s ease}.delivery-skip:hover{color:var(--gold)}@media(max-width:600px){#nav{top:12px;left:12px;gap:6px}.nav-btn{padding:7px 12px;font-size:.6rem;letter-spacing:.1em;gap:6px}#back-btn span{display:none}.cosmos-lede{font-size:.96rem;line-height:1.85}.cosmos-hint{margin-top:42px}.cosmos-map{padding-left:40px;height:clamp(3600px,560vh,5200px)}.cosmos-axis{width:40px}.cosmos-axis:before{left:31px}.axis-tick{left:2px;width:26px;font-size:.5rem;letter-spacing:.08em}.axis-tick:after{right:-7px;width:5px}.cosmos-field{left:40px}.card-slot{padding:32px 3% 0;justify-content:center}.cosmos-card{width:100%;padding:18px 18px 20px 20px}.cosmos-card.kind-knot{width:100%}.card-title{font-size:1.4rem}.cosmos-card.kind-knot .card-title{font-size:1.85rem}.card-text{font-size:.95rem;line-height:1.72}.counter-num{font-size:2.5rem}.cosmos-foot{padding-bottom:110px}.bd-inner{padding:0 22px 100px}.bd-star{margin-bottom:52px}.bd-star-core:before{width:90px}.bd-star-core:after{width:60px}.bd-lede{font-size:.98rem;line-height:1.85}.bd-stats{gap:10px;padding-bottom:70px}.bd-stat{flex:1 1 92px;min-width:92px;padding:18px 8px 16px}.bd-stat-value{font-size:1.9rem}.bd-stat-label{font-size:.52rem;letter-spacing:.12em}.bd-line p{font-size:1rem;line-height:1.8}.bd-lines{gap:26px}.bd-effects-title{margin-bottom:38px}.bd-ripple i{width:170px;height:170px;margin:-85px 0 0 -85px}.bd-candle{width:64px;height:120px}.bd-wish-after{font-size:1.4rem}.tl-head{padding:22px 18px 16px}.tl-list{padding:22px 16px 22px 20px}.tl-list:before{left:25px}.delivery-skip{bottom:82px;right:18px}.cosmos-foot{padding-bottom:150px}.bd-inner{padding:0 22px 140px}.story-inner{padding:70px 22px 150px}}@media(max-width:420px){#audio-player{left:10px;right:10px;gap:8px}.audio-time{font-size:.56rem}.nav-btn{padding:7px 11px}#volume-range{width:92px}}