@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Manrope:wght@200;300;400;500;600&display=swap";:root{--accent: #a9c4ef;--gold: #e7cfa6;--text: #eef2f8;--muted: rgba(238, 242, 248, .6);--faint: rgba(238, 242, 248, .32);--display: "Cormorant Garamond", Georgia, serif;--sans: "Manrope", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#000;color:var(--text);font-family:var(--sans);overflow:hidden}#bg{position:fixed;inset:0;z-index:0}#bg canvas{display:block}#slides{position:fixed;inset:0;z-index:2;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;height:100vh;scrollbar-width:none;-webkit-overflow-scrolling:touch}#slides::-webkit-scrollbar{display:none}.slide{height:100vh;scroll-snap-align:start;display:flex;align-items:center;padding:8vh 9vw;position:relative}.slide-inner{position:relative;isolation:isolate;max-width:680px;opacity:0;transform:translateY(46px);filter:blur(10px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1)}.slide-inner:before{content:"";position:absolute;inset:-55% -42%;z-index:-1;background:radial-gradient(50% 48% at 40% 50%,#02040ee6,#02040ead 40%,#02040e4d 66%,#02040e00 86%);pointer-events:none}.slide.center .slide-inner:before{background:radial-gradient(52% 50% at 50% 50%,#02040eeb,#02040eb8 42%,#02040e57 68%,#02040e00 88%)}body.ready .slide.active .slide-inner{opacity:1;transform:translateY(0);filter:blur(0)}.slide.right-nav{justify-content:flex-end}.slide.center{justify-content:center;text-align:center}.slide.center .slide-inner{max-width:760px}.kicker{font-family:var(--sans);font-weight:500;font-size:clamp(.68rem,1.05vw,.84rem);letter-spacing:.44em;text-transform:uppercase;color:var(--gold);margin:0 0 1.5rem;display:inline-flex;align-items:center;gap:.9rem}.kicker:before{content:"";width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.title{font-family:var(--display);font-weight:500;line-height:1.02;margin:0;font-size:clamp(3rem,8.4vw,6.6rem);letter-spacing:.005em;background:linear-gradient(116deg,#fff,#e4ecff 34%,#f6ead1 66%,#d7e2f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 70px rgba(180,205,255,.16)}.subtitle{font-family:var(--sans);font-weight:300;font-size:clamp(.9rem,1.9vw,1.35rem);letter-spacing:.22em;text-transform:uppercase;color:var(--text);margin:1.4rem 0 0;opacity:.88}.subtitle:empty{display:none}.body{font-family:var(--sans);font-weight:300;font-size:clamp(.98rem,1.5vw,1.14rem);line-height:1.8;color:var(--muted);margin:1.8rem 0 0;max-width:56ch;text-shadow:0 2px 24px rgba(0,0,0,.8)}.slide.center .body{margin-left:auto;margin-right:auto}.detail{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:.7rem 1.6rem;font-size:.8rem;letter-spacing:.06em;color:var(--faint)}.detail span b{color:var(--accent);font-weight:500}.slide.wide .slide-inner{max-width:820px}.timeline{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.tl-item{display:grid;grid-template-columns:62px 1fr;gap:1.1rem;align-items:start}.tl-year{font-family:var(--display);font-size:1.55rem;line-height:1.1;color:var(--gold);text-align:right}.tl-body{position:relative;border-left:1px solid rgba(169,196,239,.25);padding:.1rem 0 .1rem 1.2rem}.tl-body:before{content:"";position:absolute;left:-4.5px;top:.55rem;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.tl-title{display:block;font-weight:500;color:var(--text);letter-spacing:.03em}.tl-text{display:block;margin-top:.15rem;color:var(--faint);font-size:.86rem}.quotes{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quote{margin:0;padding:1.1rem 1.2rem;border:1px solid rgba(238,242,248,.12);border-radius:14px;background:#0a101e61;backdrop-filter:blur(6px)}.quote blockquote{margin:0;font-size:.98rem;line-height:1.6;color:var(--text)}.quote figcaption{margin-top:.7rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.countdown{margin-top:2.4rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1.8rem}.cd-unit{display:flex;flex-direction:column;align-items:center;min-width:76px}.cd-num{font-family:var(--display);font-size:clamp(2.4rem,6vw,3.6rem);line-height:1;color:#fff;text-shadow:0 0 34px rgba(169,196,239,.4)}.cd-lbl{margin-top:.5rem;font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--faint)}.slide.interactive{cursor:crosshair}.wish{position:absolute;transform:translate(-50%,-50%);font-family:var(--display);font-size:1.5rem;color:#f2dca9;white-space:nowrap;pointer-events:none;text-shadow:0 0 20px rgba(231,207,166,.85),0 0 6px rgba(0,0,0,.8);animation:wishFloat 2.6s cubic-bezier(.2,.7,.3,1) forwards}@keyframes wishFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}15%{opacity:1;transform:translate(-50%,-62%) scale(1)}to{opacity:0;transform:translate(-50%,-200%) scale(1.05)}}.credit{margin:3rem 0 0;padding-top:1.6rem;border-top:1px solid rgba(238,242,248,.14);font-size:clamp(.92rem,1.5vw,1.08rem);line-height:1.95;letter-spacing:.01em;color:var(--muted);max-width:62ch}.slide.center .credit{margin-left:auto;margin-right:auto}.credit b{color:var(--text);font-weight:600}.credit a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(169,196,239,.45);pointer-events:auto}.credit a:hover{border-bottom-color:var(--accent)}#dots{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:14px}.dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(238,242,248,.32);background:transparent;cursor:pointer;padding:0;transition:all .4s ease;position:relative}.dot:hover{border-color:#fff}.dot.active{background:linear-gradient(120deg,var(--accent),var(--gold));border-color:transparent;box-shadow:0 0 16px #a9c4efb3;transform:scale(1.3)}#progress{position:fixed;left:0;bottom:0;height:2px;width:100%;background:#ffffff12;z-index:6}#progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .4s ease;box-shadow:0 0 14px #a9c4efcc}#hint{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;color:var(--faint);opacity:0;transition:opacity .8s ease}body.ready #hint:not(.hidden){opacity:1}#hint .chev{font-size:1rem;animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(-2px);opacity:.5}50%{transform:translateY(4px);opacity:1}}.sky-label{font-family:var(--sans);font-weight:400;font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:#d0def894;white-space:nowrap;text-shadow:0 0 10px rgba(0,0,0,.85),0 0 3px rgba(0,0,0,.9);transition:opacity .5s ease;will-change:transform,opacity}.sky-label.is-star{color:#e4edffc7;letter-spacing:.3em}.sky-label.is-const{color:#bccdee66;letter-spacing:.34em;font-size:.56rem}.sky-label.is-moon{color:#e2e9fad9;letter-spacing:.3em}.sky-label.is-planet{color:#ffe3c2b3;letter-spacing:.28em;font-size:.54rem}.sky-label.is-cristian{color:#f2dca9;font-size:.64rem;letter-spacing:.26em;text-shadow:0 0 16px rgba(231,207,166,.9),0 0 5px rgba(0,0,0,.95)}.sky-label.is-cristian:before{content:"✦ ";color:var(--gold)}.sound{position:fixed;right:22px;bottom:22px;z-index:7;width:42px;height:42px;border-radius:50%;border:1px solid rgba(238,242,248,.22);background:#0a101e80;backdrop-filter:blur(8px);cursor:pointer;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .8s ease,border-color .3s ease,transform .3s ease}body.ready .sound{opacity:1;pointer-events:auto}.sound:hover{border-color:#eef2f899;transform:scale(1.06)}.sound .wave{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--accent);position:relative}.sound .wave:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(169,196,239,.5);animation:pulse 2.4s ease-in-out infinite}.sound.muted .wave{border-color:#eef2f866}.sound.muted .wave:after{inset:50%;width:16px;height:1.5px;border:none;background:#eef2f880;border-radius:0;transform:rotate(-45deg) translate(-8px);animation:none}@keyframes pulse{0%,to{transform:scale(.85);opacity:.35}50%{transform:scale(1.1);opacity:.7}}.sound-nudge{position:fixed;left:50%;bottom:70px;transform:translate(-50%) translateY(12px);z-index:7;display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1.2rem;border-radius:999px;border:1px solid rgba(231,207,166,.38);background:#0a101e8c;backdrop-filter:blur(8px);color:var(--text);font-family:var(--sans);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .7s ease,transform .7s ease,border-color .3s ease}.sound-nudge.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.sound-nudge:hover{border-color:#e7cfa6bf}.sound-nudge.on{border-color:#a9c4ef52}.nudge-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);animation:pulse 2s ease-in-out infinite}.sound-nudge.on .nudge-dot{background:var(--accent);box-shadow:0 0 12px var(--accent);animation:none;opacity:1;transform:none}#preloader{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 30%,#0a1020,#02030a 60%,#000);transition:opacity .9s ease}#preloader.hidden{opacity:0;pointer-events:none}.pre-inner{width:min(78vw,420px);text-align:center;display:flex;flex-direction:column;align-items:center}.pre-star{font-size:1.6rem;color:var(--gold);margin-bottom:1.6rem;animation:spin 9s linear infinite;text-shadow:0 0 24px rgba(231,207,166,.5)}@keyframes spin{to{transform:rotate(360deg)}}.pre-title{font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:.02em;background:linear-gradient(116deg,#fff,#e4ecff 40%,#f6ead1 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pre-sub{margin-top:.6rem;font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--faint)}.pre-bar{margin-top:2.4rem;width:100%;height:1px;background:#ffffff1f;overflow:hidden}.pre-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .35s ease}.pre-pct{margin-top:.9rem;font-size:.72rem;letter-spacing:.28em;color:var(--faint)}.pre-start{margin-top:2.2rem;padding:.85rem 2.1rem;border-radius:999px;border:1px solid rgba(238,242,248,.24);background:transparent;color:var(--text);font-family:var(--sans);font-weight:400;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:all .4s ease}.pre-start:disabled{opacity:.4;cursor:default}.pre-start.ready{border-color:#a9c4efb3;box-shadow:0 0 30px #a9c4ef40;animation:breathe 2.6s ease-in-out infinite}.pre-start.ready:hover{background:#a9c4ef1f}@keyframes breathe{0%,to{box-shadow:0 0 24px #a9c4ef2e}50%{box-shadow:0 0 40px #a9c4ef59}}@media (max-width: 760px){.slide{padding:12vh 7vw;align-items:flex-end;padding-bottom:16vh}.slide.right-nav{justify-content:flex-start}.slide.center{align-items:center}.title{font-size:clamp(2.6rem,12vw,3.6rem)}.kicker{letter-spacing:.34em;font-size:.66rem}.body{font-size:.96rem;line-height:1.7}.detail{gap:.5rem 1.2rem;font-size:.72rem;margin-top:1.8rem}.slide-inner{max-width:100%}.slide-inner:before{inset:-30% -18%;background:radial-gradient(70% 60% at 50% 60%,#02040ed1,#02040e66 55%,#02040e00 85%)}#dots{right:12px;gap:10px}.dot{width:8px;height:8px}.sound{right:16px;bottom:16px;width:38px;height:38px}.sound-nudge{bottom:62px;font-size:.64rem;padding:.45rem 1rem;letter-spacing:.16em}#hint{bottom:18px}.sky-label{font-size:.5rem;letter-spacing:.2em}.sky-label.is-const{font-size:.46rem}.tl-year{font-size:1.25rem}.tl-item{grid-template-columns:50px 1fr;gap:.8rem}.quotes{grid-template-columns:1fr;gap:.7rem}.countdown{gap:1.1rem}.cd-unit{min-width:60px}.wish{font-size:1.2rem}}@media (prefers-reduced-motion: reduce){.pre-star,#hint .chev,.sound .wave:after,.pre-start.ready{animation:none}}