html{scroll-behavior:smooth}
/* Guest navigation: native scroll, one opening cue, and a visible card-to-note handoff. */
.safarnama-watermark{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:110px;height:auto;z-index:4;opacity:.64;pointer-events:none;user-select:none;filter:drop-shadow(0 0 2px #fff7df90)}
.dark-scene .safarnama-watermark{filter:brightness(0) invert(1);opacity:.72}
#music-toggle{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:4;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(92,57,38,.24);border-radius:999px;background:rgba(255,248,225,.82);color:#55372b;box-shadow:0 4px 18px rgba(75,43,24,.10);backdrop-filter:blur(8px);font:10px system-ui;letter-spacing:.08em;text-transform:uppercase;transition:opacity .2s,transform .2s,background .2s}
#music-toggle:hover{background:rgba(255,251,238,.96);transform:translateY(-1px)}
#music-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#music-toggle .music-off{display:none}.is-paused#music-toggle .music-off{display:block}.is-paused#music-toggle{opacity:.72}
.dark-scene #music-toggle{background:rgba(43,31,28,.72);border-color:rgba(255,242,201,.35);color:#fff2c9}
#scroll-cue{position:fixed;left:50%;bottom:36px;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 18px 8px;color:#542f24;background:rgba(255,248,225,.9);border:1px solid rgba(142,86,50,.34);border-radius:999px;box-shadow:0 5px 22px rgba(96,54,29,.18);backdrop-filter:blur(7px);font:600 11px system-ui;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;animation:scroll-cue-glow 2s ease-in-out infinite}
#scroll-cue svg,.continuation-hint svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:continue-down 1.8s ease-in-out infinite}
.card-holder{height:84dvh}
#invitation #card-stage{height:var(--card-height,84dvh);min-height:0;padding:35px 28px 28px}
#invitation #card-stage:before{inset:16px 20px 14px}
#card-stage .couple-art{height:30dvh;max-height:310px;flex-shrink:1;min-height:0;object-fit:contain;margin:10px auto 0}
#invitation #card-stage h1{margin:14px 0;font-size:clamp(48px,8vw,84px)}
#invitation #card-stage p{margin:7px 0;flex-shrink:0}
#invitation #card-stage .sample-label{font-size:10px!important}
#invitation .continuation-hint{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:6px;margin:13px auto 0;color:#8c3330;text-decoration:none;font:11px system-ui;letter-spacing:.08em;opacity:var(--continue-opacity,0);padding:5px 15px}
#invitation .continuation-hint:focus-visible{outline:1px solid #8c3330;outline-offset:4px;border-radius:4px}
#invitation #personal-note{padding-top:24px;scroll-margin-top:24px}
#personal-note h2{margin-top:14px}
@keyframes continue-down{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes scroll-cue-glow{0%,100%{box-shadow:0 5px 22px rgba(96,54,29,.18)}50%{box-shadow:0 6px 30px rgba(158,76,37,.38),0 0 0 5px rgba(255,248,225,.34)}}
@media(max-width:600px){.safarnama-watermark{width:88px;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}#music-toggle{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));padding:9px}#music-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#scroll-cue{bottom:48px;font-size:10px}#invitation #card-stage{padding:32px 22px 24px}#invitation #card-stage:before{inset:12px 10px 10px}#invitation #card-stage h1{font-size:clamp(44px,12vw,65px);margin:11px 0}#invitation .continuation-hint{font-size:10px;gap:3px;margin-top:9px}#invitation #card-stage .sample-label{font-size:9px!important}}
@media(max-height:650px){#invitation #card-stage{padding-top:20px;padding-bottom:18px}#invitation #card-stage h1{font-size:clamp(32px,9dvh,58px);margin:6px 0}#card-stage .couple-art{height:25dvh;margin-top:3px}#invitation #card-stage p{font-size:14px;margin:4px 0}#invitation #card-stage .eyebrow{font-size:9px}#invitation .continuation-hint{margin-top:5px;gap:1px}.continuation-hint svg{height:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#scroll-cue,#scroll-cue svg,.continuation-hint svg{animation:none}}

.demo-purchase{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:6;margin:0;padding:0}
#invitation .demo-order-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 24px;border:1px solid rgba(255,243,201,.55);border-radius:999px;background:#a82932;color:#fff3c9!important;text-decoration:none;font:700 13px system-ui;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;box-shadow:0 9px 26px rgba(98,35,34,.28);transition:transform .2s,box-shadow .2s,background .2s}
#invitation .demo-order-button strong{font:inherit}
#invitation .demo-order-button:hover{transform:translateY(-2px);background:#94232b;box-shadow:0 12px 30px rgba(98,35,34,.34)}
#invitation .demo-order-button:focus-visible{outline:2px solid #613d29;outline-offset:4px}
@media(max-width:600px){.safarnama-watermark{bottom:max(82px,calc(env(safe-area-inset-bottom) + 68px))}.demo-purchase{left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));transform:none}#invitation .demo-order-button{width:100%;min-height:48px;padding:12px 16px;font-size:12px}#scroll-cue{bottom:104px}}