:root{--bg: #fff7fa;--pink-1: #fde8ee;--pink-2: #f7cbd6;--pink-3: #e898ad;--pink-4: #b95772;--ink: #3f2931;--muted: #80646d;--gold: #bc9562;--leaf: #81986f;--line: rgba(181, 91, 116, .18);--shadow: 0 30px 90px rgba(168, 82, 106, .18)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;color:var(--ink);background:linear-gradient(180deg,#fff6faf5,#fde8eeb8 42%,#fffaf6e0),radial-gradient(circle at 18% 12%,rgba(255,208,221,.72),transparent 25rem),radial-gradient(circle at 82% 18%,rgba(255,246,230,.74),transparent 24rem);font-family:"Noto Serif SC",Songti SC,SimSun,Georgia,serif}button{font:inherit}.app-shell{position:relative;width:100%;height:100%;isolation:isolate}.app-shell:before{content:"";position:fixed;inset:0;z-index:-4;background-image:linear-gradient(rgba(190,94,121,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(190,94,121,.035) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 86%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 86%)}.intro-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:50;background:radial-gradient(circle at 50% 35%,#ffeef5f5,#fdd8e2d1 42%,#fff7fab8);transition:opacity .9s ease,visibility .9s ease}.intro-panel{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;text-align:center;transition:opacity .9s ease,transform .9s ease,visibility .9s ease}.intro-panel:not(.is-ready){opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px) scale(.98)}.intro-panel.is-leaving{opacity:0;transform:scale(1.04);visibility:hidden}.story-started .intro-canvas{opacity:0;visibility:hidden}.intro-copy{width:min(760px,100%);padding:clamp(34px,7vw,76px);border:1px solid var(--line);border-radius:34px;background:#fffbfdb3;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translateY(4vh)}.intro-copy span,.kicker,.progress,.music-toggle,.swipe-hint{font-family:Helvetica Neue,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.intro-copy span{color:var(--pink-4);font-size:12px;font-weight:700}.intro-copy h1{margin:18px 0;font-size:clamp(46px,8vw,92px);font-weight:500;line-height:1.08;color:#6b3246;text-shadow:0 18px 48px rgba(185,87,114,.24)}.intro-copy p{margin:0 auto 28px;max-width:560px;color:var(--muted);font-size:clamp(16px,2vw,21px);line-height:1.9}.start-button{min-height:52px;padding:13px 28px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#cf6f8c,#b95772);box-shadow:0 18px 42px #b9577247;cursor:pointer}.music-toggle{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:30;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:10px 14px;border:1px solid rgba(175,91,116,.24);border-radius:999px;color:#64414c;background:#fffbfcc7;box-shadow:0 16px 42px #9e4b641f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer}.music-disc{width:18px;height:18px;position:relative;border:1px solid currentColor;border-radius:50%}.music-disc:after{content:"";position:absolute;left:7px;top:3px;width:2px;height:10px;background:currentColor;box-shadow:5px 3px 0 currentColor}.music-toggle.is-playing .music-disc{animation:musicPulse 1.5s ease-in-out infinite}.progress{position:fixed;top:max(18px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:30;color:#966879;font-size:12px}.slides{position:relative;width:100%;height:100%}.story-slide{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(60px,8vw,88px) clamp(16px,5vw,72px) clamp(62px,7vw,84px);opacity:0;transform:translate3d(0,24px,0) scale(.985);pointer-events:none;transition:opacity .72s ease,transform .72s cubic-bezier(.16,1,.3,1)}.story-slide.is-active{opacity:1;transform:translateZ(0) scale(1);pointer-events:auto}.stage{width:min(1120px,100%);min-height:min(720px,calc(100svh - 130px));position:relative;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(26px,5vw,72px);align-items:center;padding:clamp(22px,4vw,54px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#ffffffd1,#ffedf394),radial-gradient(circle at 88% 14%,rgba(255,255,255,.95),transparent 14rem);box-shadow:var(--shadow);overflow:hidden}.stage:before{content:"";position:absolute;inset:16px;border:1px solid rgba(188,117,137,.12);border-radius:22px;pointer-events:none}.stage-final{grid-template-columns:1fr;text-align:center;width:min(840px,100%)}.visual,.content{position:relative;z-index:2}.visual{min-height:520px;display:grid;place-items:center}.hero-photo{width:min(430px,100%);margin:0 auto;padding:12px;border-radius:26px;background:linear-gradient(145deg,#fffffff5,#ffe9efe0);box-shadow:0 30px 78px #8e445b38;animation:photoReveal 2.2s cubic-bezier(.16,1,.3,1) both}.hero-photo img{width:100%;max-height:min(62svh,620px);display:block;object-fit:contain;border-radius:18px;background:#fff}.hero-photo figcaption,.photo-wall figcaption{color:#8b6671;font-size:14px;text-align:center}.hero-photo figcaption{padding:12px 8px 2px}.floral-art{width:min(440px,100%);filter:drop-shadow(0 28px 40px rgba(171,82,108,.16))}.floral-art svg{width:100%;height:auto;display:block}.photo-wall{position:relative;width:min(540px,100%);height:530px;perspective:1200px}.photo-wall figure{position:absolute;width:53%;aspect-ratio:4 / 5;margin:0;padding:10px 10px 34px;border-radius:12px;background:#fffffff0;box-shadow:0 24px 54px #8a445a33;transform:rotate(var(--r)) translateZ(0);cursor:zoom-in;will-change:transform}.photo-wall figure:before{content:"";position:absolute;left:50%;top:-16px;width:82px;height:28px;border-radius:4px;background:#ffeecdb8;box-shadow:0 8px 18px #9162361f;transform:translate(-50%) rotate(calc(var(--r) * -.35))}.photo-wall img{width:100%;height:100%;display:block;object-fit:cover;border-radius:8px;image-rendering:auto}.photo-wall figcaption{position:absolute;left:12px;right:12px;bottom:9px;white-space:nowrap}.photo-wall figure:nth-child(1){left:1%;top:11%;z-index:2;--r: -7deg}.photo-wall figure:nth-child(2){right:1%;top:3%;z-index:3;--r: 6deg}.photo-wall figure:nth-child(3){left:24%;bottom:2%;z-index:4;--r: -2deg}.memory-canvas{width:min(560px,100%);height:min(520px,58svh);display:block}.kicker{margin:0 0 20px;color:var(--pink-4);font-size:12px;font-weight:700}h1,h2{margin:0;font-weight:500;letter-spacing:0;line-height:1.08}h1{font-size:clamp(48px,8vw,104px);color:#6b3246;text-shadow:0 20px 46px rgba(185,87,114,.2)}h2{font-size:clamp(32px,5.1vw,66px)}.poem{margin:22px 0 0;color:#7a4e5c;font-size:clamp(17px,2vw,24px);line-height:1.8}.quote{margin-top:22px;padding:16px 18px;border-left:2px solid var(--gold);background:#ffffff7a;color:#765963;font-size:clamp(16px,1.8vw,20px);line-height:1.82}.typewriter{min-height:8em;margin:22px 0 0;color:var(--muted);font-size:clamp(16px,1.86vw,21px);line-height:1.95;white-space:pre-line}.typewriter:after{content:"";display:inline-block;width:1px;height:1.1em;margin-left:4px;vertical-align:-.18em;background:var(--pink-4);animation:caret .9s steps(1) infinite}.story-slide.is-typed .typewriter:after{display:none}.signature{display:inline-flex;align-items:center;gap:14px;margin-top:26px;color:#785660;font-size:17px}.signature:before{content:"";width:48px;height:1px;background:var(--gold)}.swipe-hint{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:30;transform:translate(-50%);color:#9b6f7b;font-size:11px}.story-path{position:fixed;left:clamp(18px,5vw,58px);top:18%;bottom:14%;z-index:10;width:28px;pointer-events:none;opacity:0;transform:translate(-12px);transition:opacity .8s ease,transform .8s ease}.story-started .story-path{opacity:1;transform:translate(0)}.story-path span{position:absolute;left:13px;top:0;bottom:24px;width:1px;background:linear-gradient(180deg,#b9577200,#b957726b,#bc95622e)}.story-path i{position:absolute;left:7px;bottom:0;width:14px;height:14px;border-right:1px solid rgba(185,87,114,.6);border-bottom:1px solid rgba(185,87,114,.6);transform:rotate(45deg);animation:pathPulse 1.6s ease-in-out infinite}.image-viewer{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:#3f293194;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.image-viewer.is-open{opacity:1;visibility:visible}.image-viewer img{max-width:min(92vw,760px);max-height:82svh;border:10px solid rgba(255,255,255,.92);border-radius:18px;object-fit:contain;box-shadow:0 28px 90px #1e0c1257}.viewer-close{position:absolute;right:18px;top:max(18px,env(safe-area-inset-top));width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;background:#ffffff29;font-size:26px;line-height:1}.dots{position:fixed;right:max(14px,env(safe-area-inset-right));top:50%;z-index:30;display:grid;gap:8px;transform:translateY(-50%)}.dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#b25d7642}.dot.is-active{height:24px;border-radius:999px;background:var(--pink-4)}@keyframes photoReveal{0%{opacity:0;filter:blur(22px) saturate(.82);transform:scale(1.035) translateY(16px)}to{opacity:1;filter:blur(0) saturate(1);transform:scale(1) translateY(0)}}@keyframes caret{50%{opacity:0}}@keyframes musicPulse{50%{box-shadow:0 0 0 7px #b957722e}}@keyframes pathPulse{0%,to{transform:translateY(0) rotate(45deg);opacity:.45}50%{transform:translateY(9px) rotate(45deg);opacity:1}}@media(max-width:860px){.story-slide{padding:54px 12px}.stage{min-height:calc(100svh - 102px);grid-template-columns:1fr;gap:12px;padding:16px}.visual{min-height:min(32svh,285px)}.hero-photo{width:min(260px,74vw);padding:8px}.hero-photo img{max-height:min(34svh,310px)}.floral-art{width:min(280px,72vw)}.photo-wall{width:min(420px,90vw);height:min(35svh,305px)}.photo-wall figure{width:42%;padding:8px 8px 27px}.memory-canvas{height:min(34svh,300px)}.typewriter{min-height:6.6em;font-size:15px;line-height:1.72}.quote{margin-top:14px}.dots{display:none}.story-path{left:10px;top:24%;bottom:18%;opacity:.46}}@media(max-width:480px){.music-toggle{padding:9px 10px}.music-toggle span:last-child{max-width:70px;overflow:hidden;text-overflow:ellipsis}.stage{border-radius:20px}.stage:before{inset:10px;border-radius:15px}h1{font-size:clamp(46px,17vw,72px)}h2{font-size:clamp(29px,10vw,46px)}.kicker{margin-bottom:12px}.poem,.typewriter{margin-top:14px}.intro-copy{padding:30px 22px;border-radius:28px;transform:translateY(8vh)}.intro-copy h1{font-size:clamp(42px,14vw,62px)}.intro-copy p{font-size:16px}.photo-wall figcaption{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}