:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#5f5663;--muted:#857889;--pink:#ffd0e16b;--pink-strong:#ffb2cf9e;--blue:#d0e4ff6b;--cream:#fffcf5bd;--glass:#fff7fb8f;--glass-strong:#fff7fbb8;--line:#ffffffbd;--shadow:0 28px 78px #af8ba52e;--shadow-soft:0 18px 42px #a48ca024;--radius-xl:34px;--radius-lg:26px;--max:520px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff7fb;font-family:Be Vietnam Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}button{font:inherit;color:inherit}img{max-width:100%;display:block}.app{background:radial-gradient(circle at 18% 12%,#ffdeeca6,#0000 28%),radial-gradient(circle at 84% 16%,#d3e6ffad,#0000 30%),radial-gradient(circle at 50% 76%,#fff4cc57,#0000 34%),linear-gradient(#fffafb 0%,#f7fbff 100%);width:100vw;height:100dvh;position:relative;overflow:hidden}.particle-sky,.aurora-layer{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.particle-sky{z-index:1}.aurora-layer{z-index:2;opacity:.8;filter:blur(7px);background:radial-gradient(at 24% 22%,#ffd3e452,#0000 32%),radial-gradient(at 80% 38%,#cae1ff47,#0000 28%),radial-gradient(at 52% 82%,#fff5c933,#0000 38%);animation:11s ease-in-out infinite alternate auroraMove}.rail{z-index:3;will-change:transform;width:300vw;height:100dvh;transition:transform .76s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.screen{flex:0 0 100vw;width:100vw;height:100dvh;position:relative;overflow:hidden}.panel-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-y:auto}.panel-scroll::-webkit-scrollbar{width:0;height:0}.card-glass{border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px)saturate(1.16);backdrop-filter:blur(12px)saturate(1.16);background:linear-gradient(#fff7fb9e,#fff2f86b)}.tiny-label{letter-spacing:.2em;text-transform:uppercase;color:#a98aa1;margin:0 0 8px;font-size:11px;display:inline-block}.panel-dots{z-index:10;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff6b;border:1px solid #ffffffb8;border-radius:999px;gap:10px;padding:9px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.panel-dots button{background:#ae9dae6b;border:0;border-radius:999px;width:9px;height:9px;transition:width .35s,background .35s}.panel-dots button.active{background:linear-gradient(90deg,#f2aacae6,#b2ccf4e6);width:28px}.unlock-wrap{width:min(100%, var(--max));height:100dvh;padding:max(env(safe-area-inset-top), 24px) 20px max(env(safe-area-inset-bottom), 42px);flex-direction:column;justify-content:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.pattern.hearts{opacity:.18;mix-blend-mode:multiply;background-image:radial-gradient(circle,#3a303cf2 0 2px,#0000 2.4px),radial-gradient(circle,#3a303cf2 0 1.8px,#0000 2.2px);background-position:12px 14px,52px 54px;background-size:84px 84px,84px 84px;position:fixed;top:0;bottom:0;left:0;right:0}.unlock-copy{top:max(42px, env(safe-area-inset-top));text-align:center;pointer-events:none;position:absolute;left:24px;right:24px}.unlock-copy h1{color:#5e5260e0;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(45px,12vw,70px);font-weight:600;line-height:.86}.unlock-copy p:last-child{color:#827585;max-width:310px;margin:9px auto 0;font-size:13px;line-height:1.55}.heart-field{pointer-events:none;width:min(96vw,480px);height:290px;position:absolute;top:15.5%;left:50%;transform:translate(-50%)}.heart-svg{width:100%;height:100%;overflow:visible}.heart-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.heart-main{stroke:#ef96bcf5;stroke-width:5.2px;stroke-dasharray:980;stroke-dashoffset:980px;filter:drop-shadow(0 0 14px #f2b2cd7a);animation:5.2s cubic-bezier(.65,0,.35,1) infinite drawHeart}.heart-orbit{stroke:#a2bce5c2;stroke-width:2.8px;stroke-dasharray:920;stroke-dashoffset:920px;animation:5.2s ease-in-out infinite drawOrbit}.orbit-a{animation-delay:.25s}.orbit-b{animation-delay:.58s}.orbit-c{animation-delay:.92s}.beating-heart{background:linear-gradient(#ffa6c9f2,#ffd3e4e6);border-radius:9px 0 7px;width:32px;height:32px;animation:1.28s ease-in-out infinite pulseHeart;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 0 #ffbed78f}.beating-heart:before,.beating-heart:after{content:"";background:inherit;border-radius:50%;width:32px;height:32px;position:absolute}.beating-heart:before{top:-16px;left:0}.beating-heart:after{top:0;left:16px}.soft-mist{filter:blur(25px);opacity:.38;border-radius:50%;width:190px;height:190px;animation:4.8s ease-in-out infinite mistFloat;position:absolute}.mist-a{background:#ffdae8c2;top:21%;left:9%}.mist-b{background:#c7e0ffb8;animation-delay:1s;top:10%;right:4%}.photo-door{cursor:pointer;isolation:isolate;background:0 0;border:0;border-radius:42px;width:100%;min-height:336px;margin-top:170px;transition:transform .36s,box-shadow .36s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 30px 84px #a37e9d38}.photo-door:active{transform:scale(.985)}.photo-door:hover{box-shadow:0 32px 90px #a37e9d45}.photo-door-image,.photo-door-filter,.photo-door:after{position:absolute;top:0;bottom:0;left:0;right:0}.photo-door-image{background-image:linear-gradient(#ffd3e238,#ffd3e238),url(https://i.postimg.cc/cLbfhB4V/572e9f4e88f4061110202401f0b04e5e.jpg);background-position:50%;background-size:cover;transition:transform .65s;transform:scale(1.045)}.photo-door:hover .photo-door-image{transform:scale(1.08)}.photo-door-filter{background:radial-gradient(circle at 30% 10%,#ffffff47,#0000 38%),linear-gradient(#ffd7e433,#ffabcd47)}.photo-door:after{content:"";pointer-events:none;border:1px solid #ffffffa6;border-radius:42px;box-shadow:inset 0 0 50px #ffffff2e}.photo-door-text{z-index:2;color:#fffffff5;text-align:center;text-shadow:0 8px 26px #54435438;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.photo-door-text span,.photo-door-text em{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-style:normal}.photo-door-text strong{margin:9px 0 14px;font-family:Cormorant Garamond,serif;font-size:clamp(48px,12vw,68px);font-weight:600;line-height:.9}.guide-star{text-align:left;background:0 0;border:0;width:172px;min-height:112px;padding:0;animation:2.7s ease-in-out infinite guideFloat;position:absolute}.unlock-guide{z-index:6;top:27%;right:14px}.reader-guide{z-index:9;top:18px;right:20px}.guide-star-core{clip-path:polygon(50% 0%,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0% 50%,39% 35%);filter:drop-shadow(0 8px 18px #9ebae25c);background:linear-gradient(#fffffff5,#cfe2ffeb);width:31px;height:31px;display:block}.guide-star-label{color:#7d7180;background:#ffffff8c;border:1px solid #ffffffbf;border-radius:999px;max-width:150px;margin-top:5px;padding:7px 10px;font-size:12px;line-height:1.4;display:block;box-shadow:0 12px 22px #a78fa31c}.guide-star-trail{width:100%;height:auto;overflow:visible}.guide-star-trail.down{width:95px}.guide-star-trail path{fill:none;stroke:#9ab5e2db;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:360;stroke-dashoffset:360px;animation:2.8s ease-in-out infinite guideDraw}.reader-root{width:min(100%, var(--max));height:100dvh;padding:max(env(safe-area-inset-top), 78px) 16px max(env(safe-area-inset-bottom), 40px);background:radial-gradient(circle at 20% 18%,#ffe6ee94,#0000 30%),radial-gradient(circle at 82% 20%,#d3e5ff8a,#0000 28%),radial-gradient(circle at 50% 82%,#fff4d247,#0000 34%),linear-gradient(#ffd3e12b,#ffd3e124);flex-direction:column;gap:12px;margin:0 auto;display:flex}.reader-hero{padding:18px 18px 16px}.reader-hero h2,.showcase-hero h2,.marriage-root h2{color:#645767;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(36px,8vw,50px);line-height:.96}.reader-hero p,.showcase-hero p,.marriage-lead{color:#786d7a;margin:10px 0 0;font-size:13px;line-height:1.62}.reader-progress{background:#ffffff8c;border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.reader-progress span{border-radius:inherit;background:linear-gradient(90deg,#f2a4c7f2,#b6cff5f2);height:100%;transition:width .2s;display:block}.reader-scroll{flex:auto;min-height:0;padding:17px 16px 16px}.story-title{color:#625867;margin:0 0 14px;font-family:Cormorant Garamond,serif;font-size:34px;line-height:1.05}.story-paragraph{color:#675d69;text-align:left;margin:0 0 16px;font-size:14.5px;line-height:1.92}.story-divider{text-align:center;color:#b28aa2;letter-spacing:.04em;margin:22px auto;font-size:13px}.story-chat{white-space:pre-wrap;color:#6b6070;background:#ffffff75;border:1px solid #fff9;border-radius:18px;width:-moz-fit-content;width:fit-content;max-width:96%;margin:8px 0;padding:10px 12px;font-size:13.5px;line-height:1.66}.reader-bottom{padding:20px 0 8px}.magic-button{letter-spacing:.03em;color:#675465;background:linear-gradient(135deg,#ffd3e4fa,#c7dcffeb);border:0;border-radius:999px;width:100%;padding:16px 18px;font-weight:700;box-shadow:0 16px 32px #d89ec13d}.showcase-scroll{height:100dvh;padding:max(env(safe-area-inset-top), 22px) 16px max(env(safe-area-inset-bottom), 56px);background:radial-gradient(circle,#f2d1e2b8 0 2px,#0000 2.4px) 0 0/36px 36px,linear-gradient(#ffdfea2e,#ffdfea2e),linear-gradient(#ffffff5c,#ffffff1f)}.showcase-root,.marriage-root{width:min(100%, var(--max));margin:0 auto}.showcase-hero{margin-bottom:14px;padding:20px 18px}.visual-slide-grid,.profile-grid{gap:13px;margin-bottom:14px;display:grid}.visual-slide,.profile-card,.marriage-root{padding:18px}.visual-slide{position:relative;overflow:hidden}.visual-slide:before{content:"";opacity:.16;background:radial-gradient(circle at 30% 30%,#ffffffe6 0 2px,#0000 2.5px),radial-gradient(circle at 68% 60%,#b5cef4b3 0 3px,#0000 3.6px),radial-gradient(circle at 52% 46%,#f7cadda8 0 2px,#0000 2.6px);border-radius:999px;width:120px;height:120px;animation:16s linear infinite slowSpin;position:absolute;top:-22px;right:-20px}.slide-chip{letter-spacing:.12em;text-transform:uppercase;color:#997e95;background:#ffffff80;border:1px solid #ffffffb8;border-radius:999px;padding:6px 12px;font-size:11px;display:inline-flex}.visual-slide h3,.profile-title-zone h3{color:#625868;margin:10px 0 5px;font-family:Cormorant Garamond,serif;font-size:35px;line-height:.98}.slide-role,.profile-title-zone p{color:#786e7a;margin:0;font-size:13px;line-height:1.62}.slide-blocks{gap:9px;margin-top:13px;display:grid}.mini-note{background:#ffffff6e;border:1px solid #ffffffa8;border-radius:20px;padding:12px}.mini-note span{letter-spacing:.08em;text-transform:uppercase;color:#a28099;margin-bottom:6px;font-size:12px;display:block}.mini-note p{color:#746978;margin:0;font-size:13px;line-height:1.62}.profile-section-list{gap:9px;margin-top:14px;display:grid}.accordion{background:#ffffff70;border:1px solid #ffffff9e;border-radius:20px;overflow:hidden}.accordion summary{cursor:pointer;color:#705f70;padding:13px 14px;font-size:13px;font-weight:700}.accordion ul{margin:0;padding:0 14px 12px 30px}.accordion li{color:#746a77;margin:0 0 9px;font-size:13px;line-height:1.68}.marriage-root{text-align:center;margin-bottom:36px;overflow:hidden}.orbit-board{min-height:760px;margin-top:18px;position:relative}.ring-core{width:210px;height:170px;position:absolute;top:310px;left:50%;transform:translate(-50%)}.wedding-ring{border:9px solid #f1cd6cf5;border-radius:50%;width:126px;height:126px;animation:8.8s linear infinite ringTurn;position:absolute;top:22px;box-shadow:inset 0 0 0 4px #fff7d59e,0 18px 30px #be9a402e}.wedding-ring:after{content:"";border-radius:inherit;border:2px dashed #fffae1b3;position:absolute;top:9px;bottom:9px;left:9px;right:9px}.wedding-ring.left{left:10px;transform:rotate(12deg)}.wedding-ring.right{animation-direction:reverse;right:10px;transform:rotate(-13deg)}.ring-glow{filter:blur(8px);background:radial-gradient(circle,#fff6be85,#0000 64%);border-radius:50%;animation:2.3s ease-in-out infinite glowBeat;position:absolute;top:22px;bottom:22px;left:22px;right:22px}.orbit-note{text-align:left;background:#ffffffab;border:1px solid #fffc;border-radius:22px;width:min(42vw,172px);padding:12px 12px 11px;position:absolute;box-shadow:0 18px 34px #a68ca21f}.orbit-note h3{letter-spacing:.08em;text-transform:uppercase;color:#a18099;margin:0 0 6px;font-size:12px}.orbit-note p{color:#756c78;margin:0;font-size:12.4px;line-height:1.55}.note-line{border-top:2px solid #a9b7e3c7;border-right:2px solid #a9b7e3c7;width:42px;height:18px;position:absolute}.note-1{top:10px;left:0}.note-1 .note-line{bottom:-4px;right:-28px;transform:rotate(26deg)}.note-2{top:30px;right:0}.note-2 .note-line{bottom:-2px;left:-26px;transform:scaleX(-1)rotate(19deg)}.note-3{top:188px;left:0}.note-3 .note-line{top:65px;right:-30px;transform:rotate(4deg)}.note-4{top:190px;right:0}.note-4 .note-line{top:65px;left:-30px;transform:scaleX(-1)rotate(4deg)}.note-5{top:502px;left:0}.note-5 .note-line{top:-4px;right:-26px;transform:rotate(72deg)}.note-6{top:502px;right:0}.note-6 .note-line{top:-4px;left:-26px;transform:scaleX(-1)rotate(108deg)}.note-7{top:650px;left:0}.note-7 .note-line{top:-4px;right:-24px;transform:rotate(58deg)}.note-8{top:650px;right:0}.note-8 .note-line{top:-4px;left:-24px;transform:scaleX(-1)rotate(122deg)}@keyframes auroraMove{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1%)scale(1.03)}}@keyframes drawHeart{0%{stroke-dashoffset:980px;opacity:0}12%{opacity:1}50%{stroke-dashoffset:0;opacity:1}72%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-980px;opacity:0}}@keyframes drawOrbit{0%,8%{stroke-dashoffset:920px;opacity:0}24%{opacity:.92}60%{stroke-dashoffset:0;opacity:.92}to{stroke-dashoffset:-920px;opacity:0}}@keyframes pulseHeart{0%,to{transform:translate(-50%,-50%)rotate(-45deg)scale(1);box-shadow:0 0 #ffbed78f}35%{transform:translate(-50%,-50%)rotate(-45deg)scale(1.13);box-shadow:0 0 0 17px #ffbed700}58%{transform:translate(-50%,-50%)rotate(-45deg)scale(.97)}}@keyframes mistFloat{0%,to{opacity:.32;transform:translateY(0)scale(1)}50%{opacity:.43;transform:translateY(-13px)scale(1.05)}}@keyframes guideFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes guideDraw{0%{stroke-dashoffset:360px;opacity:.35}46%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-110px;opacity:.35}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes ringTurn{to{rotate:360deg}}@keyframes glowBeat{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@media (min-width:720px){.unlock-wrap,.reader-root,.showcase-root,.marriage-root{--max:560px}.reader-scroll{padding:22px 22px 18px}.story-paragraph{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}