:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff7ff;background:#070313;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none}button{font:inherit}button:focus-visible{outline:2px solid #fff;outline-offset:3px}button,img{-webkit-tap-highlight-color:transparent}body.modal-open{overflow:hidden}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-out{to{opacity:0;transform:scale(1.04);pointer-events:none}}@keyframes galaxy-arrive{0%{opacity:.35;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes breathe{50%{transform:scale(1.12);opacity:.7}}@keyframes button-glow{50%{box-shadow:0 0 0 8px #fab1df21,0 12px 34px #ef78c473}}@keyframes heart-float{50%{transform:translateY(-7px) rotate(-1deg)}}@keyframes heartbeat{0%,62%,to{scale:1}71%{scale:1.055}80%{scale:1.015}}@keyframes heart-tap{45%{scale:1.14}to{scale:1}}@keyframes heart-wave{0%{scale:.6;opacity:.7}to{scale:1.55;opacity:0}}@keyframes phrase-float{to{translate:3px -9px}}@keyframes memory-float{0%{translate:0 0;rotate:0deg}55%{translate:3px -10px;rotate:.7deg}to{translate:-2px -15px;rotate:-.45deg}}@keyframes message-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes music-pulse{50%{box-shadow:0 0 21px #f78fd38c}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rotate-phone{45%,55%{transform:rotate(90deg)}}@keyframes nebula-drift{to{transform:translate3d(2%,-1%,0) scale(1.04)}}@keyframes aura-breathe{50%{scale:1.12;opacity:.75}}@keyframes orbit-turn{to{rotate:360deg}}@keyframes spark-rise{0%,18%{opacity:0;transform:rotate(calc(var(--spark) * 45deg)) translateY(20px) scale(.55)}38%{opacity:.85}72%{opacity:0;transform:rotate(calc(var(--spark) * 45deg)) translateY(-98px) translate(14px) scale(1)}to{opacity:0}}@keyframes phrase-enter{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes phrase-glow{50%{box-shadow:0 5px 24px #c282dc4d}}@keyframes phrase-spark{20%{opacity:1;transform:translateY(-7px) scale(1.6)}to{opacity:0;transform:translateY(-19px) scale(.5)}}@keyframes memory-shimmer{50%{box-shadow:0 12px 27px #00000059,0 0 21px #f4a6dd80}}@keyframes text-glow{50%{text-shadow:0 2px 22px rgb(255 158 222 / .55)}}@keyframes destiny-scene-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes destiny-photo-reveal{0%{opacity:0;transform:translate(-50%,18px) scale(.965)}to{opacity:.88;transform:translate(-50%) scale(1)}}@keyframes destiny-photo-float{0%,to{transform:translateY(0) rotate(-.18deg)}50%{transform:translateY(-4px) rotate(.18deg)}}@keyframes destiny-photo-halo{50%{opacity:.72;transform:scale(1.045)}}.app-shell{position:relative;isolation:isolate;width:100%;min-height:100svh;min-height:100dvh;overflow:hidden;background:#06020f}.intro,.galaxy{position:absolute;inset:0;min-height:100svh;min-height:100dvh;overflow:hidden}.intro{z-index:5;display:grid;place-items:center;padding:calc(28px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 43%,#472447,#210e39 24%,#0b061b 61%,#03020a)}.intro.is-leaving{animation:intro-out .9s ease both;pointer-events:none}.intro__orb{position:absolute;width:min(94vw,430px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(255 191 229 / .23),rgb(179 89 209 / .12) 32%,transparent 69%);animation:breathe 7s ease-in-out infinite}.intro__stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.intro__content{position:relative;z-index:1;width:min(100%,354px);text-align:center;animation:rise-in 1.2s cubic-bezier(.22,.8,.25,1) both}.eyebrow{margin:0 0 22px;color:#f5cbea;font:600 .64rem/1 Inter,sans-serif;letter-spacing:.27em;text-transform:uppercase}h1,h2,.letter__heading{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:400}h1{margin:0;font-size:clamp(2.65rem,12vw,4rem);line-height:.94;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 4px 34px rgb(249 175 229 / .2)}.intro__content>p:not(.eyebrow){margin:20px auto 21px;max-width:292px;color:#eadced;font-size:.94rem;line-height:1.62}.intro-guide{display:grid;gap:9px;margin:0 0 24px;padding:0;list-style:none;text-align:left}.intro-guide li{display:grid;grid-template-columns:31px 1fr;gap:10px;align-items:center;padding:9px 12px 9px 9px;border:1px solid rgb(255 224 246 / .14);border-radius:14px;background:linear-gradient(100deg,#ffc9ea1a,#b283eb0d);box-shadow:inset 0 1px #ffffff0d}.intro-guide span{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;color:#ffe2f5;background:radial-gradient(circle at 36% 28%,#f6b7df,#8d4c99 78%);box-shadow:0 0 14px #f68fcf4d;font-size:.88rem}.intro-guide li:nth-child(2) span{color:#f7eaff;background:radial-gradient(circle at 36% 28%,#eac5f3,#6b599d 80%)}.intro-guide li:nth-child(3) span{color:#fff1cf;background:radial-gradient(circle at 36% 28%,#ffd9a7,#a15599 80%)}.intro-guide p{margin:0;color:#f7e6f4db;font:.84rem/1.4 Inter,sans-serif}.intro-guide strong{color:#fff4fc;font-weight:700}.intro-guide em{color:#f7c9ea;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:1.06em}.enter-button{width:100%;min-height:56px;border:1px solid rgb(255 235 250 / .76);border-radius:999px;color:#30112c;background:linear-gradient(105deg,#eeb8d8,#fff0f9 47%,#d7b4f3);box-shadow:0 0 0 6px #fab1df0f,0 14px 34px #ef78c442;font:700 .88rem/1 Inter,sans-serif;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;animation:button-glow 4.5s ease-in-out infinite;touch-action:manipulation}.enter-button:active{transform:scale(.97);box-shadow:0 0 0 8px #fab1df29}.galaxy{background:#060212}.galaxy--arriving{animation:galaxy-arrive .95s cubic-bezier(.2,.75,.2,1) both}.nebula{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,rgb(244 122 199 / .14),transparent 22%),radial-gradient(ellipse at 11% 27%,rgb(110 64 178 / .27),transparent 29%),radial-gradient(ellipse at 88% 66%,rgb(195 70 142 / .18),transparent 27%),radial-gradient(ellipse at 57% 13%,rgb(73 78 184 / .2),transparent 24%);animation:nebula-drift 22s ease-in-out infinite alternate}.stars-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-label{position:absolute;z-index:2;top:calc(19px + env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));margin:0;color:#ffebfda6;font:600 .64rem/1 Inter,sans-serif;letter-spacing:.19em;text-transform:uppercase}.heart-stage{position:absolute;z-index:3;top:46%;left:50%;width:min(100%,360px);transform:translate(-50%,-57%);pointer-events:none;text-align:center}.heart-aura{position:absolute;top:-4%;left:50%;width:min(92vw,334px);aspect-ratio:1;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle,rgb(255 176 225 / .22),rgb(194 83 184 / .1) 33%,transparent 68%);animation:aura-breathe 5.8s ease-in-out infinite;pointer-events:none}.orbit{position:absolute;top:9px;left:50%;width:min(67vw,252px);height:min(28vw,104px);border:1px solid rgb(255 194 237 / .17);border-radius:50%;transform:translate(-50%) rotate(-17deg);pointer-events:none;animation:orbit-turn 19s linear infinite}.orbit--two{width:min(58vw,220px);height:min(39vw,146px);border-color:#b4acff21;transform:translate(-50%) rotate(57deg);animation-duration:25s;animation-direction:reverse}.orbit i{position:absolute;top:-3px;left:19%;width:6px;height:6px;border-radius:50%;background:#ffd7f2;box-shadow:0 0 11px 3px #f498d3}.orbit--two i{inset:auto 12% 7% auto;background:#d6c5ff;box-shadow:0 0 11px 3px #b594ef}.heart-sparks{position:absolute;top:25px;left:50%;width:260px;height:195px;transform:translate(-50%);pointer-events:none}.heart-sparks span{position:absolute;top:50%;left:50%;color:#ffb4dbc2;font-size:.58rem;opacity:0;text-shadow:0 0 8px #ff8ed1;animation:spark-rise calc(4.5s + var(--spark) * .35s) ease-in-out infinite;animation-delay:calc(var(--spark) * -.9s)}.heart-button{position:relative;z-index:2;width:clamp(144px,45vw,208px);aspect-ratio:1;padding:0;border:0;background:none;pointer-events:auto;touch-action:manipulation}.heart-button:before,.heart-button:after{position:absolute;inset:9%;border:1px solid rgb(255 175 233 / .5);border-radius:50%;content:"";animation:heart-wave 2.8s ease-out infinite}.heart-button:after{animation-delay:1.4s}.particle-heart{position:relative;z-index:1;width:118%;height:118%;margin:-9%;filter:drop-shadow(0 0 13px rgb(255 80 178 / .62));animation:heart-float 5.6s ease-in-out infinite}.heart-button:active .particle-heart,.heart-button.is-pulsing .particle-heart{animation:heart-float 4.8s ease-in-out infinite,heart-tap .7s ease-out}.heart-message{position:relative;z-index:3;min-height:68px;max-width:min(76vw,294px);margin:16px auto 0;color:#f9edf8;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:clamp(1rem,4.3vw,1.16rem);font-style:italic;line-height:1.52;text-wrap:balance;text-shadow:0 2px 18px #14071e;animation:message-in .55s ease both,text-glow 5s ease-in-out infinite}.destiny-trigger{position:absolute;z-index:5;right:50%;bottom:calc(17px + env(safe-area-inset-bottom));width:min(76vw,260px);min-height:48px;transform:translate(50%);border:1px solid rgb(255 207 243 / .28);border-radius:999px;color:#fbe8f7;background:linear-gradient(90deg,#210d3dd1,#5c235f9e,#210d3dd1);box-shadow:0 0 0 5px #f191d50a,0 10px 28px #15052a52,inset 0 1px #ffffff1a;font:italic .94rem/1 Iowan Old Style,Palatino,Georgia,serif;letter-spacing:.02em;touch-action:manipulation;transition:transform .24s ease,box-shadow .24s ease,opacity .25s ease}.destiny-trigger:before{margin-right:9px;color:#ffd7a8;content:"✦"}.destiny-trigger:active{transform:translate(50%) scale(.96);box-shadow:0 0 0 8px #f191d51f,0 10px 30px #15052a57}.destiny-trigger:disabled{opacity:.56}.destiny-moment{position:absolute;z-index:12;inset:0;overflow:hidden;background:radial-gradient(circle at 50% var(--destiny-center-y),rgb(111 40 106 / .43),transparent 27%),radial-gradient(ellipse at 18% 18%,rgb(62 34 117 / .22),transparent 37%),linear-gradient(160deg,#10051d,#06020f 72%);animation:destiny-scene-in .65s cubic-bezier(.2,.75,.25,1) both}.destiny-moment:before{position:absolute;inset:0;background:radial-gradient(circle at 50% var(--destiny-center-y),rgb(255 179 225 / .08),transparent 30%);content:"";pointer-events:none}.destiny-moment__particles{position:absolute;inset:0;width:100%;height:100%}.destiny-moment__photo{position:absolute;z-index:1;top:min(calc(var(--destiny-center-y) + var(--destiny-heart-photo-offset) + var(--destiny-photo-gap)),calc(100% - var(--destiny-photo-height) - var(--destiny-caption-reserve) - env(safe-area-inset-bottom) - 28px));left:50%;width:min(var(--destiny-photo-width),calc(100% - max(64px,env(safe-area-inset-left) + env(safe-area-inset-right) + 32px)));height:var(--destiny-photo-height);margin:0;opacity:0;transform:translate(-50%,18px) scale(.965);animation:destiny-photo-reveal 1.15s var(--destiny-photo-delay) cubic-bezier(.2,.78,.22,1) forwards}.destiny-moment__photo:before{position:absolute;z-index:-1;inset:-24px -30px;border-radius:50%;background:radial-gradient(ellipse,rgb(238 133 211 / var(--destiny-photo-glow-soft)),rgb(174 103 225 / var(--destiny-photo-glow-faint)) 44%,transparent 72%);filter:blur(8px);content:"";animation:destiny-photo-halo 5.8s calc(var(--destiny-photo-delay) + 1s) ease-in-out infinite;pointer-events:none}.destiny-moment__photo-float{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgb(255 225 247 / .42);border-radius:var(--destiny-photo-radius);background:linear-gradient(145deg,#5b275be0,#23133cf0);box-shadow:0 11px 30px #0200095c,0 0 18px rgb(234 128 210 / var(--destiny-photo-glow)),inset 0 1px #ffffff29;animation:destiny-photo-float 6.6s calc(var(--destiny-photo-delay) + 1.1s) ease-in-out infinite}.destiny-moment__photo-float:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(150deg,rgb(255 255 255 / .1),transparent 27%,transparent 72%,rgb(178 105 214 / .08)),radial-gradient(ellipse at 50% 118%,rgb(11 3 22 / .3),transparent 58%);content:"";pointer-events:none}.destiny-moment__photo img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:center 28%;filter:saturate(.84) contrast(.96) brightness(.88)}.destiny-moment__photo.is-fallback span{display:grid;width:100%;height:100%;place-items:center;color:#ffe5f8b3;background:radial-gradient(circle at 50% 25%,rgb(225 138 206 / .18),transparent 46%);font:italic .82rem/1.2 Iowan Old Style,Palatino,Georgia,serif;letter-spacing:.04em}.destiny-moment__close{position:absolute;z-index:2;top:calc(15px + env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:grid;width:44px;height:44px;place-items:center;border:1px solid rgb(255 236 251 / .18);border-radius:50%;color:#ffeffac7;background:#16082a52;font-size:1.5rem;touch-action:manipulation}.floating-phrase{position:absolute;z-index:2;width:min(37vw,154px);max-width:min(37vw,154px);padding:5px 3px;border:0;border-radius:0;color:#fff1fcdb;background:transparent;box-shadow:none;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:clamp(.76rem,3.25vw,.87rem);font-style:italic;line-height:1.45;text-align:center;text-shadow:0 2px 14px #13071e,0 0 12px rgb(241 156 219 / .18);animation:phrase-enter .65s both,phrase-float var(--duration) ease-in-out .65s infinite alternate;transition:transform .35s ease,color .35s ease}.floating-phrase span{position:absolute;top:-8px;right:8px;color:#ffe1f4;opacity:0}.floating-phrase:active,.floating-phrase.is-touched{background:#f2afdf40;transform:scale(1.08);box-shadow:0 0 22px #ffaede8a}.floating-phrase.is-touched span{animation:phrase-spark .65s ease-out}.memory{position:absolute;z-index:3;width:clamp(70px,20.5vw,94px);padding:4px 4px 13px;border:1px solid rgb(255 231 254 / .48);border-radius:5px;background:linear-gradient(145deg,#fff7fc,#e6cadd);box-shadow:0 9px 22px #00000061,0 0 14px #f4a6dd42;transform:rotate(var(--rotation)) scale(var(--memory-scale, 1));animation:memory-float var(--duration) ease-in-out infinite alternate,memory-shimmer 6s ease-in-out infinite;transition:transform .25s ease,box-shadow .25s ease;touch-action:manipulation}.memory:nth-of-type(2n){--memory-scale: .94}.memory--1,.memory--3{animation-direction:alternate-reverse,alternate;animation-delay:-.9s,-1.7s}.memory--2{animation-delay:-2.2s,-.6s}.memory img{display:block;width:100%;aspect-ratio:1;border-radius:5px;object-fit:cover;color:#402240;font-size:.56rem}.memory:active,.memory.is-touched{animation-play-state:paused;transform:rotate(var(--rotation)) scale(1.08);box-shadow:0 11px 28px #00000061,0 0 26px #ffa8e1b8}.memory.is-fallback .memory__fallback{display:grid;place-items:center;aspect-ratio:1;border-radius:5px;color:#71466d;background:linear-gradient(135deg,#d7a0cd,#f8dced 50%,#a986c5);font:italic .64rem Georgia,serif}.music-control{position:absolute;z-index:4;top:calc(15px + env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:grid;width:46px;height:46px;place-items:center;border:1px solid rgb(255 255 255 / .18);border-radius:50%;color:#fff2fb;background:#18082d94;font-size:1.14rem;touch-action:manipulation}.music-control.is-playing{border-color:#eab8e2;box-shadow:0 0 16px #f78fd352;animation:music-pulse 2.2s ease-in-out infinite}.modal-backdrop{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:calc(15px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(15px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#05020dd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .3s ease}.modal{position:relative;display:flex;width:100%;max-width:430px;max-height:100%;flex-direction:column;overflow:auto;border:1px solid rgb(255 218 246 / .23);border-radius:25px;background:linear-gradient(150deg,#241036,#10091f 70%);box-shadow:0 24px 60px #0000008c;animation:modal-in .38s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}.modal__close{position:absolute;z-index:2;top:12px;right:12px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgb(255 255 255 / .26);border-radius:50%;color:#fff;background:#10061ec7;font-size:1.5rem;touch-action:manipulation}.memory-modal__image-wrap{display:grid;min-height:min(49dvh,420px);place-items:center;padding:54px 22px 12px;background:radial-gradient(circle at 50% 25%,#562758,#0d0719 67%)}.memory-modal__image-wrap img{max-width:100%;max-height:min(45dvh,380px);border-radius:11px;object-fit:contain;box-shadow:0 12px 35px #00000073}.memory-modal__fallback{width:min(72vw,280px);aspect-ratio:1;display:grid;place-items:center;border-radius:11px;color:#f5d7ed;background:linear-gradient(135deg,#5d3264,#b579a9,#37315d);font:italic 1.05rem Georgia,serif}.memory-modal__body{padding:15px 25px 24px;text-align:center}.memory-modal__body h2{margin:0;font-size:1.75rem}.memory-modal__date{margin:7px 0 16px;color:#d9afd4;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.memory-modal__body p:last-child{margin:0;color:#f1dfef;line-height:1.65}.memory-navigation{display:flex;justify-content:space-between;gap:12px;padding:0 25px 25px}.memory-navigation button{min-height:46px;padding:0 16px;border:1px solid rgb(255 255 255 / .2);border-radius:999px;color:#fceaf9;background:#ffffff14}.memory-count{align-self:center;color:#dcb5d7;font-size:.76rem}.letter{padding:65px 26px 30px}.letter__kicker{margin:0 0 12px;color:#e5acd9;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.letter__heading{margin:0 0 24px;font-size:2.15rem;line-height:1.05}.letter__content{color:#f3e4f0;font:1.01rem/1.75 Georgia,serif}.letter__content p{margin:0 0 19px}.orientation-notice{display:none}@media(max-height:680px){.heart-stage{top:45%}.memory{width:clamp(66px,20vw,82px)}.memory--2,.memory--3{top:68%!important}.phrase--2{display:none}}@media(orientation:landscape)and (max-height:600px){.orientation-notice{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;color:#fff3fc;background:radial-gradient(circle,#351539,#080311 72%);text-align:center}.orientation-notice__icon{display:block;margin-bottom:15px;font-size:2.3rem;animation:rotate-phone 2.4s ease-in-out infinite}.orientation-notice p{max-width:340px;margin:0;font:1.13rem/1.45 Georgia,serif}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}