@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Manrope:wght@400;500;600&display=swap";:root{color:#f8f1df;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f8f1df;--muted:#bbb9d2;--night:#080a24;--paper:#f4ead1;background:#080a24;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #ffe39c}.universe{background:radial-gradient(circle at 18% 12%,#574ba659,#0000 30rem),radial-gradient(circle at 86% 34%,#2a6f9140,#0000 32rem),linear-gradient(#080a24 0%,#121038 48%,#080a24 100%);min-height:100vh;position:relative;overflow:hidden}.universe:before{content:"";pointer-events:none;z-index:20;opacity:.18;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 20% 30%,#ffffff1f 0 1px,#0000 1.5px),radial-gradient(circle at 75% 65%,#ffffff17 0 1px,#0000 1.5px);background-size:13px 17px,19px 23px;position:fixed;inset:0}.star-field{pointer-events:none;z-index:0;position:fixed;inset:0}.star-field i{--x:calc(((var(--i) * 47) % 101) * 1%);--y:calc(((var(--i) * 67) % 97) * 1%);left:var(--x);top:var(--y);width:calc(2px + (var(--i) % 3) * 1px);height:calc(2px + (var(--i) % 3) * 1px);opacity:calc(.3 + (var(--i) % 5) * .12);animation:twinkle calc(3s + (var(--i) % 5) * 1s) ease-in-out infinite alternate;background:#fff8d9;border-radius:50%;position:absolute;box-shadow:0 0 8px #fff1ad}@keyframes twinkle{to{opacity:.15;transform:scale(.7)}}@keyframes drift{50%{transform:translateY(-10px)rotate(5deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}}.skip-link{z-index:100;background:var(--paper);color:#19172d;border-radius:6px;padding:.75rem 1rem;position:fixed;top:-60px;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gate{z-index:1;text-align:center;place-content:center;justify-items:center;min-height:100svh;padding:4rem 1.25rem;display:grid;position:relative}.gate:before{content:"";aspect-ratio:1;filter:blur(4px);background:radial-gradient(circle,#aca0ee21,#0000 68%);border-radius:50%;width:min(75vw,620px);position:absolute}.kicker,.chapter-eyebrow{color:#f5d998;letter-spacing:.25em;text-transform:uppercase;margin:0 0 1rem;font-size:.72rem;font-weight:600}h1,h2{font-family:Cormorant Garamond,serif;font-weight:500}.gate h1{letter-spacing:-.04em;text-shadow:0 0 32px #d5cdff2e;max-width:900px;margin:0;font-size:clamp(3.2rem,8vw,7.25rem);line-height:.88;position:relative}h1 em,h2 em{color:#f3d899;font-weight:400}.gate-intro{max-width:34rem;color:var(--muted);margin:1.75rem auto 2.5rem;line-height:1.7;position:relative}.gate-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1f1d48d1,#0e1236bf);border:1px solid #ffefc138;border-radius:10px;width:min(100%,610px);padding:clamp(1.5rem,4vw,2.35rem);position:relative;box-shadow:0 28px 90px #00000059,inset 0 1px #ffffff0d}.gate-card label{margin-bottom:1.25rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.35rem,4vw,1.75rem);display:block}.answer-row{gap:.65rem;display:flex}.answer-row input{color:#fff;background:#04061aa6;border:1px solid #ffffff26;border-radius:6px;flex:1;min-width:0;padding:.9rem 1rem}.answer-row input::placeholder{color:#8887a8}.answer-row button,.begin-link{color:#211d39;cursor:pointer;background:#f0d98f;border:1px solid #ead187;border-radius:6px;padding:.9rem 1.25rem;font-weight:600;transition:transform .2s,box-shadow .2s}.answer-row button:hover:not(:disabled),.begin-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f4d78933}.answer-row button:disabled{opacity:.5;cursor:not-allowed}.gate-message{color:#aaa8c6;min-height:1.4em;margin:1rem 0 0;font-size:.78rem}.gate-orbit{border:1px solid #f0d98f2e;border-radius:50%;width:min(84vw,780px);height:min(45vw,260px);position:absolute;top:11%;left:50%;transform:translate(-50%)rotate(-8deg)}.gate-orbit span{color:#ffe7a1;filter:drop-shadow(0 0 10px #fff1af);animation:4s ease-in-out infinite drift;position:absolute;top:4%;right:12%}.countdown-gate{z-index:1;text-align:center;place-content:center;justify-items:center;min-height:100svh;padding:5rem 1.25rem;display:grid;position:relative}.countdown-gate:before{content:"";aspect-ratio:1;filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#aca0ee24,#0000 68%);border-radius:50%;width:min(80vw,680px);position:absolute}.countdown-gate>*{position:relative}.countdown-gate h1{letter-spacing:-.045em;margin:0;font-size:clamp(3.4rem,9vw,7.5rem);line-height:.84}.countdown-intro{color:var(--muted);margin:2rem auto 2.5rem}.countdown-clock{grid-template-columns:repeat(4,minmax(76px,122px));gap:clamp(.55rem,2vw,1rem);display:grid}.countdown-unit{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111238ad;border:1px solid #ffefc133;border-radius:10px;padding:1rem .7rem;box-shadow:inset 0 1px #ffffff0a,0 18px 45px #0000002e}.countdown-unit strong{color:#f7e2a5;font-variant-numeric:tabular-nums;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5vw,3.6rem);font-weight:500;line-height:.9;display:block}.countdown-unit span{color:#aaa8c6;letter-spacing:.14em;text-transform:uppercase;margin-top:.65rem;font-size:.62rem;font-weight:600;display:block}.countdown-date{color:#8f8da8;letter-spacing:.1em;text-transform:uppercase;margin-top:1.5rem;font-size:.7rem}.storybook{z-index:1;position:relative}.book-opening{text-align:center;place-content:center;justify-items:center;min-height:100svh;padding:5rem 1.5rem;animation:.9s ease-out both reveal;display:grid}.book-opening h1{letter-spacing:-.05em;margin:0;font-size:clamp(4rem,11vw,8.75rem);line-height:.76}.book-opening>p:not(.kicker){max-width:34rem;color:var(--muted);margin:2.4rem auto;line-height:1.8}.begin-link{color:#f7df9b;background:0 0;text-decoration:none}.begin-link span{margin-left:.5rem;animation:2s ease-in-out infinite drift;display:inline-block}.companion-star{color:#fff0aa;filter:drop-shadow(0 0 16px #fbdd76);margin-bottom:2rem;font-size:3.4rem;line-height:1;animation:4s ease-in-out infinite drift}.constellation-nav{z-index:30;flex-direction:column;gap:1.15rem;display:flex;position:fixed;top:50%;left:1.25rem;transform:translateY(-50%)}.constellation-nav:before{content:"";z-index:-1;background:#ffffff24;width:1px;position:absolute;top:.5rem;bottom:.5rem;left:50%}.constellation-nav a{color:#504d71;filter:drop-shadow(0 0 #0000);font-size:.8rem;text-decoration:none;transition:color .4s,filter .4s,transform .2s}.constellation-nav a.lit{color:#ffe495;filter:drop-shadow(0 0 7px #f3d77f)}.constellation-nav a:hover{transform:scale(1.4)}.soundtrack{z-index:40;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:1.1rem;right:1.1rem}.soundtrack-button{color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0a0b26b8;border:1px solid #ffe8a44d;border-radius:99px;align-items:center;gap:.6rem;padding:.65rem .9rem;display:flex}.soundtrack-button span:first-child{color:#ffe49a}.soundtrack-button:disabled{opacity:.55;cursor:not-allowed}.start-over-button{color:#d5d2e3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;z-index:40;background:#0a0b26b8;border:1px solid #ffffff24;border-radius:99px;padding:.65rem .8rem;position:fixed;top:1.1rem;left:1.1rem}.preview-mode-badge{z-index:39;color:#d6cda9;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0b269e;border:1px solid #ffe39c2e;border-radius:99px;padding:.35rem .6rem;font-size:.58rem;font-weight:600;position:fixed;top:4.35rem;right:1.1rem}.music-placeholder{align-items:center;gap:1rem;padding:1rem;display:flex}.music-placeholder>span{color:#f6dc91;font-size:1.6rem}.music-placeholder p{color:var(--muted);margin:0;font-size:.75rem;line-height:1.5}.music-placeholder strong{color:var(--ink)}.chapters{width:min(1180px,100%);margin:0 auto}.chapter{--accent:#ffd887;content-visibility:auto;contain-intrinsic-size:1000px;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);align-items:center;gap:clamp(3rem,8vw,8rem);min-height:100svh;padding:8rem clamp(2rem,7vw,6rem);display:grid;position:relative}.chapter:nth-child(2n) .memory-frame{order:-1;transform:rotate(-1.2deg)}.chapter-glow{background:var(--accent);opacity:.07;filter:blur(70px);border-radius:50%;width:24rem;height:24rem;position:absolute;top:30%;left:12%}.chapter-copy{position:relative}.chapter-number{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 2.5rem;font-size:.72rem}.chapter-number span{color:#85839f;letter-spacing:.08em;margin-top:.5rem;display:block}.chapter h2,.letter-section h2{letter-spacing:-.035em;margin:0 0 2rem;font-size:clamp(3rem,6vw,5.6rem);line-height:.9}.chapter-copy>p:not(.chapter-number):not(.chapter-eyebrow){color:#c8c5d8;font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.55}.memory-frame{color:#29253a;background:#eee4cc;border-radius:3px;margin:0;padding:clamp(.65rem,2vw,1rem) clamp(.65rem,2vw,1rem) 3rem;transition:transform .5s;position:relative;transform:rotate(1.2deg);box-shadow:0 35px 80px #0000006b}.memory-frame:hover{transform:rotate(0)translateY(-5px)}.memory-frame img,.photo-placeholder{aspect-ratio:4/3;object-fit:cover;filter:saturate(.75)contrast(.95);width:100%}.photo-placeholder{text-align:center;color:#aaa3b5;background:radial-gradient(circle at 30% 20%,#ddd2e3,#0000 38%),linear-gradient(145deg,#c5d0dd,#e7d8cf);place-content:center;justify-items:center;padding:2rem;display:grid}.photo-placeholder span{color:#fff4c8;text-shadow:0 0 15px #fff;font-size:2rem}.photo-placeholder p{max-width:13rem;font-family:Cormorant Garamond,serif;font-size:1.25rem}.memory-frame figcaption{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.35rem;font-family:Cormorant Garamond,serif;font-style:italic;display:flex;position:absolute;inset:auto 1rem .9rem}.caption-divider{color:#83798a}.caption-date{letter-spacing:.08em;text-transform:uppercase;font-family:Manrope,sans-serif;font-size:.65rem;font-style:normal;font-weight:600}.hidden-star{color:#a7a4bd;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;max-width:33rem;margin-top:2.3rem;padding:.8rem 1rem;transition:border-color .3s,background .3s,color .3s;display:flex}.hidden-star:hover{color:var(--ink);background:#ffffff09;border-color:#ffffff21}.hidden-star .star-shape{color:var(--accent);filter:drop-shadow(0 0 6px var(--accent));flex:none;font-size:1.25rem;animation:2s ease-in-out infinite alternate twinkle}.hidden-star.discovered{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:#ffffff0a;font-family:Cormorant Garamond,serif;font-size:1.15rem}.letter-section{text-align:center;background:radial-gradient(circle at 50% 28%,#67529d3d,#0000 35rem);min-height:100svh;padding:8rem 1.5rem 4rem}.letter-stars{color:#e9d28f;letter-spacing:.8em;margin-bottom:3rem}.envelope{aspect-ratio:1.55;cursor:pointer;background:#d8c8a9;border:0;border-radius:4px;width:min(440px,85vw);margin:4rem auto 8rem;transition:transform .35s;display:block;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000059}.envelope:hover{transform:translateY(-8px)rotate(.5deg)}.envelope:before,.envelope:after{content:"";clip-path:polygon(0 0,52% 62%,100% 0,100% 100%,0 100%);background:#eadbbd;position:absolute;inset:0}.envelope:after{clip-path:polygon(0 100%,50% 42%,100% 100%);background:#e2d1b2}.envelope-flap{z-index:1;clip-path:polygon(0 0,100% 0,50% 58%);background:#f1e3c6;position:absolute;inset:0}.seal{z-index:2;color:#f3d99c;background:#7c3151;border-radius:50%;place-items:center;width:66px;height:66px;font-family:Cormorant Garamond,serif;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-22%);box-shadow:inset 0 0 0 4px #ffffff1a,0 5px 10px #00000040}.letter-paper{color:#342c39;text-align:left;background:linear-gradient(#fff3,#fff3),#efe3c6;border-radius:2px;width:min(720px,100%);margin:3rem auto 8rem;padding:clamp(2rem,7vw,5.5rem);animation:.8s both reveal;transform:rotate(-.3deg);box-shadow:0 35px 90px #0006}.letter-paper p{font-family:Cormorant Garamond,serif;font-size:clamp(1.25rem,2.5vw,1.55rem);line-height:1.7}.letter-greeting{font-size:1.8rem!important}.letter-signoff{margin-top:2.5rem;font-style:italic}.letter-signature{text-align:right;margin-top:2rem}.ending{margin-top:7rem}.ending>span{color:#ffe49b;filter:drop-shadow(0 0 16px #f5d97e);font-size:3rem;display:block}.ending p{color:var(--muted);font-family:Cormorant Garamond,serif;font-size:clamp(1.4rem,3vw,2rem);line-height:1.4}.ending strong{color:#f4dfa4;margin-top:5rem;font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,7vw,5rem);font-weight:400;display:block}@media (width<=760px){.answer-row{flex-direction:column}.answer-row button{width:100%}.constellation-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a24b8;border:1px solid #ffffff1a;border-radius:99px;flex-direction:row;padding:.5rem .75rem;top:auto;bottom:.85rem;left:50%;transform:translate(-50%)}.constellation-nav:before{width:auto;height:1px;inset:50% .9rem auto}.soundtrack-button span:last-child{display:none}.start-over-button{padding:.55rem .7rem;font-size:.75rem;top:.85rem;left:.85rem}.preview-mode-badge{top:3.8rem;right:.85rem}.chapter{grid-template-columns:1fr;gap:3rem;padding:7rem 1.5rem}.chapter:nth-child(2n) .memory-frame{order:initial}.chapter-copy{max-width:34rem}.memory-frame{width:min(100%,560px)}.countdown-clock{grid-template-columns:repeat(2,minmax(105px,140px))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}