:root{font-family:Cormorant Garamond,"Noto Serif JP",Georgia,serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh}body{overscroll-behavior-y:none}button{font-family:inherit}.upload-page{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:24px 16px;background:radial-gradient(1200px 600px at 50% -10%,rgba(255,220,230,.55),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(240,215,180,.45),transparent 60%),linear-gradient(180deg,#fdf6f0,#faeee4);color:#3a2a2a}.upload-card{width:100%;max-width:480px;background:#ffffffc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:28px 24px;box-shadow:0 20px 60px #825a502e}.upload-header{text-align:center;margin-bottom:20px}.upload-eyebrow{margin:0;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#b98a6a}.upload-title{font-size:26px;margin:6px 0 4px;font-weight:500;letter-spacing:.02em}.upload-subtitle{margin:0;font-size:14px;color:#7a6458}.upload-preview-wrap{position:relative;margin-bottom:18px;display:flex;justify-content:center;align-items:flex-start}.upload-preview{aspect-ratio:4 / 3;width:100%;max-height:min(55dvh,calc(100dvh - 320px));border-radius:14px;overflow:hidden;background:#fbf1e8;border:1px dashed #d8bda6;display:flex;align-items:center;justify-content:center;transition:transform .22s cubic-bezier(.2,.7,.3,1),opacity .22s ease;will-change:transform,opacity;user-select:none;-webkit-user-select:none;position:relative}.upload-preview.is-selected{touch-action:none;cursor:grab;border-style:solid;border-color:#c9a784;box-shadow:0 10px 24px #b4825a2e}.upload-preview.is-dragging{transition:opacity .15s ease;cursor:grabbing}.upload-preview.is-exiting{animation:fly-up 1.1s cubic-bezier(.33,0,.4,1) forwards;pointer-events:none}@keyframes fly-up{0%{transform:translateY(var(--exit-from, 0));opacity:1}to{transform:translateY(-110vh);opacity:0}}.upload-preview img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.upload-preview-placeholder{font-size:13px;color:#a58e80;text-align:center;padding:16px}.upload-selected-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:14px}.upload-swipe-hint{display:flex;flex-direction:column;align-items:center;gap:4px;color:#a67b50;font-size:14px;letter-spacing:.15em}.upload-swipe-icon{position:relative;display:inline-flex;flex-direction:column-reverse;align-items:center;height:130px;width:88px}.upload-swipe-icon-overlay{position:absolute;right:20px;top:20px;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(60,35,20,.5));z-index:2}.upload-swipe-hand{color:#fff;transform-origin:50% 60%;animation:swipe-hand 1.8s ease-in-out infinite}.upload-swipe-trail{position:absolute;top:0;left:50%;color:#fff;animation:swipe-trail 1.8s ease-in-out infinite}@keyframes swipe-hand{0%,to{transform:translateY(6px) rotate(-18deg)}45%,55%{transform:translateY(-12px) rotate(-18deg)}}@keyframes swipe-trail{0%,20%{opacity:0;transform:translate(-50%,8px)}50%{opacity:1;transform:translate(-50%,-2px)}80%,to{opacity:0;transform:translate(-50%,-12px)}}.upload-btn-ghost{background:transparent;border-color:#d8bda6;color:#8a6c5a}.upload-selected-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.upload-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.upload-actions-single{grid-template-columns:minmax(0,260px);justify-content:center}.upload-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #c9a784;border-radius:999px;padding:14px 16px;font-size:15px;font-weight:500;background:#fff;color:#7a5236;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.upload-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #b98a6a40}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-btn-primary{background:linear-gradient(135deg,#c9a784,#a67b50);color:#fff;border-color:transparent}.upload-status{min-height:48px;text-align:center;font-size:14px;display:flex;flex-direction:column;align-items:center}.upload-status .upload-progress{max-width:260px}.upload-progress{width:100%;height:6px;background:#f3e4d4;border-radius:999px;overflow:hidden;margin-bottom:8px}.upload-progress-bar{height:100%;background:linear-gradient(90deg,#e7b891,#b9855b);transition:width .15s ease}.upload-cloud{display:flex;justify-content:center;margin-bottom:6px}.upload-cloud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;margin:0}.upload-cloud-overlay svg{width:45%;max-width:180px;height:auto}.upload-cloud-shape{animation:cloud-float 2.6s ease-in-out infinite;transform-origin:60px 45px}.upload-cloud-photo{animation:photo-rise 2s ease-in-out infinite}.upload-cloud-arrow{animation:arrow-pulse 2s ease-in-out infinite}@keyframes cloud-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes photo-rise{0%{transform:translateY(14px);opacity:0}25%{opacity:1}70%{transform:translateY(-10px);opacity:1}85%{opacity:0}to{transform:translateY(-10px);opacity:0}}@keyframes arrow-pulse{0%,to{opacity:.35;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}.upload-ok{color:#3e7d4f;margin:0}.upload-err{color:#b84a3c;margin:0}.guest-field{border:0;padding:0;margin:0 0 18px}.guest-legend{font-size:12px;letter-spacing:.18em;color:#a67b50;margin-bottom:8px;padding:0}.guest-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guest-side{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d8bda6;border-radius:14px;padding:14px 12px;font-size:16px;font-weight:500;background:#fff;color:#7a5236;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.guest-side:hover{transform:translateY(-1px);box-shadow:0 6px 16px #b98a6a2e}.guest-side.is-active{background:linear-gradient(135deg,#c9a784,#a67b50);color:#fff;border-color:transparent;box-shadow:0 8px 20px #a67b5047}.guest-input{display:block;width:100%;padding:12px 14px;border:1px solid #d8bda6;border-radius:12px;font-size:16px;background:#fff;color:#3a2a2a;box-sizing:border-box}.guest-input:focus{outline:none;border-color:#c9a784;box-shadow:0 0 0 3px #c9a78440}.guest-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:14px;background:#fbf1e8b3;border:1px solid rgba(216,189,166,.6);border-radius:999px;font-size:13px;color:#7a6458}.guest-badge-side{font-size:11px;font-weight:600;letter-spacing:.1em;padding:3px 10px;border-radius:999px;color:#fff}.guest-badge-groom{background:linear-gradient(135deg,#7aa6c9,#4f7fa8)}.guest-badge-bride{background:linear-gradient(135deg,#d98bb5,#b8618f)}.guest-badge-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3a2a2a}.guest-badge-edit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#a67b50;font-size:12px;padding:2px 6px;cursor:pointer;text-decoration:underline}.display-page{position:relative;width:100vw;height:100vh;min-height:100dvh;overflow:hidden;color:#4a3a36;font-family:Cormorant Garamond,"Noto Serif JP",Georgia,serif}.display-auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;color:#3a2a2a;font-family:Cormorant Garamond,"Noto Serif JP",Georgia,serif;background:radial-gradient(1200px 600px at 50% -10%,rgba(255,220,230,.55),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(240,215,180,.45),transparent 60%),linear-gradient(180deg,#fdf6f0,#faeee4)}.display-auth-card{width:100%;max-width:380px;background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:18px;padding:28px 26px;box-shadow:0 16px 40px #825a5029;display:flex;flex-direction:column;gap:10px}.display-auth-eyebrow{margin:0;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#b98a6a;text-align:center}.display-auth-title{margin:0 0 2px;font-size:22px;font-weight:500;letter-spacing:.04em;text-align:center}.display-auth-desc{margin:0 0 8px;font-size:13px;color:#7a6458;text-align:center}.display-auth-input{font:inherit;font-size:16px;padding:12px 14px;border-radius:10px;border:1px solid #d8bda6;background:#fff;color:#3a2a2a;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.display-auth-input:focus{border-color:#b98a6a;box-shadow:0 0 0 3px #b98a6a2e}.display-auth-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:13px 16px;font-size:15px;font-weight:500;color:#fff;background:linear-gradient(135deg,#c9a784,#a67b50);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.display-auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #b98a6a4d}.display-auth-btn:disabled{opacity:.5;cursor:not-allowed}.display-auth-err{margin:2px 0 0;font-size:13px;color:#b84a3c;text-align:center}.display-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(1400px 700px at 20% -10%,rgba(255,222,232,.85),transparent 60%),radial-gradient(1200px 700px at 90% 110%,rgba(236,212,174,.85),transparent 60%),radial-gradient(1000px 600px at 50% 50%,rgba(255,240,225,.55),transparent 70%),linear-gradient(180deg,#fbf3ec,#f4e3d3 55%,#ecd4b8);transform:translateZ(0)}.display-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.7) 1px,transparent 1.5px),radial-gradient(circle at 70% 80%,rgba(255,255,255,.6) 1px,transparent 1.5px),radial-gradient(circle at 40% 60%,rgba(255,255,255,.5) 1px,transparent 1.5px);background-size:260px 260px,310px 310px,420px 420px;opacity:.6;mix-blend-mode:screen;animation:shimmer 24s ease-in-out infinite alternate;will-change:opacity;transform:translateZ(0)}@keyframes shimmer{0%{opacity:.35}to{opacity:.75}}.display-petals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.display-petals span{position:absolute;top:-10vh;left:calc((var(--i) * 5.5%) + 2%);width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#ffe6ea,#eab8c1);border-radius:60% 40% 55% 45%/45% 55%;opacity:.55;animation:fall calc(18s + (var(--i) * 1.1s)) linear infinite;animation-delay:calc(var(--i) * -1.3s);filter:drop-shadow(0 2px 2px rgba(180,120,130,.12))}@keyframes fall{0%{transform:translate3d(0,-10vh,0) rotate(0)}50%{transform:translate3d(-20px,50vh,0) rotate(180deg)}to{transform:translate3d(10px,110vh,0) rotate(360deg)}}.display-showcase-link{position:absolute;top:20px;right:22px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#f3c784,#c7873f);color:#2c1c10;font-family:inherit;font-size:13px;letter-spacing:.12em;cursor:pointer;box-shadow:0 6px 18px #c88c4659;transition:transform .15s ease,box-shadow .15s ease}.display-showcase-link:hover{transform:translateY(-1px);box-shadow:0 10px 24px #c88c4680}.display-showcase-star{font-size:15px;line-height:1}.display-header{position:absolute;top:24px;left:0;right:0;z-index:3;text-align:center;pointer-events:none;text-shadow:0 1px 1px rgba(255,255,255,.6)}.display-eyebrow{margin:0;font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:#a67b50}.display-title{margin:4px 0 0;font-size:clamp(22px,3vw,36px);font-weight:400;letter-spacing:.05em;font-style:italic}.display-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;color:#8a6c5a}.display-empty p{margin:0;font-size:clamp(20px,2.5vw,32px);letter-spacing:.05em}.display-empty-sub{font-size:clamp(13px,1.4vw,16px)!important;color:#b39079!important;letter-spacing:.2em!important}.display-stage{position:absolute;top:90px;right:0;bottom:40px;left:0;z-index:2;overflow:hidden;isolation:isolate;contain:layout paint}.flow-card{position:absolute;left:0;width:auto;max-width:70vw;transform:translate3d(100vw,0,0);border-radius:6px;overflow:hidden;box-shadow:0 6px 14px #78504626,0 18px 40px #7850462e;background:#fff;padding:3px;animation-name:flow;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform;contain:layout paint;opacity:0}.flow-card.flow-card-loaded{opacity:1;transition:opacity .6s ease-out}.flow-card.flow-card-rising{opacity:0;animation-name:flow-rise;animation-duration:.9s;animation-timing-function:cubic-bezier(.33,1,.68,1);animation-iteration-count:1;animation-fill-mode:forwards;z-index:20}.flow-card.flow-card-flying{opacity:1;animation-name:flow-fly;animation-duration:.8s;animation-timing-function:cubic-bezier(.33,1,.68,1);animation-iteration-count:1;animation-fill-mode:forwards;z-index:20}.flow-card.flow-card-exiting{opacity:1;animation-name:flow-exit;animation-duration:.8s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:1;animation-fill-mode:forwards;z-index:20}.flow-card.flow-card-fading{opacity:0;transition:opacity .65s ease-out}.flow-card.flow-card-parked{opacity:0;animation-name:none;transform:translate3d(110vw,0,0) rotate(var(--card-rotate, 0deg))}@keyframes flow-rise{0%{transform:translate3d(calc(50vw - 50%),var(--entrance-start-y),0) scale(1.8) rotate(var(--card-rotate, 0deg));opacity:0;filter:brightness(1) drop-shadow(0 0 0 rgba(255,220,180,0))}24%{opacity:1;transform:translate3d(calc(50vw - 50%),calc(var(--entrance-start-y) * .75),0) scale(1.7) rotate(var(--card-rotate, 0deg));filter:brightness(1.1) drop-shadow(0 0 18px rgba(255,220,180,.5))}55%{transform:translate3d(calc(50vw - 50%),var(--entrance-mid-y),0) scale(1.5) rotate(var(--card-rotate, 0deg));opacity:1;filter:brightness(1.15) drop-shadow(0 0 32px rgba(255,220,180,.9))}to{transform:translate3d(calc(50vw - 50%),var(--entrance-mid-y),0) scale(1.5) rotate(var(--card-rotate, 0deg));opacity:1;filter:brightness(1.15) drop-shadow(0 0 32px rgba(255,220,180,.9))}}@keyframes flow-fly{0%{transform:translate3d(calc(50vw - 50%),var(--entrance-mid-y),0) scale(1.5) rotate(var(--card-rotate, 0deg));opacity:1;filter:brightness(1.15) drop-shadow(0 0 32px rgba(255,220,180,.9))}52%{transform:translate3d(calc((50vw - 50% + var(--entrance-end-x)) / 2),calc(var(--entrance-mid-y) * .45),0) scale(1.05) rotate(var(--card-rotate, 0deg));opacity:1;filter:brightness(1.05) drop-shadow(0 0 14px rgba(255,220,180,.4))}to{transform:translate3d(var(--entrance-end-x),0,0) scale(1) rotate(var(--card-rotate, 0deg));opacity:1;filter:brightness(1) drop-shadow(0 0 0 rgba(255,220,180,0))}}@keyframes flow-exit{0%{transform:translate3d(calc(50vw - 50%),var(--entrance-mid-y),0) scale(1.5) rotate(var(--card-rotate, 0deg));opacity:1;filter:brightness(1.15) drop-shadow(0 0 32px rgba(255,220,180,.9))}to{transform:translate3d(110vw,0,0) scale(1) rotate(var(--card-rotate, 0deg));opacity:0;filter:brightness(1) drop-shadow(0 0 0 rgba(255,220,180,0))}}.flow-card img{height:100%;width:auto;max-width:100%;display:block;border-radius:3px;object-fit:contain}@keyframes flow{0%{transform:translate3d(100vw,0,0) rotate(var(--card-rotate, 0deg))}to{transform:translate3d(calc(-100vw - 20px),0,0) rotate(var(--card-rotate, 0deg))}}.sc-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;color:#f5e7d4;font-family:Cormorant Garamond,"Noto Serif JP",Georgia,serif;display:flex;align-items:center;justify-content:center}.sc-close{position:absolute;top:18px;right:22px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,210,160,.4);background:#ffdcb41f;color:#f5e7d4;font-size:22px;line-height:1;cursor:pointer}.sc-close:hover{background:#ffdcb438}.sc-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(1200px 700px at 50% 30%,rgba(255,210,160,.18),transparent 70%),radial-gradient(900px 600px at 50% 120%,rgba(230,170,110,.12),transparent 70%),linear-gradient(180deg,#1a120d,#261a12)}.sc-msg{position:relative;z-index:1;text-align:center;color:#f0d8b8}.sc-msg-sub{margin-top:6px;font-size:13px;color:#b39079}.sc-intro{position:relative;z-index:1;text-align:center;animation:sc-fade .8s ease-out both}.sc-eyebrow{margin:0;font-size:13px;letter-spacing:.4em;text-transform:uppercase;color:#e0b884}.sc-title{margin:10px 0 14px;font-size:clamp(40px,7vw,84px);font-weight:400;letter-spacing:.06em;font-style:italic;color:#fff3dc}.sc-sub{margin:0 0 28px;font-size:18px;letter-spacing:.2em;color:#d9b88a}.sc-start{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:16px 44px;font-size:18px;letter-spacing:.2em;border-radius:999px;background:linear-gradient(135deg,#f3c784,#c7873f);color:#2c1c10;cursor:pointer;box-shadow:0 10px 30px #f0b46459;transition:transform .15s ease,box-shadow .15s ease}.sc-start:hover{transform:translateY(-2px);box-shadow:0 14px 36px #f0b46480}.sc-stage{position:relative;z-index:1;width:100%;max-width:1400px;padding:40px;display:flex;flex-direction:column;align-items:center;gap:18px}.sc-stage-portrait{--stage-pad-v: clamp(16px, 2.5vh, 36px);--stage-pad-r: clamp(60px, 9vw, 200px);display:grid;grid-template-columns:1fr min(calc((100dvh - 2 * var(--stage-pad-v)) * var(--img-aspect, .75)),82vw);grid-template-rows:1fr auto auto 1fr;grid-template-areas:".        frame" "counter  frame" "caption  frame" ".        frame";row-gap:18px;max-width:none;width:100vw;height:100dvh;padding:var(--stage-pad-v) var(--stage-pad-r) var(--stage-pad-v) 0;align-items:center;justify-items:center}.sc-stage-portrait .sc-counter{grid-area:counter}.sc-stage-portrait .sc-caption{grid-area:caption}.sc-stage-portrait .sc-frame-wrap{grid-area:frame;align-self:stretch;justify-self:stretch;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sc-stage-portrait .sc-frame{width:100%;height:auto;max-height:100%;aspect-ratio:var(--img-aspect, 3 / 4)}.sc-counter{font-size:13px;letter-spacing:.3em;color:#e0b884;text-transform:uppercase;animation:sc-fade .6s ease-out both}.sc-frame-wrap{position:relative;width:100%;max-width:1100px;display:flex;justify-content:center}.sc-frame{position:relative;z-index:1;width:100%;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:#fff;padding:10px;box-shadow:0 0 0 1px #ffd2a04d,0 24px 60px #00000080,0 0 80px #f0b4641f;animation:sc-drop .8s cubic-bezier(.55,0,.55,1) both;transform-origin:50% 50%}.sc-smoke{position:absolute;left:50%;bottom:-60px;transform:translate(-50%);width:140%;height:280px;pointer-events:none;z-index:0}.sc-smoke span{position:absolute;bottom:0;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,245,230,1),rgba(235,210,180,.85) 35%,rgba(200,170,140,.45) 60%,transparent 80%);opacity:0;filter:blur(14px);animation:sc-smoke-puff 2.6s cubic-bezier(.18,.7,.3,1) .5s both}.sc-smoke span:nth-child(1){left:0%;animation-delay:.5s;--dx: -90px;--sc: 3}.sc-smoke span:nth-child(2){left:12%;animation-delay:.58s;--dx: -62px;--sc: 2.6}.sc-smoke span:nth-child(3){left:26%;animation-delay:.54s;--dx: -28px;--sc: 2.9}.sc-smoke span:nth-child(4){left:40%;animation-delay:.62s;--dx: 10px;--sc: 2.7}.sc-smoke span:nth-child(5){left:54%;animation-delay:.56s;--dx: -6px;--sc: 3.1}.sc-smoke span:nth-child(6){left:68%;animation-delay:.64s;--dx: 32px;--sc: 2.6}.sc-smoke span:nth-child(7){left:82%;animation-delay:.59s;--dx: 68px;--sc: 2.9}.sc-smoke span:nth-child(8){left:96%;animation-delay:.66s;--dx: 96px;--sc: 3}@keyframes sc-smoke-puff{0%{opacity:0;transform:translateY(50px) scale(.25)}14%{opacity:1;transform:translate(calc(var(--dx) * .2),-8px) scale(1.4)}40%{opacity:.85;transform:translate(calc(var(--dx) * .55),-70px) scale(calc(var(--sc) * .78))}70%{opacity:.45;transform:translate(calc(var(--dx) * .85),-140px) scale(var(--sc))}to{opacity:0;transform:translate(var(--dx),-220px) scale(calc(var(--sc) * 1.25))}}@keyframes sc-drop{0%{opacity:0;transform:translateY(-120vh) scale(.88) rotate(-1.4deg);filter:blur(3px)}60%{opacity:1;filter:blur(0);transform:translateY(0) scale(1) rotate(0)}68%{transform:translateY(10px) scale(1.02) rotate(.4deg)}78%{transform:translateY(-4px) scale(.995) rotate(-.2deg)}88%{transform:translateY(2px) scale(1) rotate(.1deg)}to{transform:translateY(0) scale(1) rotate(0)}}.sc-frame img{width:100%;height:100%;object-fit:contain;border-radius:8px;display:block}.sc-caption{display:inline-flex;align-items:center;gap:14px;padding:10px 22px;border-radius:999px;background:#ffdcb41a;border:1px solid rgba(255,210,160,.28);animation:sc-fade .8s .35s ease-out both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sc-caption-side{font-size:clamp(16px,1.6vw,20px);font-weight:600;letter-spacing:.18em;padding:8px 20px;border-radius:999px;color:#fff;text-transform:none}.sc-caption-groom{background:linear-gradient(135deg,#7aa6c9,#4f7fa8)}.sc-caption-bride{background:linear-gradient(135deg,#d98bb5,#b8618f)}.sc-caption-name{font-family:"Noto Serif JP",Cormorant Garamond,Georgia,serif;font-size:clamp(20px,2.4vw,30px);letter-spacing:.08em;color:#fff3dc}.sc-nav{position:fixed;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;gap:0;z-index:5;pointer-events:none;animation:sc-fade .8s .5s ease-out both}.sc-nav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:6px 14px;border-radius:999px;font-size:12px;letter-spacing:.12em;background:#ffdcb41a;border:1px solid rgba(255,210,160,.3);color:#f5e7d4;cursor:pointer;transition:background .15s ease,opacity .15s ease;pointer-events:auto}.sc-nav-btn:hover:not(:disabled){background:#ffdcb438}.sc-nav-btn:disabled{opacity:.35;cursor:not-allowed}.sc-nav-primary{background:linear-gradient(135deg,#f3c784,#c7873f);color:#2c1c10;border-color:transparent}.sc-nav-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffd59a,#d89450)}@keyframes sc-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sc-anticipate{position:relative;z-index:1;width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;cursor:pointer;-webkit-user-select:none;user-select:none}.sc-counter-top{position:absolute;top:28px;left:50%;transform:translate(-50%)}.sc-suspense{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;animation:sc-fade .8s ease-out both;z-index:2}.sc-suspense-eyebrow{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(14px,1.6vw,20px);letter-spacing:.45em;text-transform:uppercase;color:#e0b884;padding-left:.45em}.sc-suspense-eyebrow:before,.sc-suspense-eyebrow:after{content:"";display:inline-block;width:38px;height:1px;background:linear-gradient(to right,transparent,#c7873f,transparent);vertical-align:middle;margin:0 14px}.sc-suspense-main{font-size:clamp(32px,5vw,64px);letter-spacing:.18em;color:#fff3dc;text-shadow:0 2px 22px rgba(240,180,100,.35),0 0 40px rgba(255,200,140,.15);display:inline-flex;align-items:baseline;gap:8px;font-weight:300}.sc-dots{display:inline-flex;gap:3px;letter-spacing:0;color:#f3c784}.sc-dots span{display:inline-block;animation:sc-dot 1.2s ease-in-out infinite}.sc-dots span:nth-child(2){animation-delay:.2s}.sc-dots span:nth-child(3){animation-delay:.4s}@keyframes sc-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.sc-rays{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;z-index:0;animation:sc-rays-spin 40s linear infinite,sc-fade 1s ease-out both}.sc-rays span{position:absolute;left:50%;top:50%;width:2px;height:120vmax;margin-left:-1px;margin-top:-60vmax;background:linear-gradient(to bottom,transparent 0%,transparent 42%,rgba(255,210,150,.22) 50%,transparent 58%,transparent 100%);transform-origin:center center;filter:blur(.5px)}@keyframes sc-rays-spin{to{transform:rotate(360deg)}}.sc-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.sc-particle{position:absolute;bottom:-40px;animation-name:sc-particle-rise;animation-timing-function:cubic-bezier(.3,0,.6,1);animation-iteration-count:infinite;filter:drop-shadow(0 0 6px rgba(255,210,150,.6));will-change:transform,opacity}@keyframes sc-particle-rise{0%{transform:translateZ(0) rotate(0) scale(.5);opacity:0}12%{opacity:1}55%{transform:translate3d(8px,-55vh,0) rotate(160deg) scale(1);opacity:1}to{transform:translate3d(-8px,-112vh,0) rotate(360deg) scale(.4);opacity:0}}.sc-skip-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:12px;letter-spacing:.35em;color:#f5e7d459;z-index:3;text-transform:lowercase}.sc-finale{position:relative;z-index:2;width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px 20px}.sc-finale-eyebrow{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(20px,2.6vw,38px);letter-spacing:.5em;text-transform:uppercase;color:#e0b884;opacity:0;animation:sc-fade 1s ease-out both}.sc-finale-heart{position:relative;width:min(72vh,62vw);height:min(72vh,62vw);max-width:720px;max-height:720px;overflow:visible}.sc-finale-outline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.sc-finale-outline path{fill:none;stroke:url(#sc-finale-gold);stroke-width:.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2.5px rgba(240,180,100,.55));animation:sc-heart-trace 2.7s cubic-bezier(.72,0,.28,1) both,sc-heart-glow 2.8s ease-in-out 2 both;will-change:stroke-dashoffset,stroke-width}@keyframes sc-heart-trace{0%{stroke-dashoffset:var(--len, 2000)}to{stroke-dashoffset:0}}@keyframes sc-heart-glow{0%,to{stroke-width:.65;filter:drop-shadow(0 0 2.5px rgba(240,180,100,.45))}50%{stroke-width:1.05;filter:drop-shadow(0 0 14px rgba(240,180,100,.9))}}.sc-finale-info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#fff3dc;pointer-events:none;z-index:4;opacity:0;animation:sc-finale-info-in 1.4s cubic-bezier(.22,1,.36,1) both}@keyframes sc-finale-info-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.sc-finale-names{font-family:Cormorant Garamond,"Noto Serif JP",Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(22px,3.8vw,60px);letter-spacing:.08em;color:#fff5e0;text-shadow:0 2px 18px rgba(0,0,0,.7);white-space:nowrap;padding:.15em 1.2em;background:radial-gradient(ellipse at center,#0a0604e0,#0a0604cc 45%,#0a060473 75%,#0a060400);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sc-finale-amp{color:#f3c784;margin:0 .18em;font-size:.9em}.sc-finale-sep{width:52%;height:1px;background:linear-gradient(to right,transparent,rgba(240,180,100,.75),transparent);position:relative;margin:4px 0 6px}.sc-finale-sep:before{content:"♦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f3c784;font-size:10px;line-height:1;padding:0 8px}.sc-finale-date{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(13px,1.4vw,20px);letter-spacing:.35em;color:#f5e7d4;text-shadow:0 1px 10px rgba(0,0,0,.6);padding:.5em 1.6em;background:radial-gradient(ellipse at center,#0a0604e0,#0a0604cc 45%,#0a060473 75%,#0a060400);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sc-finale-venue{font-family:"Noto Serif JP",serif;font-size:clamp(14px,1.5vw,22px);letter-spacing:.4em;color:#f5e7d4;text-shadow:0 1px 10px rgba(0,0,0,.6);padding:.5em 1.6em;background:radial-gradient(ellipse at center,#0a0604e0,#0a0604cc 45%,#0a060473 75%,#0a060400);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sc-finale-tile{position:absolute;width:var(--tile-size, 7%);height:var(--tile-size, 7%);border-radius:6px;overflow:hidden;opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0);box-shadow:0 4px 14px #00000080,0 0 0 1px #ffd2a047,0 0 18px #ffc88c1f;animation:sc-finale-tile-in .9s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity}.sc-finale-tile img{width:100%;height:100%;object-fit:cover;display:block}@keyframes sc-finale-tile-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(calc(var(--rot, 0deg) - 24deg));filter:brightness(1.8) blur(2px)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.22) rotate(var(--rot, 0deg));filter:brightness(1.1) blur(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--rot, 0deg));filter:brightness(1) blur(0)}}.sc-finale-thanks{margin:0;font-family:"Noto Serif JP",Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(22px,3vw,36px);letter-spacing:.22em;color:#fff3dc;text-shadow:0 2px 22px rgba(240,180,100,.35),0 0 40px rgba(255,200,140,.15);opacity:0;animation:sc-fade 1.1s ease-out both}.sc-finale-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 30px;border-radius:999px;font-size:13px;letter-spacing:.22em;background:#ffdcb41f;border:1px solid rgba(255,210,160,.4);color:#f5e7d4;cursor:pointer;opacity:0;animation:sc-fade 1s ease-out both;transition:background .15s ease}.sc-finale-close:hover{background:#ffdcb438}