:root{color:#163c38;font-synthesis:none;--paper:#f3eee5;--ink:#163c38;--gold:#aa874b;background:#f3eee5;font-family:Cormorant Garamond,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:12px}body{min-width:280px;margin:0}body.invitation-closed{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #856328}.invitation-shell{width:min(100%,480px);margin-inline:auto;box-shadow:0 0 70px #5b422509}.opening-scene{background:#f0ebe3;place-items:center;min-height:100svh;display:grid}.invitation-reveal-glow{z-index:40;pointer-events:none;background:radial-gradient(at 50% 56%,#fffefa 0%,#fff6dce8 45%,#fffaf0d9 100%);position:fixed;inset:0}.music-toggle{z-index:30;top:calc(12px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:44px;height:44px;color:var(--ink);background:#fffaf080;border:1px solid #ffffffa6;border-radius:50%;padding:12px;position:fixed;right:max(12px,50vw - 228px);box-shadow:0 2px 14px #78572b17}.music-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.falling-petals{z-index:12;pointer-events:none;width:min(100%,480px);height:100dvh;position:fixed;top:0;left:50%;overflow:hidden;translate:-50%}.flower-petal{width:var(--size);height:calc(var(--size) * 1.4);animation:petal-fall var(--duration) var(--delay) linear infinite;will-change:transform;background:radial-gradient(at 30% 25%,#ffe3dfe8,#f3b1bae0 58%,#c9799099);border-radius:75% 15% 70% 25%;display:block;position:absolute;top:-24px;box-shadow:inset 1px 1px 2px #fff5e580}@keyframes petal-fall{0%{opacity:0;transform:translateY(-20px)rotate(15deg)}10%{opacity:.7}50%{transform:translate3d(calc(var(--drift) * -.35),50dvh,0) rotate(170deg)}90%{opacity:.65}to{opacity:0;transform:translate3d(var(--drift),calc(100dvh + 50px),0) rotate(345deg)}}@media (prefers-reduced-motion:reduce){.falling-petals{display:none}}.envelope-frame{aspect-ratio:9/16;width:min(100%,56.25svh);position:relative}.envelope-frame video{object-fit:contain;background:#f0ebe3;width:100%;height:100%;display:block}.seal-open-target{aspect-ratio:1;background:0 0;border:0;border-radius:50%;width:46%;padding:0;position:absolute;top:58%;left:54%;transform:translate(-50%,-50%)}.seal-open-target:focus-visible{outline-offset:5px;outline:3px solid #856328}.opening-hint{text-align:center;pointer-events:none;color:#655047;text-transform:uppercase;letter-spacing:2px;width:90%;margin:0;font:500 11px/1.5 Manrope,Arial,sans-serif;position:absolute;top:82%;left:5%}.skip-button{bottom:max(12px,env(safe-area-inset-bottom));color:#5b514b;background:#f0ebe3d5;border:0;border-radius:25px;min-height:44px;padding:8px 15px;font:12px/1.5 Manrope,Arial,sans-serif;position:absolute;left:50%;transform:translate(-50%)}.playback-status{text-align:center;color:#5b514b;width:88%;margin:0;font:12px/1.5 Manrope,Arial,sans-serif;position:absolute;bottom:62px;left:6%}.playback-status:not(:empty){background:#f0ebe3ed;border-radius:12px;padding:10px}.blessing-scene{text-align:center;background:radial-gradient(ellipse at top,#fff9ee,var(--paper) 80%);min-height:100svh;padding:40px 22px 34px}.script-line{color:#7d6251;margin:0 0 12px;font-size:23px;font-style:italic;line-height:1.15}.ornament{fill:none;width:150px;height:15px;stroke:var(--gold);stroke-width:.8px;margin:14px auto;display:block}.temple-scene{margin:16px -22px 24px}.temple-image-window{aspect-ratio:1149/968;position:relative;overflow:hidden}.temple-scene img{width:100%;height:auto;display:block;position:absolute;top:0;left:0;transform:translateY(-29.2398%)}h1{margin:0;font-size:clamp(24px,8vw - 5px,33px);font-weight:500;line-height:1.08}h1 span,h1 em{display:block}h1 em{color:var(--gold);margin:12px 0;font-size:27px;font-weight:400}.invite-copy{margin:25px 0;font-size:20px;line-height:1.4}.primary-link{background:var(--ink);color:#fff6e5;border-radius:30px;justify-content:center;align-items:center;gap:14px;min-height:50px;padding:14px 18px;font:500 12px/1.6 Manrope,Arial,sans-serif;text-decoration:none;display:flex}.event-scene{text-align:center;background:linear-gradient(120deg,#f8f0de,#fffaf0 55%,#f4eddd);border-top:1px solid #c4a77255;min-height:100svh;padding:28px 22px 24px;position:relative}.event-scene:before{pointer-events:none;content:"";border:1px solid #c6a56566;border-radius:80px 80px 2px 2px;position:absolute;inset:16px 12px}.event-scene>div{position:relative}.monogram{color:var(--gold);letter-spacing:2px;margin:0 0 15px;font-size:35px;font-weight:400}.monogram em{letter-spacing:0;font-size:23px}.event-scene .script-line{font-size:20px}.event-scene h2{margin:10px 0 6px;font-size:clamp(44px,13vw,65px);font-weight:500;line-height:.96}.event-artwork{width:calc(100% + 44px);margin:15px -22px 20px;position:relative;overflow:hidden}.event-artwork img{width:100%;height:auto;transform:translateY(calc(-1 * var(--art-start)));display:block;position:absolute;top:0;left:0}.event-date{margin:12px 0 5px;font-size:26px;font-weight:500;line-height:1.1}.event-time{margin:8px 0 12px;font-size:25px;line-height:1.15}.event-venue{margin:10px 0 20px;font-size:34px;line-height:1.05}.event-venue span{margin-top:6px;font-size:22px;display:block}.scroll-down-tab{z-index:21;width:min(100% - 32px,300px);min-height:60px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);color:var(--ink);text-shadow:0 0 8px #fffaf0,0 0 16px #fff5da;background:linear-gradient(135deg,#fffaf080,#fffaf040);border:1px solid #ffffffa6;border-bottom:0;border-radius:24px 24px 0 0;justify-content:center;align-items:center;gap:10px;font:500 12px/1.5 Manrope,Arial,sans-serif;display:flex;position:fixed;bottom:0;left:50%;translate:-50%;box-shadow:0 -4px 24px #aa874b1c,inset 0 1px #ffffffe0}.scroll-down-tab:before{content:"";z-index:-1;pointer-events:none;filter:blur(8px);background:radial-gradient(at 50% 65%,#fff9e7a6 0%,#fff9e745 45%,#0000 75%);position:absolute;inset:0}.scroll-down-tab span{min-width:0}.scroll-down-tab small{opacity:.85;font-size:10px;font-weight:400;display:block}.scroll-down-tab strong{font-size:13px;font-weight:600;line-height:1.4;display:block}.scroll-down-tab svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #fff5da);flex-shrink:0;width:20px;height:20px;animation:2.4s ease-in-out infinite scroll-cue-float}@keyframes scroll-cue-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.scroll-down-tab svg{animation:none}}.closing-line{margin:24px 0 4px;font-size:24px;font-style:italic;line-height:1.2}.wedding-scene .event-artwork{margin-bottom:12px}.scratch-instruction{margin:0 0 9px;font-size:18px}.scratch-panel{background:#fff8e8;border:2px solid #ac843c;border-radius:12px;height:150px;position:relative;overflow:hidden;box-shadow:0 3px 12px #77531422}.date-content{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:0}.date-content span{text-transform:uppercase;letter-spacing:3px;font:10px/1.5 Manrope,Arial,sans-serif}.date-content strong{font-size:clamp(30px,9vw,41px);font-weight:600;line-height:1.1}.date-content small{text-transform:uppercase;letter-spacing:2px;font:9px/1.5 Manrope,Arial,sans-serif}.scratch-panel canvas{touch-action:none;cursor:crosshair;opacity:1;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.scratch-panel canvas.revealed{opacity:0;pointer-events:none}.scratch-caption{color:#503617;pointer-events:none;flex-direction:column;justify-content:center;gap:7px;display:flex;position:absolute;inset:0}.scratch-caption span{font-size:27px}.scratch-caption small{font-size:17px;font-style:italic}.scratch-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.text-button{color:#785f45;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:10px 7px;font:11px/1.5 Manrope,Arial,sans-serif;text-decoration:underline}.scratch-status{color:#70604c;min-height:30px;margin:0 0 8px;font:10px/1.5 Manrope,Arial,sans-serif}.closing-section{padding:40px 26px max(36px,env(safe-area-inset-bottom));text-align:center}.venue-address{margin:24px 0;font-size:20px;line-height:1.5}.closing-section .text-button{margin-top:18px}.back-to-invitation{color:var(--ink);text-align:center;padding:22px;display:block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scratch-panel canvas{transition:none}}