:root{--bg:#f4efe6;--ink:#241f1b;--muted:#756d63;--paper:#fffaf2;--line:#241f1b24;--shadow:0 30px 90px #241f1b2e;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% -12%,#ffffffe0,#0000 32%),linear-gradient(#eee5da,#d8cec3)}.story-shell{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 18% 8%,#ffffffd1,#0000 24%),radial-gradient(circle at 88% 22%,#b48d6d29,#0000 28%),linear-gradient(#f7f1e8,#ece2d7);width:100%;height:100%;position:relative;overflow:hidden}.ambient-canvas,.story-stage,.scene{position:absolute;inset:0}.ambient-canvas{z-index:0;pointer-events:none}.story-stage{z-index:1;cursor:grab;overflow:hidden}.story-stage:active{cursor:grabbing}.scene{--p:0;--enter:0;--exit-y:0px;--photo-y:0px;--photo-rotate:-1.4deg;--photo-scale:1.02;--cover-opacity:1;--cover-y:0px;--memory-clip:0%;--scan-top:10%;--dash-offset:760;--asset-y:0px;--asset-scale:1.08;--shade-opacity:.3;--orbit-rotate-a:0deg;--orbit-rotate-b:0deg;--orbit-scale-a:.92;--orbit-scale-b:1.08;--dot-a-left:8%;--dot-b-right:8%;--strong-opacity:.34;--sentence-opacity:0;--path-left-x:-38px;--path-left-y:-34px;--path-right-x:38px;--path-right-y:34px;--sheet-rotate:-1deg;--seal-scale:.86;--late-opacity:0;--late-y:16px;--map-pin-top:48px;--map-opacity:0;--guest-opacity:0;--r0:0;--r1:0;--r2:0;--r3:0;padding:max(32px, env(safe-area-inset-top)) 24px max(84px, env(safe-area-inset-bottom));opacity:var(--enter);visibility:hidden;pointer-events:none;transform:translateY(var(--exit-y));grid-template-rows:auto minmax(0,1fr) auto;gap:18px;display:grid;overflow:hidden}.scene.is-active,.scene.is-target{visibility:visible}.scene.is-active{pointer-events:auto}.scene-bg{z-index:-1;opacity:.84;background:radial-gradient(circle at 18% 20%, var(--wash-a), transparent 25%), radial-gradient(circle at 86% 72%, var(--wash-b), transparent 30%);position:absolute;inset:-18%}.palette-warm{--accent:#a97055;--accent-soft:#ead1c2;--wash-a:#d1a78638;--wash-b:#915c4629}.palette-rose{--accent:#b56f72;--accent-soft:#ead0d0;--wash-a:#c57f7e33;--wash-b:#834b5024}.palette-sage{--accent:#6f887f;--accent-soft:#d2ddd6;--wash-a:#889f9438;--wash-b:#4d635c29}.palette-ink{--accent:#2f2a25;--accent-soft:#d7d0c8;--wash-a:#4d443c29;--wash-b:#1d1b191f}.scene-copy{opacity:var(--enter);transform:translateY(var(--exit-y));gap:10px;padding-top:20px;display:grid}.scene-copy span{color:var(--accent);letter-spacing:.04em;font-size:11px;font-weight:900;line-height:15px}.scene-copy h1,.scene-copy p{margin:0}.scene-copy h1{letter-spacing:0;max-width:336px;font-size:30px;font-weight:900;line-height:37px}.scene-copy p{max-width:322px;color:var(--muted);font-size:14px;font-weight:650;line-height:23px}.scene-visual{place-items:center;min-height:0;display:grid}.scene-footer{color:var(--muted);opacity:var(--enter);justify-content:space-between;align-items:center;gap:14px;font-size:12px;font-weight:850;line-height:16px;display:flex}.scene-footer b{color:var(--ink)}.visual{width:min(82vw,324px);position:relative}.photo-plate{aspect-ratio:.78;width:100%;box-shadow:var(--shadow);transform:translateY(var(--photo-y)) rotate(var(--photo-rotate)) scale(var(--photo-scale));background:#ded4c8;border-radius:32px;position:relative;overflow:hidden}.photo-asset{filter:saturate(.95)contrast(1.02);transform:translateY(var(--asset-y)) scale(var(--asset-scale));background:linear-gradient(118deg,#0000 0 30%,#fffaf2f5 30.4% 58%,#0000 58.5%),linear-gradient(238deg,#0000 0 38%,#211e1ce6 38.4% 64%,#0000 64.5%),radial-gradient(circle at 54% 68%,#ae564ce6 0 7%,#0000 7.6%),linear-gradient(#cbd7d3,#eee2d8 55%,#86786d 100%);position:absolute;inset:0}.figure{aspect-ratio:1;background:#d8b49d;border-radius:999px;width:22%;position:absolute;top:22%;box-shadow:0 18px 28px #241f1b29}.figure.groom{left:37%}.figure.bride{left:52%}.bouquet{aspect-ratio:1;filter:blur(.4px);background:#b25f5a;border-radius:999px;width:18%;position:absolute;top:58%;left:45%}.photo-shade{mix-blend-mode:multiply;opacity:var(--shade-opacity);background:linear-gradient(#0000 44%,#241f1b66),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 4px);position:absolute;inset:0}.photo-plate p{color:var(--paper);text-shadow:0 10px 30px #241f1b80;margin:0;font-size:26px;font-weight:900;line-height:32px;position:absolute;bottom:28px;left:26px;right:26px}.cover-letter{color:var(--paper);opacity:var(--cover-opacity);transform:translateY(var(--cover-y));align-content:start;gap:4px;display:grid;position:absolute;inset:24px}.cover-letter span{font-size:15px;font-weight:900}.cover-letter small{font-size:12px;font-weight:800}.visual-orbit{aspect-ratio:1;border-radius:999px;place-items:center;width:min(82vw,328px);display:grid}.orbit-ring{transform:rotate(var(--orbit-rotate-a)) scale(var(--orbit-scale-a));border:1px solid #241f1b1c;border-radius:999px;position:absolute;inset:8%}.ring-b{transform:rotate(var(--orbit-rotate-b)) scale(var(--orbit-scale-b));inset:23%}.orbit-dot{background:radial-gradient(circle at 32% 24%, #ffffff70, transparent 30%), var(--accent);border-radius:999px;width:58px;height:58px;margin-top:-29px;position:absolute;top:50%;box-shadow:0 18px 34px #241f1b38}.dot-a{left:var(--dot-a-left)}.dot-b{right:var(--dot-b-right)}.orbit-thread{background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;transform:scaleX(var(--p));position:absolute;top:50%;left:30%;right:30%}.visual-orbit strong,.visual-merge strong{text-align:center;opacity:var(--strong-opacity);font-size:13px;font-weight:900;position:absolute;bottom:28px;left:0;right:0}.visual-memory .memory-mask{clip-path:inset(0 0 var(--memory-clip) 0);background:#fffaf2db;border-radius:32px;position:absolute;inset:0}.scan-line{left:8%;right:8%;top:var(--scan-top);background:#fffaf2db;height:2px;position:absolute;box-shadow:0 0 24px #fffaf2ad}.visual-messages{gap:12px;display:grid}.visual-messages span{width:fit-content;max-width:270px;color:var(--ink);opacity:var(--r);transform:translateY(var(--late-y));background:#fffaf2eb;border-radius:22px 22px 22px 6px;padding:13px 15px;font-size:14px;font-weight:780;box-shadow:0 16px 34px #241f1b1a}.visual-messages span:nth-child(2n){background:var(--accent);color:var(--paper);border-radius:22px 22px 6px;justify-self:end}.visual-sentence{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.visual-sentence span,.visual-objects span{min-height:70px;color:var(--ink);opacity:var(--r);transform:translateY(var(--late-y)) scale(var(--seal-scale));background:#fffaf2db;border-radius:20px 20px 8px;place-items:center;font-size:16px;font-weight:900;display:grid;box-shadow:0 16px 34px #241f1b1a}.visual-sentence strong{text-align:center;opacity:var(--sentence-opacity);grid-column:1/-1;font-size:16px;line-height:22px}.visual-objects{min-height:330px}.visual-objects span{width:108px;position:absolute}.visual-objects span:first-child{top:46%;left:14%}.visual-objects span:nth-child(2){top:50%;right:15%}.visual-objects span:nth-child(3){bottom:28%;left:18%}.visual-objects span:nth-child(4){bottom:30%;right:18%}.visual-objects i{background:var(--accent);height:2px;transform:scaleX(var(--p));position:absolute;bottom:18%;left:8%;right:8%}.visual-timeline,.visual-merge,.visual-map{width:min(84vw,334px);min-height:340px}.visual-timeline svg,.visual-merge svg,.visual-map svg{width:100%;height:220px;overflow:visible}.path-base,.path-draw{fill:none;stroke-linecap:round;stroke-linejoin:round}.path-base{stroke:#241f1b1f;stroke-width:10px}.path-base.thin{stroke-width:5px}.path-draw{stroke:var(--accent);stroke-width:6px;stroke-dasharray:760;stroke-dashoffset:var(--dash-offset);filter:drop-shadow(0 12px 14px #241f1b24)}.path-draw.thin{stroke-width:3px}.visual-timeline ol{grid-template-columns:repeat(2,1fr);gap:10px;margin:-8px 0 0;padding:0;display:grid}.step-0{--r:var(--r0)}.step-1{--r:var(--r1)}.step-2{--r:var(--r2)}.step-3{--r:var(--r3)}.visual-timeline li{opacity:var(--r);background:#fffaf2b8;border-radius:16px;padding:12px;list-style:none;transform:translateY(0)}.visual-timeline b,.visual-timeline span{display:block}.visual-merge .path-left{transform:translate(var(--path-left-x), var(--path-left-y))}.visual-merge .path-right{transform:translate(var(--path-right-x), var(--path-right-y))}.visual-invitation .invite-sheet,.visual-guest{background:radial-gradient(circle at 82% 16%, var(--accent-soft), transparent 25%), #fffaf2eb;width:min(82vw,324px);min-height:360px;box-shadow:var(--shadow);transform:rotate(var(--sheet-rotate));border-radius:32px;align-content:center;gap:20px;padding:32px;display:grid;position:relative}.seal{background:var(--accent);width:92px;height:92px;color:var(--paper);transform:scale(var(--seal-scale));border-radius:999px;place-items:center;font-size:42px;display:grid}.invite-sheet dl{opacity:var(--late-opacity);transform:translateY(var(--late-y));gap:9px;margin:0;display:grid}.invite-sheet dt{color:var(--muted);font-size:11px;font-weight:900}.invite-sheet dd{margin:0 0 4px;font-size:16px;font-weight:900}.visual-map{box-shadow:var(--shadow);background:linear-gradient(90deg,#0000 0 31%,#241f1b0f 31.4% 32%,#0000 32.4%),linear-gradient(0deg,#0000 0 43%,#241f1b0f 43.4% 44%,#0000 44.4%),#fffaf2d6;border-radius:32px;padding:18px}.map-pin{top:var(--map-pin-top);background:var(--accent);width:58px;height:58px;color:var(--paper);border-radius:999px;place-items:center;font-size:24px;display:grid;position:absolute;left:calc(50% - 29px);box-shadow:0 18px 32px #241f1b2e}.visual-map div{opacity:var(--map-opacity);gap:5px;margin:-8px 8px 0;display:grid}.visual-map strong{font-size:16px}.visual-map small{color:var(--muted);font-size:13px;font-weight:760}.visual-guest:before{content:"";border:1px solid var(--line);border-radius:24px;position:absolute;inset:18px}.visual-guest strong,.visual-guest p,.note-line{z-index:1;position:relative}.visual-guest strong{font-size:29px;line-height:38px}.visual-guest p{color:var(--muted);opacity:var(--guest-opacity);margin:0;font-size:14px;font-weight:760;line-height:23px}.note-line{background:linear-gradient(90deg, var(--accent), transparent);width:100%;height:2px;transform:scaleX(var(--p));transform-origin:0}.note-line.end{background:linear-gradient(90deg, transparent, var(--accent));transform-origin:100%}.visual-finale canvas{z-index:2;width:100%;height:220px;position:absolute;inset:auto 0 18%}.visual-finale strong,.visual-finale>p{z-index:3;text-align:center;color:var(--paper);text-shadow:0 10px 30px #241f1b75;margin:0;position:absolute;left:28px;right:28px}.visual-finale strong{font-size:24px;bottom:68px}.visual-finale>p{font-size:14px;font-weight:850;bottom:42px}.visual-timeline b{font-size:13px}.visual-timeline span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:760}.story-progress{z-index:8;pointer-events:none;gap:8px;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.story-progress span{background:#241f1b38;border-radius:999px;width:7px;height:7px}.story-progress span.active{background:var(--ink);transform:scale(1.22)}.story-progress span.complete{background:#241f1b66}.swipe-cue{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:9;color:#241f1bb8;pointer-events:none;place-items:center;gap:4px;width:auto;height:auto;display:grid;position:absolute;transform:translate(-50%)}.swipe-cue span{text-shadow:0 1px 8px #fffaf2b8;font-size:12px;font-weight:900;line-height:14px}.swipe-cue i{border-bottom:2px solid;border-right:2px solid;width:12px;height:12px;animation:1.25s ease-in-out infinite cue-bounce}@keyframes cue-bounce{0%,to{transform:translateY(-3px)rotate(45deg)}50%{transform:translateY(4px)rotate(45deg)}}@media (width>=540px){body{place-items:center;display:grid}#app{border-radius:36px;width:390px;height:844px;max-height:100dvh;overflow:hidden;box-shadow:0 30px 100px #241f1b3d}}@media (height<=720px){.scene{padding-top:max(22px, env(safe-area-inset-top));gap:12px}.scene-copy h1{font-size:25px;line-height:31px}.scene-copy p{font-size:13px;line-height:20px}.visual{width:min(76vw,292px)}}