@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--ivory:#fffaf0;--ivory-deep:#f7ead8;--paper:#fffcf4f0;--coral:#d95549;--coral-bright:#ea7067;--coral-soft:#f4a59c;--peach:#f5c1af;--gold:#c79a4e;--gold-light:#efd39a;--ink:#4f2f2b;--muted:#8a665e;--sky:#b9dce8;--line:#965c432e;--shadow:0 24px 70px #6f3e2b29;--serif:"Cormorant Garamond","Noto Serif SC","Songti SC",serif;--cn-serif:"Noto Serif SC","Songti SC","STSong",serif}*{box-sizing:border-box}html,body,#root{background:var(--ivory);width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.journey-app{isolation:isolate;background:var(--ivory);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100svh;min-height:560px;position:relative;overflow:hidden}.journey-background,.journey-background img,.journey-background__veil,.pixi-world{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.journey-background{z-index:0;background:var(--ivory-deep);overflow:hidden}.journey-background img{object-fit:cover;object-position:center;filter:saturate(.94)contrast(.98);transform:scale(1.015)}.journey-background__veil{background:linear-gradient(90deg,#fffaf0eb 0%,#fffaf08a 34%,#fffaf014 65%,#fffaf033 100%),linear-gradient(#fffcf54d,#0000 35%,#73402c0f)}.journey-background--develop .journey-background__veil{background:linear-gradient(90deg,#fffaf0e6 0%,#fffaf099 31%,#fffaf02e 58%,#fffaf061)}.journey-background--museum .journey-background__veil{background:linear-gradient(90deg,#fffaf0eb 0%,#fffaf08f 30%,#0000 56%,#fffaf01f)}.journey-background--book .journey-background__veil{background:linear-gradient(90deg,#fffaf0eb 0%,#fffaf0b3 31%,#0000 54%),linear-gradient(#fffaf029,#0000 58%,#78412b14)}.journey-background--garden .journey-background__veil{background:linear-gradient(90deg,#fffaf0c7,#fffaf024 42%,#fffaf00d 64%,#fffaf0b3),linear-gradient(#fffbf42e,#0000 55%,#683a251a)}.journey-background--final .journey-background__veil{background:radial-gradient(circle at 50% 45%,#0000 18%,#fffaf02e 67%,#fff7ebb8 100%),linear-gradient(#fffaf024,#0000 50%,#5d34211f)}.pixi-world{z-index:2;pointer-events:none}.pixi-world canvas{display:block;width:100%!important;height:100%!important}.journey-hud{z-index:90;top:max(18px,env(safe-area-inset-top));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;left:max(18px,min(3vw,44px));right:max(18px,min(3vw,44px))}.journey-hud button{pointer-events:auto}.journey-brand{width:max-content;color:var(--coral);font-family:var(--cn-serif);background:0 0;border:0;align-items:baseline;gap:8px;padding:7px 0;display:inline-flex}.journey-brand span{letter-spacing:.08em;font-size:18px;font-weight:700}.journey-brand i{background:var(--gold);width:17px;height:1px;transform:rotate(-55deg)}.journey-brand b{color:var(--ink);letter-spacing:.14em;font-size:13px;font-weight:500}.journey-progress{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf5a1;border:1px solid #ffffff94;border-radius:999px;align-items:center;padding:6px 14px;display:flex;box-shadow:0 10px 30px #663a2a14}.journey-progress>div{align-items:center;display:flex}.journey-progress span{color:#5b342d6b;width:24px;height:24px;font-family:var(--cn-serif);border-radius:50%;place-items:center;font-size:9px;transition:color .25s,background .25s;display:grid}.journey-progress i{background:#9761472b;width:max(12px,min(1.7vw,25px));height:1px;margin:0 2px}.journey-progress>div:last-child i{display:none}.journey-progress .is-past span{color:var(--coral)}.journey-progress .is-past i{background:var(--coral-soft)}.journey-progress .is-current span{color:#fff;background:var(--coral);box-shadow:0 5px 14px #d9554940}.journey-actions{justify-self:end;gap:8px;display:flex}.hud-button{min-height:40px;color:var(--ink);letter-spacing:.05em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf5b0;border:1px solid #ffffffa3;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:10px;display:inline-flex;box-shadow:0 8px 24px #65382914}.hud-button svg{color:var(--coral)}.skip-story{z-index:70;right:max(20px,min(3vw,46px));bottom:max(18px,env(safe-area-inset-bottom));color:#4f2f2b8c;letter-spacing:.1em;background:0 0;border:0;align-items:center;gap:7px;padding:9px 0;font-size:10px;display:flex;position:absolute}.story-scene{z-index:10;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.story-button{border:1px solid var(--coral);color:#fff;background:linear-gradient(135deg,var(--coral-bright),var(--coral));letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;gap:13px;min-height:49px;padding:0 22px;font-size:11px;font-weight:600;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 13px 30px #b8443833}.story-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 17px 34px #b8443847}.story-button:disabled{cursor:not-allowed;opacity:.46;filter:saturate(.4)}.story-button--secondary{color:var(--coral);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbf4b8}.scene-heading{z-index:8;width:min(410px,34vw);position:absolute;top:max(110px,min(15vh,160px));left:max(30px,min(6.5vw,104px))}.scene-heading>span,.garden-heading>span,.book-narration>span{color:var(--coral);font-family:var(--cn-serif);letter-spacing:.15em;margin-bottom:19px;font-size:10px;font-weight:600;display:block}.scene-heading h2,.garden-heading h2,.book-narration h2{white-space:pre-line;font-family:var(--cn-serif);letter-spacing:.04em;margin:0;font-size:max(34px,min(4vw,62px));font-weight:500;line-height:1.35}.scene-heading p,.garden-heading p,.book-narration p{color:var(--muted);font-family:var(--cn-serif);margin:25px 0 0;font-size:13px;line-height:1.95}.intro-copy{z-index:9;width:min(590px,47vw);position:absolute;top:50%;left:max(30px,min(7vw,112px));transform:translateY(-46%)}.paper-kicker{color:var(--gold);font-family:var(--serif);letter-spacing:.2em;align-items:center;gap:9px;margin-bottom:23px;font-size:9px;font-weight:600;display:inline-flex}.paper-kicker svg{color:var(--coral)}.chapter-label{color:var(--coral);font-family:var(--cn-serif);letter-spacing:.2em;margin:0 0 13px;font-size:12px}.intro-copy h1{color:var(--ink);font-family:var(--cn-serif);letter-spacing:.04em;margin:0;font-size:max(58px,min(7.4vw,112px));font-weight:500;line-height:1.06}.intro-copy h1 em{color:var(--coral);font-style:normal}.intro-lead{color:var(--muted);font-family:var(--cn-serif);margin:27px 0 22px;font-size:max(13px,min(1.25vw,17px));line-height:2}.intro-meta{color:#4f2f2ba3;font-family:var(--serif);letter-spacing:.13em;align-items:center;gap:12px;margin:0 0 29px;font-size:10px;font-weight:600;display:flex}.intro-meta i{background:var(--gold);width:18px;height:1px}.interaction-note{color:#4f2f2b6b;font-family:var(--cn-serif);letter-spacing:.08em;margin:14px 0 0 15px;font-size:9px;display:block}.youyou-guide{z-index:8;pointer-events:none;transform-origin:bottom;filter:drop-shadow(0 26px 34px #683a272e);width:min(38vw,510px);height:min(78vh,760px);position:absolute;bottom:-4.5%;right:max(2vw,min(7vw,120px))}.youyou-guide img{z-index:2;object-fit:contain;object-position:center bottom;width:100%;height:100%;position:relative}.youyou-guide__halo{z-index:1;aspect-ratio:1;background:#ffde925c;border-radius:50%;width:35%;animation:2.8s ease-in-out infinite lanternPulse;position:absolute;bottom:25%;right:4%;box-shadow:0 0 65px 35px #ffdc873d}.youyou-guide.is-speaking{animation:4.4s ease-in-out infinite guideBreathe}.youyou-guide--compact{width:min(21vw,270px);height:min(51vh,460px);bottom:-11%;right:37%}.speech-bubble{z-index:9;min-width:248px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf5d1;border:1px solid #ffffffc7;border-radius:18px 18px 4px;padding:17px 20px;position:absolute;bottom:18%;right:max(25vw,min(31vw,520px))}.speech-bubble span{color:var(--coral);font-family:var(--cn-serif);letter-spacing:.15em;font-size:9px;font-weight:700}.speech-bubble p{font-family:var(--cn-serif);margin:7px 0 0;font-size:13px;line-height:1.7}.develop-scene{grid-template-rows:1fr auto;grid-template-columns:.76fr 1.24fr;gap:0 4vw;padding:max(96px,min(13vh,145px)) max(30px,min(6vw,96px)) 40px;display:grid}.develop-scene .scene-heading{align-self:center;width:auto;position:relative;top:auto;left:auto}.develop-photo{--light-x:50%;--light-y:52%;--develop-progress:0%;z-index:8;aspect-ratio:1.52;touch-action:none;cursor:grab;place-self:center end;width:min(760px,57vw);position:relative}.develop-photo:active{cursor:grabbing}.develop-photo__paper{background:#fffdf8;border:1px solid #ffffffd6;border-radius:3px;padding:13px 13px 54px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;transform:rotate(1.1deg);box-shadow:0 28px 70px #6e3d2b33}.develop-photo__paper:after{color:#7145346e;content:"DAD + MOM · BEFORE YOUYOU";font-family:var(--serif);letter-spacing:.15em;font-size:9px;position:absolute;bottom:17px;right:24px}.develop-photo__base,.develop-photo__color,.develop-photo__grain{background:url(./static/image/family-hero-front-concept.82eed006.webp) 50% 38%/cover;position:absolute;top:13px;bottom:54px;left:13px;right:13px}.develop-photo__base{filter:grayscale()sepia(.78)brightness(.58)contrast(.9)blur(4px);opacity:.82}.develop-photo__base:after{content:"";background:linear-gradient(135deg,#68443738,#e4c1a214),radial-gradient(circle,#0000,#412a2342);position:absolute;top:0;bottom:0;left:0;right:0}.develop-photo__reveals{z-index:2;pointer-events:none;position:absolute;top:13px;bottom:54px;left:13px;right:13px;overflow:hidden}.develop-photo__tile{opacity:0;filter:saturate(.96)contrast(1.02);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.035)}.develop-photo__tile.is-revealed{opacity:1;transform:scale(1)}.develop-photo__tile img{object-fit:cover;object-position:center 38%;width:100%;height:100%}.develop-photo__color{z-index:3;opacity:.96;clip-path:circle(clamp(78px,11vw,155px)at var(--light-x)var(--light-y));filter:saturate(.92)contrast(.98);transition:opacity .18s,clip-path .22s cubic-bezier(.22,1,.36,1)}.develop-photo.is-complete .develop-photo__color{opacity:1;clip-path:circle(150% at var(--light-x)var(--light-y));transition:clip-path 1.3s cubic-bezier(.22,1,.36,1)}.develop-photo__grain{z-index:4;opacity:.13;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox=%270 0 160 160%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.85%27 numOctaves=%273%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23n%29%27 opacity=%27.4%27/%3E%3C/svg%3E")}.develop-photo__empty-hint{z-index:6;color:#fff8e7e0;text-align:center;pointer-events:none;gap:8px;width:min(280px,70%);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.develop-photo__empty-hint span{font-family:var(--cn-serif);letter-spacing:.18em;font-size:max(16px,min(2vw,24px))}.develop-photo__empty-hint small{color:#fff8e7a8;font-family:var(--cn-serif);letter-spacing:.08em;font-size:9px;line-height:1.8}.develop-lantern{z-index:7;top:var(--light-y);left:var(--light-x);pointer-events:none;will-change:top,left;background:radial-gradient(circle at 50% 52%,#fff9d9,#ffd88b 35%,#ee7557eb 77%);border:1px solid #b7723a9e;border-radius:48% 48% 42% 42%;width:52px;height:62px;transition:top .22s cubic-bezier(.22,1,.36,1),left .22s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 20px #ffde97,0 0 70px 28px #ffd67e5e}.develop-lantern:before,.develop-lantern:after{background:var(--gold);content:"";border-radius:6px;width:22px;height:5px;position:absolute;left:50%;transform:translate(-50%)}.develop-lantern:before{top:-4px}.develop-lantern:after{bottom:-4px}.develop-lantern i{background:#ffffff85;width:1px;height:45px;position:absolute;top:8px;left:50%;box-shadow:-11px 0 #86482d2b,11px 0 #86482d2b}.develop-lantern span{border:2px solid var(--gold);border-bottom:0;border-radius:12px 12px 0 0;width:18px;height:20px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.develop-meter{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffcf4c7;border:1px solid #ffffffb3;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;width:126px;padding:12px;display:grid;position:absolute;bottom:70px;right:25px}.develop-meter b{color:var(--coral);font-family:var(--serif);font-size:16px}.develop-meter>span{background:#74443221;border-radius:99px;height:3px;overflow:hidden}.develop-meter>span i{width:var(--develop-progress);background:linear-gradient(90deg,var(--gold),var(--coral));height:100%;transition:width .18s;display:block}.develop-meter small{color:var(--muted);letter-spacing:.08em;grid-column:1/-1;font-size:8px}.develop-bottom{z-index:9;grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;display:flex}.develop-bottom blockquote{color:var(--coral);font-family:var(--cn-serif);letter-spacing:.06em;margin:0;font-size:13px}.memory-counter{z-index:9;border-top:1px solid var(--line);align-items:baseline;gap:6px;padding-top:18px;display:flex;position:absolute;top:47%;left:max(30px,min(6.5vw,104px))}.memory-counter span{color:var(--muted);font-family:var(--cn-serif);letter-spacing:.1em;margin-right:8px;font-size:10px}.memory-counter strong{color:var(--coral);font-family:var(--serif);font-size:35px;font-weight:500}.memory-counter i,.memory-counter b{color:#50302b6b;font-family:var(--serif);font-size:14px;font-style:normal;font-weight:500}.memory-object{z-index:11;filter:drop-shadow(0 8px 14px #733f2a2e);background:0 0;border:0;justify-items:center;gap:7px;min-width:90px;padding:0;display:grid;position:absolute}.memory-object>span{width:47px;height:47px;color:var(--coral);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#fffaf0d1;border:1px solid #ffffffd9;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 0 7px #fff7e845,0 0 35px 12px #ffd88b33}.memory-object>span:after{content:"";border:1px dashed #c99a4e7a;border-radius:50%;animation:13s linear infinite spin;position:absolute;top:-7px;bottom:-7px;left:-7px;right:-7px}.memory-object b{color:var(--ink);font-family:var(--cn-serif);letter-spacing:.1em;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffaf0c2;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:600}.memory-object>i{pointer-events:none;background:#ffd57e2e;border-radius:50%;width:70px;height:70px;animation:2.2s ease-in-out infinite memoryPulse;position:absolute;top:22px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 38px #ffcf6d57}.memory-object.is-found>span{color:#fff;background:var(--coral)}.memory-object.is-found>i{opacity:0}.memory-object--record{bottom:24%;left:43%}.memory-object--ticket{bottom:31%;right:29%}.memory-object--umbrella{bottom:19%;right:9%}.memory-object--letter{top:40%;right:18%}.museum-foot{z-index:12;align-items:center;gap:22px;display:flex;position:absolute;bottom:6%;right:max(30px,min(6vw,96px))}.museum-foot p{max-width:320px;color:var(--muted);font-family:var(--cn-serif);text-align:right;margin:0;font-size:11px;line-height:1.8}.book-narration{z-index:11;width:min(430px,34vw);position:absolute;top:50%;left:max(30px,min(6vw,96px));transform:translateY(-43%)}.book-narration h2{font-size:max(34px,min(3.7vw,59px))}.book-narration .story-button{margin-top:27px}.book-page-dots{gap:8px;margin-top:25px;display:flex}.book-page-dots i{background:#7c4a3924;border-radius:99px;width:22px;height:3px}.book-page-dots i.is-active{background:linear-gradient(90deg,var(--gold),var(--coral))}.book-scene .youyou-guide{width:min(29vw,380px);height:min(66vh,610px);bottom:-13%;right:2%}.book-glow{z-index:5;aspect-ratio:1;opacity:.22;pointer-events:none;background:#ffe9a9;border-radius:50%;width:19vw;transition:transform .9s,opacity .9s;position:absolute;top:49%;left:68%;transform:translate(-50%,-50%)scale(.7);box-shadow:0 0 80px 50px #ffd6846b}.book-scene--beat-1 .book-glow,.book-scene--beat-2 .book-glow{opacity:.58;transform:translate(-50%,-50%)scale(1.45)}.book-scene--beat-2 .book-glow{animation:2.8s ease-in-out infinite lanternPulse}.garden-scene{scrollbar-width:none;padding:max(105px,min(14vh,150px)) max(28px,min(6vw,94px)) 48px;overflow-y:auto}.garden-scene::-webkit-scrollbar{display:none}.garden-heading{z-index:11;width:min(520px,40vw);position:relative}.garden-heading h2{font-size:max(38px,min(4.6vw,67px))}.wish-card{z-index:12;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffcf5e0;border:1px solid #fffc;border-radius:20px;width:min(420px,35vw);position:absolute;top:50%;right:max(30px,min(6vw,96px));transform:translateY(-47%);box-shadow:0 28px 80px #6d3c292e}.wish-card form,.planted-message{padding:max(25px,min(3vw,40px))}.wish-card__top{border-bottom:1px solid var(--line);color:var(--coral);font-family:var(--serif);letter-spacing:.2em;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:15px;font-size:9px;font-weight:600;display:flex}.wish-card label{margin-bottom:17px;display:block}.wish-card label>span,.wish-card legend{color:var(--muted);font-family:var(--cn-serif);letter-spacing:.09em;margin-bottom:7px;font-size:9px;display:block}.wish-card input,.wish-card textarea{width:100%;color:var(--ink);font-family:var(--cn-serif);resize:none;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-bottom:1px solid #824b3838;border-radius:0;outline:none;font-size:13px;line-height:1.75}.wish-card input{height:38px}.wish-card input::placeholder,.wish-card textarea::placeholder{color:#5c383159}.wish-card fieldset{border:0;gap:6px;margin:0 0 20px;padding:0;display:flex}.wish-card fieldset button{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#ffffff75;border-radius:999px;flex:1;padding:0 6px;font-size:9px}.wish-card fieldset button.is-active{border-color:var(--coral);color:var(--coral);background:#ef807417}.wish-card .story-button{width:100%}.form-error{color:var(--coral);font-family:var(--cn-serif);margin:-6px 0 14px;font-size:9px;line-height:1.6}.planted-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:470px;display:flex}.planted-flower{width:96px;height:96px;color:var(--coral);background:radial-gradient(circle,#ffe09666,#0000 70%);border:1px solid #d955492b;border-radius:50%;place-items:center;margin-bottom:24px;display:grid;position:relative}.planted-flower svg{width:48px;height:48px;animation:1.2s cubic-bezier(.22,1,.36,1) both flowerGrow}.planted-flower i{border:1px dashed #c99a4e6b;border-radius:50%;animation:18s linear infinite spin;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.planted-message>span{color:var(--coral);font-family:var(--cn-serif);letter-spacing:.12em;font-size:10px;font-weight:600}.planted-message h3{font-family:var(--cn-serif);margin:17px 0 13px;font-size:27px;font-weight:500}.planted-message p{color:var(--muted);font-family:var(--cn-serif);margin:0 0 26px;font-size:12px;line-height:1.8}.guest-flower{z-index:7;color:var(--coral);filter:drop-shadow(0 6px 12px #7c412c29);justify-items:center;animation:1.1s cubic-bezier(.22,1,.36,1) both flowerGrow;display:grid;position:absolute}.guest-flower svg{fill:#ffc2b480;width:42px;height:42px}.guest-flower span{font-family:var(--cn-serif);background:#fffbf2b8;border-radius:99px;margin-top:2px;padding:3px 6px;font-size:8px}.final-scene{scrollbar-width:none;place-items:center;padding:94px 24px 42px;display:grid;overflow-y:auto}.final-scene::-webkit-scrollbar{display:none}.final-card{z-index:11;text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffcf5d1;border:1px solid #ffffffc7;border-radius:22px;width:min(680px,88vw);padding:34px max(28px,min(5vw,66px)) 36px;position:relative;box-shadow:0 30px 100px #6437262e}.family-mark{width:75px;height:35px;margin:0 auto 13px;position:relative}.family-mark:before,.family-mark:after{background:var(--gold);content:"";width:28px;height:1px;position:absolute;top:16px;transform:rotate(18deg)}.family-mark:before{left:14px}.family-mark:after{right:14px;transform:rotate(-18deg)}.family-mark i{background:var(--coral);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;box-shadow:0 0 0 5px #d9554914}.family-mark i:first-child{left:5px}.family-mark i:nth-child(2){right:5px}.family-mark i:nth-child(3){background:var(--gold);width:9px;height:9px;top:23px;left:33px}.final-card>span{color:var(--gold);font-family:var(--serif);letter-spacing:.19em;font-size:9px;font-weight:600}.final-card h1{font-family:var(--cn-serif);margin:18px 0 14px;font-size:max(34px,min(4.8vw,62px));font-weight:500;line-height:1.35}.final-card h1 em{color:var(--coral);font-style:normal}.final-card>p{color:var(--muted);font-family:var(--cn-serif);letter-spacing:.1em;margin:0;font-size:13px}.final-couple{color:var(--coral);font-family:var(--cn-serif);letter-spacing:.16em;margin:21px 0 18px;font-size:16px;font-weight:600}.final-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:stretch;gap:20px;padding:19px 0;display:grid}.final-details>div{justify-items:center;display:grid}.final-details svg{color:var(--coral);margin-bottom:8px}.final-details span{color:var(--muted);font-family:var(--cn-serif);letter-spacing:.14em;font-size:8px}.final-details strong{font-family:var(--cn-serif);margin:5px 0;font-size:14px;font-weight:600}.final-details small{color:#4f2f2b80;font-family:var(--cn-serif);font-size:8px}.final-details>i{background:var(--line);width:1px}.countdown{color:#4f2f2b6b;font-family:var(--serif);letter-spacing:.14em;justify-content:center;align-items:center;gap:15px;margin:18px 0;font-size:7px;font-weight:600;display:flex}.countdown span{gap:1px;display:grid}.countdown b{color:var(--ink);letter-spacing:.04em;font-size:20px;font-weight:500}.countdown i{background:var(--line);width:1px;height:20px}.final-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.replay-button{color:#4f2f2b85;letter-spacing:.07em;background:0 0;border:0;align-items:center;gap:7px;padding:10px 12px;font-size:9px;display:flex}.music-box-rim{z-index:4;pointer-events:none;border:1px solid #c99a4e59;border-radius:50%/9%;position:absolute;top:3.5%;bottom:3.5%;left:3.5%;right:3.5%}.music-box-rim:before,.music-box-rim:after{background:var(--gold);content:"";border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;box-shadow:0 0 18px #c99a4e80}.music-box-rim:before{left:-4px}.music-box-rim:after{right:-4px}.memory-modal,.drawer-backdrop{z-index:120;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#60372840;position:fixed;top:0;bottom:0;left:0;right:0}.memory-modal{place-items:center;padding:24px;display:grid}.memory-modal article{text-align:center;background:#fffcf5f5;border:1px solid #ffffffd9;border-radius:22px;width:min(520px,92vw);padding:max(32px,min(5vw,56px));position:relative;box-shadow:0 30px 90px #5d33243d}.modal-close{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:#ffffff80;border-radius:50%;place-items:center;display:grid;position:absolute;top:17px;right:17px}.modal-close svg{width:16px}.memory-modal__icon{width:70px;height:70px;color:var(--coral);background:radial-gradient(circle,#fff3dc,#f7ddbd);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid;box-shadow:0 0 0 8px #f0d39a21}.memory-modal__icon svg{width:26px;height:26px}.memory-modal article>span{color:var(--gold);font-family:var(--serif);letter-spacing:.19em;font-size:9px;font-weight:600}.memory-modal h3{font-family:var(--cn-serif);margin:15px 0 18px;font-size:max(24px,min(3.4vw,38px));font-weight:500;line-height:1.45}.memory-modal p{color:var(--muted);font-family:var(--cn-serif);margin:0;font-size:13px;line-height:1.95}.memory-modal blockquote{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--coral);font-family:var(--cn-serif);margin:23px 0;padding:17px 0;font-size:12px;line-height:1.8}.drawer-backdrop{border:0}.wedding-drawer{z-index:130;background:radial-gradient(circle at 100% 0,#f4a59c3d,#0000 38%),#fffcf5f7;border-left:1px solid #ffffffc2;width:min(460px,94vw);padding:max(70px,min(9vw,100px)) max(28px,min(5vw,54px)) 42px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 70px #5932252e}.wedding-drawer>span{color:var(--gold);font-family:var(--serif);letter-spacing:.2em;font-size:9px;font-weight:600}.wedding-drawer h2{font-family:var(--cn-serif);margin:13px 0 14px;font-size:42px;font-weight:500}.wedding-drawer>p{color:var(--muted);font-family:var(--cn-serif);margin:0;font-size:12px;line-height:1.8}.wedding-drawer dl{border-top:1px solid var(--line);margin:30px 0}.wedding-drawer dl div{border-bottom:1px solid var(--line);grid-template-columns:65px 1fr;gap:18px;padding:16px 0;display:grid}.wedding-drawer dt{color:var(--coral);font-family:var(--cn-serif);letter-spacing:.12em;font-size:10px;font-weight:600}.wedding-drawer dd{color:var(--ink);font-family:var(--cn-serif);margin:0;font-size:12px;line-height:1.7}.wedding-drawer .story-button{width:100%}.wedding-drawer>small{color:#4f2f2b6b;font-family:var(--cn-serif);text-align:center;margin-top:15px;font-size:9px;display:block}@keyframes lanternPulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:.88;transform:scale(1.08)}}@keyframes guideBreathe{0%,to{translate:0}50%{translate:0 -7px}}@keyframes memoryPulse{0%,to{opacity:.25;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.75;transform:translate(-50%,-50%)scale(1.16)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flowerGrow{0%{opacity:0;transform:translateY(24px)scale(.25)rotate(-12deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@media (max-width:900px){.journey-actions .hud-button span{display:none}.hud-button{justify-content:center;width:40px;padding:0}.intro-copy{width:53vw}.speech-bubble{right:24vw}.develop-scene{grid-template-columns:.66fr 1.34fr;gap:3vw;padding-left:4vw;padding-right:4vw}.develop-photo{width:61vw}.wish-card{width:40vw;right:4vw}}@media (max-width:700px){.journey-app{min-height:520px}.journey-background img{object-position:center}.journey-background--intro img,.journey-background--develop img,.journey-background--museum img{object-position:56% center}.journey-background--book img{object-position:64% center}.journey-background--garden img,.journey-background--final img{object-position:50% center}.journey-background__veil{background:linear-gradient(#fffaf0e6 0%,#fffaf057 40%,#fffaf085 100%),linear-gradient(90deg,#fffaf040,#0000)}.journey-background--book .journey-background__veil{background:linear-gradient(#fffaf03d,#0000 38%,#fffaf0eb 76%)}.journey-background--garden .journey-background__veil{background:linear-gradient(#fffaf0c2,#fffaf014 42%,#fffaf0d6)}.journey-hud{top:max(10px,env(safe-area-inset-top));grid-template-columns:1fr auto;left:14px;right:14px}.journey-brand{gap:5px}.journey-brand span{font-size:15px}.journey-brand b{font-size:10px}.journey-brand i{width:10px}.journey-actions{gap:5px}.hud-button{width:36px;min-height:36px}.journey-progress{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:center;padding:3px 8px;position:absolute;top:45px;left:0;right:0}.journey-progress span{width:19px;height:19px;font-size:7px}.journey-progress i{width:13px}.skip-story{right:14px;bottom:max(9px,env(safe-area-inset-bottom));font-size:8px}.intro-copy{text-align:center;width:auto;top:15%;left:20px;right:20px;transform:none}.paper-kicker{margin-bottom:10px;font-size:7px}.chapter-label{margin-bottom:6px;font-size:9px}.intro-copy h1{font-size:max(43px,min(14vw,67px));line-height:1.02}.intro-lead{margin:13px 0 10px;font-size:11px;line-height:1.75}.intro-meta{justify-content:center;margin-bottom:15px;font-size:8px}.intro-copy .story-button{min-height:43px}.interaction-note{margin:9px 0 0}.intro-scene .youyou-guide{width:55vw;height:49vh;bottom:-7%;right:-2%}.speech-bubble{min-width:0;max-width:48vw;padding:11px 13px;bottom:18%;left:18px;right:auto}.speech-bubble p{font-size:10px}.develop-scene{flex-direction:column;gap:10px;padding:88px 16px 42px;display:flex}.develop-scene .scene-heading{text-align:center;flex:none;width:100%}.scene-heading>span,.garden-heading>span,.book-narration>span{margin-bottom:8px;font-size:8px}.scene-heading h2,.garden-heading h2,.book-narration h2{font-size:max(26px,min(8.4vw,38px));line-height:1.28}.scene-heading p,.garden-heading p,.book-narration p{margin-top:9px;font-size:10px;line-height:1.6}.develop-photo{flex:auto;place-self:center;width:min(92vw,580px);max-height:46vh}.develop-photo__paper{padding:8px 8px 36px}.develop-photo__base,.develop-photo__color,.develop-photo__grain,.develop-photo__reveals{top:8px;bottom:36px;left:8px;right:8px}.develop-photo__paper:after{font-size:6px;bottom:11px;right:13px}.develop-lantern{width:42px;height:50px}.develop-meter{width:108px;padding:8px;bottom:46px;right:15px}.develop-bottom{flex-direction:column;flex:none;gap:9px;padding-top:3px}.develop-bottom blockquote{font-size:9px}.develop-bottom .story-button{min-height:41px}.museum-scene{padding:88px 16px 48px}.museum-scene .scene-heading{text-align:center;width:100%;position:relative;top:auto;left:auto}.memory-counter{top:26%;left:50%;transform:translate(-50%)}.memory-objects{grid-template-columns:repeat(2,1fr);gap:14px 12px;display:grid;position:absolute;bottom:18%;left:15px;right:15px}.memory-object{min-width:0;position:relative;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.memory-object>span{width:42px;height:42px}.museum-scene .youyou-guide{width:34vw;height:31vh;bottom:-8%;right:-5%;opacity:.72!important}.museum-foot{justify-content:center;bottom:5%;left:15px;right:15px}.museum-foot p{display:none}.book-narration{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffbf4d9;border:1px solid #ffffffbd;border-radius:18px;width:auto;padding:22px;top:auto;bottom:38px;left:16px;right:16px;transform:none;box-shadow:0 20px 50px #6a3b2824}.book-narration .story-button{min-height:40px;margin-top:16px}.book-page-dots{margin-top:13px}.book-scene .youyou-guide{width:42vw;height:43vh;top:7%;bottom:auto;right:0}.book-glow{width:34vw;top:35%;left:63%}.garden-scene{padding:90px 16px 72px}.garden-heading{text-align:center;width:100%}.garden-heading h2{font-size:max(29px,min(9vw,42px))}.wish-card{width:min(100%,440px);margin:26vh auto 0;position:relative;top:auto;right:auto;transform:none}.wish-card form,.planted-message{padding:23px}.planted-message{min-height:410px}.guest-flower{display:none}.final-scene{padding:92px 15px 48px;display:block}.final-card{width:100%;padding:25px 20px 24px}.final-card h1{font-size:max(29px,min(8vw,40px))}.final-details{gap:10px}.final-details strong{font-size:11px}.final-details small{font-size:7px}.final-actions{flex-direction:column}.final-actions .story-button{width:100%}.music-box-rim{display:none}}@media (max-height:690px) and (min-width:701px){.intro-copy{transform-origin:0;transform:translateY(-42%)scale(.9)}.youyou-guide{height:72vh}.scene-heading{top:90px}.wish-card{transform-origin:100%;transform:translateY(-43%)scale(.88)}.final-card{transform:scale(.88)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.journey-hud{grid-template-columns:1fr auto}.journey-actions{grid-column:2}.develop-scene{background:#806156;padding:0;display:block}.memory-reveal,.memory-reveal__canvas,.memory-reveal__canvas canvas,.memory-reveal__paper-grain,.memory-reveal__flash{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.memory-reveal{color:#fff8e9;cursor:none;isolation:isolate;background:#735349;overflow:hidden}.memory-reveal__canvas{z-index:1;opacity:0;transition:opacity .6s}.memory-reveal.is-ready .memory-reveal__canvas{opacity:1}.memory-reveal__canvas canvas{touch-action:none;display:block}.memory-reveal__paper-grain{z-index:2;opacity:.12;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox=%270 0 180 180%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.72%27 numOctaves=%274%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23n%29%27 opacity=%27.55%27/%3E%3C/svg%3E")}.memory-reveal:after{z-index:3;content:"";pointer-events:none;background:linear-gradient(#4229221f,#0000 23% 68%,#39231d52),radial-gradient(circle,#0000 44%,#39221d33);position:absolute;top:0;bottom:0;left:0;right:0}.memory-reveal__instruction{z-index:6;color:#fffaebe6;text-align:center;text-shadow:0 2px 22px #3c231d8c;pointer-events:none;min-width:300px;transition:opacity .5s,transform .5s;position:absolute;top:max(92px,min(13vh,132px));left:50%;transform:translate(-50%)}.memory-reveal__instruction span{font-family:var(--cn-serif);letter-spacing:.24em;font-size:11px;font-weight:600}.memory-reveal__instruction p{color:#fff8e6a6;font-family:var(--cn-serif);letter-spacing:.09em;margin:8px 0 0;font-size:10px}.memory-reveal.is-finishing .memory-reveal__instruction{opacity:0;transform:translate(-50%,-12px)}.memory-reveal__flash{z-index:8;opacity:0;pointer-events:none;background:#fff8df}.memory-reveal.is-finishing .memory-reveal__flash{animation:1.05s ease-in-out .35s both revealFinalFlash}.develop-story-line{z-index:9;color:#fff8e9;text-shadow:0 3px 24px #3e231db8;pointer-events:none;border-left:1px solid #ffe2a4b8;max-width:520px;padding-left:21px;position:absolute;bottom:max(35px,min(7vh,72px));left:max(24px,min(6vw,92px))}.develop-story-line span{color:var(--gold-light);font-family:var(--cn-serif);letter-spacing:.18em;font-size:9px;font-weight:600}.develop-story-line p{font-family:var(--cn-serif);letter-spacing:.06em;margin:10px 0 0;font-size:max(14px,min(1.4vw,19px));line-height:1.8}.memory-shatter{z-index:10;isolation:isolate;background:url(./static/image/family-hero-front-concept.82eed006.webp) 50%/cover;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.memory-shatter:before{z-index:2;content:"";background:radial-gradient(circle,#0000 15%,#5c34284d);position:absolute;top:0;bottom:0;left:0;right:0}.memory-shatter>i{z-index:4;transform-origin:50%;clip-path:polygon(3% 7%,92% 0,100% 89%,58% 100%,0 91%);filter:drop-shadow(0 6px 8px #502b2042);width:12.7%;height:17%;animation:shardGather 1.7s var(--shard-delay)cubic-bezier(.65,0,.22,1)both;background-image:url(./static/image/family-hero-front-concept.82eed006.webp);background-repeat:no-repeat;background-size:800% 600%;position:absolute}.memory-shatter>i:nth-of-type(3n){clip-path:polygon(10% 0,100% 11%,87% 100%,0 84%)}.memory-shatter>i:nth-of-type(4n){clip-path:polygon(0 17%,83% 0,100% 79%,19% 100%)}.memory-shatter__flash{z-index:7;mix-blend-mode:screen;pointer-events:none;background:#fff4d2;animation:1.3s ease-out both shatterFlash;position:absolute;top:0;bottom:0;left:0;right:0}.memory-shatter__line{z-index:9;color:var(--ink);text-align:center;gap:8px;animation:1.65s .25s both shatterCopy;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.memory-shatter__line span{color:var(--coral);font-family:var(--cn-serif);letter-spacing:.22em;font-size:10px;font-weight:600}.memory-shatter__line strong{font-family:var(--cn-serif);letter-spacing:.06em;font-size:max(22px,min(3.4vw,48px));font-weight:500}.museum-heading{transition:opacity .3s}.museum-scene:has(.memory-vignette) .museum-heading{opacity:0;pointer-events:none}.museum-scene:has(.memory-vignette) .memory-objects{opacity:0;pointer-events:none}.museum-scene:has(.memory-vignette)>.youyou-guide{opacity:0;pointer-events:none}.museum-scene:has(.memory-vignette) .memory-lantern{opacity:0;pointer-events:none}.museum-scene:has(.memory-vignette) .museum-foot{opacity:0;pointer-events:none}.memory-object:disabled{cursor:default}.memory-lantern{z-index:14;pointer-events:none;width:118px;height:118px;position:absolute;bottom:13%;left:26%}.memory-lantern>span{border:2px solid var(--gold);background:radial-gradient(circle at center,#fff8d7,#ffcf88 38%,var(--coral)80%);border-radius:45% 45% 38% 38%;width:44px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #ffd57c9e,0 0 70px #ffc96d3d}.memory-lantern>i{--angle:calc(var(--ember-index)*90deg);width:9px;height:9px;transform:rotate(var(--angle))translateX(48px);opacity:.22;background:#d3c4ae;border-radius:50%;transition:opacity .5s,box-shadow .5s,background .5s;position:absolute;top:50%;left:50%}.memory-lantern>i.is-lit{opacity:1;background:var(--gold-light);animation:5s linear infinite emberOrbit;box-shadow:0 0 0 5px #ffd88329,0 0 20px 8px #ffcb698c}.memory-vignette{z-index:30;color:#fff9ea;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);isolation:isolate;background:#52312845;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.memory-vignette:after{z-index:4;content:"";pointer-events:none;background:linear-gradient(90deg,#3d221dc7,#0000 47%),linear-gradient(#0000 50%,#381f1a66);position:absolute;top:0;bottom:0;left:0;right:0}.memory-vignette__world{z-index:2;position:absolute;top:0;bottom:0;left:0;right:0}.memory-vignette__copy{z-index:7;text-shadow:0 3px 25px #361d19bf;width:min(520px,41vw);position:absolute;top:50%;left:max(28px,min(7vw,112px));transform:translateY(-45%)}.memory-vignette__copy>span{color:var(--gold-light);font-family:var(--serif);letter-spacing:.2em;align-items:center;gap:9px;font-size:9px;font-weight:600;display:flex}.memory-vignette__copy h2{font-family:var(--cn-serif);margin:20px 0 18px;font-size:max(38px,min(4.8vw,70px));font-weight:500;line-height:1.32}.memory-vignette__copy p{color:#fff9ebc7;max-width:480px;font-family:var(--cn-serif);margin:0;font-size:13px;line-height:1.95}.memory-vignette__copy small{color:var(--gold-light);font-family:var(--cn-serif);letter-spacing:.07em;border-top:1px solid #ffe9be4d;margin-top:25px;padding-top:18px;font-size:11px;display:block}.vignette-record{aspect-ratio:1;background:repeating-radial-gradient(circle,#201c19 0 2px,#342e29 3px 5px,#171412 6px 7px);border-radius:50%;width:min(51vw,680px);animation:7s linear infinite recordSpin;position:absolute;top:50%;right:7%;transform:translateY(-50%);box-shadow:0 40px 90px #2a16126b}.vignette-record:before{background:var(--coral);content:"";border-radius:50%;position:absolute;top:30%;bottom:30%;left:30%;right:30%;box-shadow:inset 0 0 0 8px #ffe8c424}.vignette-record>i{z-index:2;background:#fff4d6;border-radius:50%;position:absolute;top:45%;bottom:45%;left:45%;right:45%}.vignette-record>span{transform-origin:top;background:linear-gradient(#c69b5b,#eed39b);border-radius:6px;width:7px;height:55%;position:absolute;top:6%;right:2%;transform:rotate(21deg);box-shadow:0 8px 22px #1f120f66}.vignette-projection{opacity:.82;background:url(./static/image/family-walk-front-concept.a4d982d5.webp) 50%/cover;border:7px solid #fff6dee0;width:32vw;height:24vh;animation:3.4s ease-in-out infinite projectionFloat;position:absolute;top:11%;right:27%;transform:rotate(-4deg);box-shadow:0 18px 55px #2e181359}.vignette-notes i{right:calc(18% + var(--note)*4%);background:var(--gold-light);border-radius:50%;width:8px;height:8px;animation:2s ease-in infinite noteRise;position:absolute;bottom:8%}.vignette-notes i:first-child{animation-delay:0s;right:12%}.vignette-notes i:nth-child(2){animation-delay:.2s;right:17%}.vignette-notes i:nth-child(3){animation-delay:.4s;right:23%}.vignette-notes i:nth-child(4){animation-delay:.6s;right:29%}.vignette-notes i:nth-child(5){animation-delay:.8s;right:35%}.vignette-notes i:nth-child(6){animation-delay:1s;right:41%}.vignette-notes i:nth-child(7){animation-delay:1.2s;right:47%}.vignette-notes i:nth-child(8){animation-delay:1.4s;right:53%}.memory-vignette--ticket{background:linear-gradient(130deg,#61392b85,#f1c69338)}.vignette-ticket{background:radial-gradient(circle at 0,#0000 13px,#fff0d7 14px),#fff0d7 radial-gradient(circle at 100%,#0000 13px,#fff0d7 14px);border:1px solid #b4724859;width:min(58vw,760px);height:38%;animation:1.4s cubic-bezier(.22,1,.36,1) both ticketUnfold;position:absolute;top:15%;right:4%;transform:perspective(900px)rotateY(-12deg)rotate(4deg);box-shadow:0 28px 80px #3e211a47}.vignette-ticket:after{content:"";border-left:2px dashed #a4614352;position:absolute;top:16%;bottom:16%;left:32%}.vignette-ticket i{background:#ae654847;border-radius:2px;height:2px;position:absolute}.vignette-ticket i:first-child{top:26%;left:42%;right:10%}.vignette-ticket i:nth-child(2){top:48%;left:42%;right:23%}.vignette-ticket i:nth-child(3){top:69%;left:42%;right:14%}.vignette-road{border-top:3px solid #ffdfa6db;width:65vw;height:19%;position:absolute;bottom:16%;right:3%}.vignette-road>i{border-top:1px dashed #fff4daa6;position:absolute;top:-5px;left:0;right:0}.paper-person{background:var(--coral);border-radius:9px 9px 3px 3px;width:19px;height:40px;position:absolute;top:-42px}.paper-person:before{background:inherit;content:"";border-radius:50%;width:13px;height:13px;position:absolute;top:-13px;left:3px}.paper-person--one{animation:3.2s ease-in-out both personMeetLeft;left:3%}.paper-person--two{background:var(--gold-light);animation:3.2s ease-in-out both personMeetRight;right:3%}.memory-vignette--umbrella{background:linear-gradient(#70949ead,#4d393480)}.vignette-rain i{top:-12%;left:calc((var(--rain-x,1)*37px)%100%);background:linear-gradient(#0000,#dff2f4bd);width:1px;height:36px;animation:1.1s linear infinite rainFall;position:absolute;transform:rotate(12deg)}.vignette-rain i:nth-child(3n){left:calc(var(--rain-fallback,10%) + 21%);animation-delay:-.3s}.vignette-rain i:nth-child(4n){left:calc(var(--rain-fallback,15%) + 43%);animation-delay:-.7s}.vignette-rain i:nth-child(5n){left:calc(var(--rain-fallback,20%) + 61%);animation-delay:-.5s}.vignette-rain i:nth-child(6n){left:calc(var(--rain-fallback,6%) + 79%);animation-delay:-.9s}.vignette-umbrella{width:min(55vw,720px);height:52%;position:absolute;bottom:16%;right:8%}.vignette-umbrella:before{transform-origin:bottom;content:"";background:repeating-linear-gradient(90deg,#ffffff1a 0 1px,#0000 1px 17%),linear-gradient(135deg,#ef7f73,#c94d46);border-radius:100% 100% 10% 10%;width:100%;height:62%;animation:1.15s cubic-bezier(.22,1,.36,1) .2s forwards umbrellaOpen;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(.05);box-shadow:0 20px 55px #3a201c4d}.vignette-umbrella>i{background:var(--gold-light);width:3px;height:40%;position:absolute;top:58%;left:50%}.vignette-umbrella>span{border:3px solid var(--gold-light);border-top:0;border-radius:0 0 15px 15px;width:20px;height:29px;position:absolute;bottom:-2%;left:50%}.vignette-couple-shadow{width:150px;height:190px;position:absolute;bottom:7%;right:23%}.vignette-couple-shadow i{opacity:.55;background:#41322e;border-radius:25px 25px 8px 8px;width:55px;height:140px;position:absolute;bottom:0}.vignette-couple-shadow i:before{background:inherit;content:"";border-radius:50%;width:39px;height:39px;position:absolute;top:-37px;left:8px}.vignette-couple-shadow i:first-child{left:17px;transform:rotate(3deg)}.vignette-couple-shadow i:last-child{right:17px;transform:rotate(-3deg)}.memory-vignette--letter{background:linear-gradient(140deg,#713e2e70,#f6c6973d)}.vignette-envelope{aspect-ratio:1.55;background:#fff2d9;width:min(36vw,520px);position:absolute;top:50%;right:11%;transform:translateY(-50%)rotate(3deg);box-shadow:0 28px 85px #42221a4d}.vignette-envelope:before,.vignette-envelope:after{clip-path:polygon(0 0,50% 57%,100% 0);content:"";background:#f7ddbc;position:absolute;top:0;bottom:0;left:0;right:0}.vignette-envelope:after{clip-path:polygon(0 100%,50% 46%,100% 100%);background:#ffeacb}.vignette-envelope i{z-index:3;background:var(--coral);border-radius:50%;width:54px;height:54px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 8px #ffffff1f}.vignette-ribbon{z-index:3;border-top:17px solid var(--coral);border-radius:50%;width:62vw;height:56%;animation:1.6s cubic-bezier(.22,1,.36,1) both ribbonWrite;position:absolute;top:23%;right:3%;transform:rotate(-4deg)}.vignette-ribbon span{color:var(--ink);font-family:var(--cn-serif);background:#fff6e0eb;border:1px solid #a05d4324;border-radius:99px;padding:9px 15px;font-size:11px;position:absolute;box-shadow:0 8px 24px #4d271f29}.vignette-ribbon span:first-child{top:-46px;left:8%}.vignette-ribbon span:nth-child(2){top:18%;left:31%}.vignette-ribbon span:nth-child(3){top:54%;left:57%}.vignette-ribbon span:nth-child(4){bottom:2%;right:3%}.book-scene{cursor:pointer}.book-scene:after{z-index:9;transform-origin:0;opacity:0;content:"";pointer-events:none;background:linear-gradient(90deg,#ebceb0,#fff6e4 13%,#fffaf0);border-radius:4px 18px 18px 4px;width:53%;animation:1s cubic-bezier(.65,0,.22,1) pageTurn;position:absolute;top:9%;bottom:3%;right:-8%;transform:perspective(1000px)rotateY(89deg);box-shadow:-20px 10px 45px #67382729}.book-memory-stream{z-index:7;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.book-memory-stream i{--angle:calc(var(--stream-index)*90deg);top:calc(18% + var(--stream-index)*15%);left:calc(77% - var(--stream-index)*11%);background:var(--gold-light);width:14px;height:14px;animation:memoryEnterBook 2s calc(var(--stream-index)*.15s)cubic-bezier(.65,0,.22,1)both;border-radius:50%;position:absolute;box-shadow:0 0 0 8px #ffdc9121,0 0 34px 16px #ffcd6c61}.book-tap-hint{color:var(--coral);font-family:var(--cn-serif);letter-spacing:.12em;align-items:center;gap:9px;margin-top:27px;font-size:9px;font-weight:600;display:inline-flex}.book-tap-hint:before{background:var(--gold);content:"";width:28px;height:1px}.wish-book{background:linear-gradient(90deg,#c5975b29,#0000 7%),#fffcf5eb;border-radius:3px 18px 18px 3px;box-shadow:-9px 10px #c38f521f,0 30px 85px #65372633}.wish-book:before{content:"";background:#b2744d24;width:1px;position:absolute;top:4%;bottom:4%;left:18px;box-shadow:4px 0 #ffffff8c}.garden-seed-position{z-index:11;color:var(--coral);pointer-events:none;justify-items:center;gap:7px;animation:.45s cubic-bezier(.22,1,.36,1) both seedMarkerIn;display:grid;position:absolute;transform:translate(-50%,-50%)}.garden-seed-position>i{border:1px solid var(--coral);background:#fff0d1e6;border-radius:70% 30%;width:13px;height:19px;transform:rotate(28deg);box-shadow:0 0 0 8px #ffecbe40,0 0 32px 15px #ffcc6f47}.garden-seed-position>span{font-family:var(--cn-serif);white-space:nowrap;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffbf2bd;border:1px solid #ffffffb3;border-radius:99px;padding:5px 9px;font-size:8px;box-shadow:0 8px 24px #5b31221a}.wish-card fieldset button{grid-template-columns:11px 1fr;align-items:center;gap:5px;display:grid}.wish-card fieldset button i{background:0 0;border:1px solid;border-radius:70% 30%;width:8px;height:12px;display:block;transform:rotate(24deg)}.wish-card fieldset button.is-active i{background:var(--coral);box-shadow:0 0 12px #d9554959}.final-scene{animation:1.3s cubic-bezier(.22,1,.36,1) both musicBoxPullback}@keyframes revealFinalFlash{0%{opacity:0}38%{opacity:.76}to{opacity:0}}@keyframes shatterFlash{0%{opacity:.88}35%{opacity:.32}to{opacity:0}}@keyframes shardGather{0%{opacity:1;transform:translate(0,0)rotate(0)scale(1.02)}16%{opacity:1;transform:translateY(-7px)rotate(2deg)scale(.96)}to{transform:translate3d(var(--shard-x),var(--shard-y),0)rotate(var(--shard-r))scale(.08);opacity:0}}@keyframes shatterCopy{0%,20%{opacity:0;transform:translate(-50%,-42%)scale(.96)}42%,74%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-56%)scale(1.03)}}@keyframes emberOrbit{to{transform:rotate(calc(var(--angle) + 360deg))translateX(48px)}}@keyframes recordSpin{to{transform:translateY(-50%)rotate(360deg)}}@keyframes projectionFloat{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-10px)}}@keyframes noteRise{0%{opacity:0;transform:translateY(30px)scale(.4)}35%{opacity:1}to{opacity:0;transform:translate(-35px,-180px)scale(1.2)}}@keyframes ticketUnfold{0%{opacity:0;transform:perspective(900px)rotateY(78deg)rotate(7deg)scaleX(.25)}to{opacity:1;transform:perspective(900px)rotateY(-12deg)rotate(4deg)scaleX(1)}}@keyframes personMeetLeft{0%{left:3%}65%,to{left:47%}}@keyframes personMeetRight{0%{right:3%}65%,to{right:46%}}@keyframes rainFall{0%{opacity:0;transform:translateY(-15vh)rotate(12deg)}15%{opacity:1}to{opacity:0;transform:translateY(120vh)rotate(12deg)}}@keyframes umbrellaOpen{0%{transform:translate(-50%)scaleX(.05)scaleY(.45)}to{transform:translate(-50%)scaleX(1)scaleY(1)}}@keyframes ribbonWrite{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(-80px)}}@keyframes pageTurn{0%{opacity:0;transform:perspective(1000px)rotateY(89deg)}15%{opacity:.92}to{opacity:0;transform:perspective(1000px)rotateY(-12deg)}}@keyframes memoryEnterBook{0%{opacity:0;transform:translate(0,0)scale(.7)}25%{opacity:1}to{opacity:0;transform:translate(-18vw,34vh)scale(.15)}}@keyframes musicBoxPullback{0%{filter:blur(2px);transform:scale(1.11)}to{filter:blur();transform:scale(1)}}@keyframes seedMarkerIn{0%{opacity:0;transform:translate(-50%,-30%)scale(.45)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:700px){.memory-reveal__instruction{min-width:260px;top:89px}.memory-reveal__instruction span{font-size:9px}.memory-reveal__instruction p{font-size:8px}.develop-story-line{max-width:none;padding-left:13px;bottom:35px;left:18px;right:18px}.develop-story-line p{font-size:12px}.memory-shatter__line{width:84vw}.memory-shatter__line strong{font-size:25px}.museum-scene .museum-heading{position:absolute;top:88px;left:18px;right:18px}.museum-scene .museum-heading h2{font-size:27px}.museum-scene .museum-heading p{font-size:9px}.memory-lantern{bottom:8%;left:4%;transform:scale(.72)}.memory-vignette__copy{width:auto;top:auto;bottom:35px;left:19px;right:19px;transform:none}.memory-vignette__copy h2{margin:11px 0 8px;font-size:27px}.memory-vignette__copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.7;display:-webkit-box;overflow:hidden}.memory-vignette__copy small{margin-top:10px;padding-top:9px;font-size:9px}.memory-vignette:after{background:linear-gradient(#0000 42%,#361e1ae6)}.vignette-record{width:80vw;top:38%;right:-15%}.vignette-projection{width:54vw;height:20vh;top:13%;right:28%}.vignette-ticket{width:93vw;height:30%;top:15%;right:-16%}.vignette-road{width:92vw;bottom:35%;right:0}.vignette-umbrella{width:91vw;height:48%;top:12%;bottom:auto;right:-6%}.vignette-couple-shadow{bottom:31%;right:18%;transform:scale(.72)}.vignette-envelope{width:78vw;top:29%;right:-10%}.vignette-ribbon{width:96vw;top:16%;right:-5%}.vignette-ribbon span{padding:6px 9px;font-size:8px}.book-narration{background:linear-gradient(#fffbf4bf,#fffbf4eb)}.book-memory-stream i{left:calc(84% - var(--stream-index)*15%)}.wish-book{margin-top:24vh}}