:root{color:#392333;background:#fff4e8;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--night: #182048;--deep-lavender: #6d639d;--rose: #f4a6bd;--peach: #ffc080;--gold: #ffe08a;--cream: #fff8ed;--ink: #392333;--muted: #765d70;--glass: rgba(255, 255, 255, .54);--glass-strong: rgba(255, 255, 255, .78);--shadow: 0 24px 70px rgba(93, 50, 84, .24)}*{box-sizing:border-box}html{min-height:100%;background:#fff4e8;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}main{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.64),transparent 22rem),linear-gradient(180deg,#fff4e8,#fde2d1 52%,#fff8ed)}.sky-scene{position:relative;display:grid;min-height:88vh;padding:2rem 1.25rem 8rem;place-items:center;overflow:hidden;isolation:isolate}.sky-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-5;background:radial-gradient(circle at 50% 78%,rgba(255,224,138,.95),transparent 18rem),linear-gradient(180deg,var(--night) 0%,#31325f 30%,var(--deep-lavender) 52%,var(--rose) 72%,var(--peach) 100%);animation:skyGradient 5.6s ease-in-out forwards}.stars,.sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.star{position:absolute;border-radius:999px;background:#fffdf4;box-shadow:0 0 12px #ffffffe6;animation:twinkle 1.8s ease-in-out infinite,starFade 5.6s ease-in forwards}.sparkle{position:absolute;width:5px;height:5px;border-radius:999px;background:#ffffffe0;box-shadow:0 0 18px #ffe8a7f2;opacity:0;animation:sparkleRise 5.5s ease-in-out infinite}.sun{position:absolute;left:50%;bottom:6rem;z-index:-3;width:clamp(8.5rem,18vw,14rem);aspect-ratio:1;border-radius:50%;translate:-50% 70%;background:radial-gradient(circle at 35% 35%,#fff9ca 0,#fff9ca 18%,#ffe17f 42%,#ff9f67 74%);box-shadow:0 0 34px #ffe17fc2,0 0 110px #ff9d67a6,0 0 180px #f4a6bd7a;animation:sunrise 5.8s cubic-bezier(.22,.84,.33,1) forwards}.sun span{position:absolute;top:-2.5rem;right:-2.5rem;bottom:-2.5rem;left:-2.5rem;border-radius:50%;border:1px solid rgba(255,245,203,.26);animation:sunPulse 3s ease-in-out infinite}.cloud{position:absolute;z-index:-1;width:clamp(9rem,24vw,18rem);height:clamp(3.2rem,8vw,5.5rem);border-radius:999px;background:#fff8edb8;filter:drop-shadow(0 18px 32px rgba(75,51,93,.14));animation:floatCloud 15s ease-in-out infinite}.cloud:before,.cloud:after{position:absolute;content:"";border-radius:999px;background:inherit}.cloud:before{left:18%;bottom:28%;width:38%;height:105%}.cloud:after{right:17%;bottom:18%;width:34%;height:88%}.cloud-one{top:22%;left:-2rem}.cloud-two{top:42%;right:-4rem;width:clamp(8rem,20vw,15rem);opacity:.72;animation-delay:-5s}.cloud-three{top:60%;left:17%;width:clamp(7rem,18vw,13rem);opacity:.55;animation-delay:-9s}.horizon{position:absolute;right:0;bottom:0;left:0;z-index:-2;height:15rem;overflow:hidden;background:linear-gradient(180deg,#ffd6a300,#69506f47)}.hill{position:absolute;bottom:-5rem;width:62%;height:12rem;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#7155726b,#46385da3)}.hill-left{left:-11%}.hill-right{right:-8%;height:10rem;opacity:.82}.hero-content{width:min(820px,100%);margin-top:6vh;text-align:center;color:#fffaf2;text-shadow:0 3px 22px rgba(22,26,63,.42);animation:fade-up-soft 1.2s ease-out 1.1s both}.eyebrow{margin:0 0 .75rem;color:#fffaf2db;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-weight:700;line-height:.95}h1{font-size:clamp(4rem,11vw,8.4rem)}.hero-subtitle{width:min(620px,100%);margin:1.2rem auto 0;font-size:clamp(1.05rem,2.4vw,1.45rem);font-weight:700}.first-unlock{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;margin:2rem 0 0;padding:.72rem 1.15rem;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#ffffff2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fffdf8;font-weight:800;animation:unlockPop .7s cubic-bezier(.18,1.35,.35,1) 5.5s both}.hero-scroll{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;margin-top:.9rem;padding:.72rem 1.15rem;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#fff8ed3d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fffdf8;font-weight:900;text-decoration:none;text-shadow:0 2px 14px rgba(22,26,63,.3);box-shadow:0 14px 35px #3923332e;transition:transform .18s ease,background .18s ease}.hero-scroll:after{content:"↓";margin-left:.5rem;animation:scrollHint 1.2s ease-in-out infinite}.hero-scroll:hover{transform:translateY(3px);background:#fff8ed57}.content-shell{position:relative;width:min(1120px,calc(100% - 2rem));margin:-4.5rem auto 0;padding-bottom:3.5rem}.countdown{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(520px,100%);margin:0 auto 1.4rem;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.58);border-radius:22px;background:#fff8edb8;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.countdown-label{color:var(--muted);font-weight:800}.countdown strong{color:#b94b6d;font-size:1.2rem}.unlock-section{padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(255,255,255,.62);border-radius:30px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.68),transparent 15rem),linear-gradient(160deg,#fff8edd1,#fddee6b8);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-heading{width:min(680px,100%)}.section-heading .eyebrow{color:#b94b6d;text-shadow:none}.section-heading h2{color:#3b2544;font-size:clamp(2.5rem,7vw,4.8rem)}.section-heading p:not(.eyebrow){margin:1rem 0 0;color:var(--muted);font-size:1rem;line-height:1.7}.progress-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0;padding:1rem;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:#ffffff73}.progress-panel span,.progress-panel p{margin:0;color:var(--muted);font-weight:800}.progress-panel strong{display:block;margin-top:.15rem;color:#b94b6d;font-size:1.6rem;line-height:1}.progress-panel p{overflow:hidden;border-right:2px solid rgba(185,75,109,.6);white-space:nowrap;animation:typing 2.8s steps(23,end) infinite alternate}.locked-message{min-height:1.8rem;margin:0 0 .8rem;color:#b94b6d;font-weight:900;opacity:0;transform:translateY(.3rem);transition:opacity .18s ease,transform .18s ease}.locked-message.is-visible{opacity:1;transform:translateY(0)}.unlock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.unlock-item{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;min-height:10.5rem;padding:1.1rem;overflow:hidden;border:1px solid rgba(255,255,255,.74);border-radius:22px;background:linear-gradient(145deg,#ffffffb8,#fff6e875),radial-gradient(circle at 20% 10%,rgba(255,224,138,.38),transparent 8rem);box-shadow:0 16px 38px #7b4b5e21;color:var(--ink);cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.unlock-item:hover{transform:translateY(-4px);box-shadow:0 22px 48px #7b4b5e33}.unlock-item:focus-visible{outline:3px solid rgba(255,159,103,.75);outline-offset:4px}.unlock-item.is-locked{color:#5d5062;filter:saturate(.78)}.unlock-item.is-locked:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(135deg,#ffffff42,#ae96b533);pointer-events:none}.unlock-orbit{position:absolute;right:-2.8rem;bottom:-3.5rem;width:8rem;aspect-ratio:1;border:1px solid rgba(255,192,128,.45);border-radius:50%}.unlock-icon{position:relative;display:grid;width:4.5rem;aspect-ratio:1;margin-right:.85rem;border-radius:50%;place-items:center;background:#ffffff94;box-shadow:inset 0 0 28px #ffe08a66;font-size:2.1rem}.unlock-copy{position:relative;display:grid;gap:.32rem}.unlock-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.65rem;font-weight:700;line-height:1}.unlock-date,.unlock-short{font-size:.92rem;line-height:1.35}.unlock-date{color:#b94b6d;font-weight:900}.unlock-short{color:var(--muted);font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;padding:1rem;place-items:center;background:#2216307a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:modalFade .18s ease-out}.memory-modal{position:relative;width:min(760px,100%);max-height:min(86vh,760px);padding:clamp(1rem,3vw,2rem);overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:28px;background:linear-gradient(135deg,#fffdf7f5,#fff1def0),radial-gradient(circle at 85% 12%,rgba(255,224,138,.42),transparent 12rem);box-shadow:0 30px 80px #16112552;animation:unlockPop .32s cubic-bezier(.18,1.2,.35,1)}.close-button{position:absolute;top:.85rem;right:.85rem;z-index:2;display:grid;width:2.35rem;aspect-ratio:1;border:0;border-radius:50%;place-items:center;background:#ffffffb3;color:#7c3f5a;cursor:pointer;font-size:1.45rem;font-weight:900}.modal-header{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding-right:2.4rem}.modal-icon{display:grid;width:4.25rem;aspect-ratio:1;border-radius:50%;place-items:center;background:linear-gradient(145deg,#fff7de,#ffd3cb);box-shadow:0 14px 30px #ce64632e;font-size:2.2rem}.modal-date{margin:0 0 .25rem;color:#b94b6d;font-weight:900}.modal-header h2{color:#3b2544;font-size:clamp(2.2rem,8vw,4.2rem)}.modal-header p:last-child{margin:.55rem 0 0;color:var(--muted);font-weight:800;line-height:1.45}.letter-content{margin:1.5rem 0 0;padding:1.25rem;border-radius:20px;background:repeating-linear-gradient(0deg,rgba(185,75,109,.06) 0 1px,transparent 1px 2rem),#ffffff7a;color:#50384a;font-size:1.08rem;font-weight:700;line-height:1.8}.chat-memory{display:grid;gap:.8rem;max-height:min(52vh,460px);margin-top:1.3rem;padding:1rem;overflow-y:auto;border-radius:22px;background:radial-gradient(circle at 15% 15%,rgba(255,224,138,.2),transparent 12rem),linear-gradient(180deg,#ffffff85,#ffe3de61)}.chat-row{display:grid;width:min(82%,520px);gap:.2rem}.chat-row p{margin:0;padding:.75rem .9rem;border-radius:18px;white-space:pre-line;font-weight:700;line-height:1.45}.chat-speaker{padding:0 .45rem;color:#8a647c;font-size:.78rem;font-weight:900}.from-iki{justify-self:start}.from-iki p{border-bottom-left-radius:6px;background:#fffdf7;color:#4d3a51}.from-ryan{justify-self:end}.from-ryan .chat-speaker{text-align:right}.from-ryan p{border-bottom-right-radius:6px;background:linear-gradient(145deg,#ffd9c8,#ffc3d0);color:#4f263b}.modal-sparkle{position:absolute;width:9px;aspect-ratio:1;border-radius:50%;background:#ffe08a;box-shadow:0 0 18px #ffe08af2;animation:twinkle 1.4s ease-in-out infinite}.modal-sparkle-one{top:1.6rem;left:1.5rem}.modal-sparkle-two{right:4.5rem;bottom:1.8rem;animation-delay:.5s}.page-footer{padding:2.4rem 0 0;text-align:center}.page-footer p{margin:0;color:#b94b6d;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,6vw,3.4rem);font-weight:700}.locked-shake{animation:lockedShake .48s ease-in-out}@keyframes skyGradient{0%{filter:brightness(.78) saturate(.86)}45%{filter:brightness(.96) saturate(1.03)}to{filter:brightness(1.12) saturate(1.1)}}@keyframes sunrise{0%{translate:-50% 95%;opacity:.72}to{translate:-50% -18%;opacity:1}}@keyframes floatCloud{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(2rem) translateY(-.5rem)}}@keyframes twinkle{0%,to{opacity:.38;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}@keyframes starFade{0%,58%{opacity:1}to{opacity:.08}}@keyframes sparkleRise{0%{opacity:0;transform:translateY(1rem) scale(.8)}35%{opacity:.9}to{opacity:0;transform:translateY(-3rem) scale(1.2)}}@keyframes sunPulse{0%,to{transform:scale(.94);opacity:.3}50%{transform:scale(1.04);opacity:.7}}@keyframes unlockPop{0%{opacity:0;transform:translateY(1rem) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lockedShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes fade-up-soft{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%{max-width:0}to{max-width:15rem}}@keyframes scrollHint{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(max-width:860px){.sky-scene{min-height:82vh}.unlock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sky-scene{min-height:82vh;padding:1.25rem 1rem 6.5rem}h1{font-size:clamp(3.35rem,18vw,5rem)}.content-shell{width:min(100% - 1rem,1120px);margin-top:-3.5rem}.countdown,.progress-panel{align-items:flex-start;flex-direction:column}.unlock-section{border-radius:24px}.unlock-grid{grid-template-columns:1fr}.unlock-item{min-height:9rem;padding:1rem}.unlock-icon{width:3.8rem;font-size:1.8rem}.unlock-title{font-size:1.45rem}.modal-backdrop{padding:.65rem;align-items:end}.memory-modal{max-height:90vh;border-radius:24px}.modal-header{grid-template-columns:1fr;gap:.7rem}.chat-row{width:min(92%,520px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}