:root{--invitation-page-bg:#e9e2d3;--invitation-text:#35281f;--gold:#e2bd82;--glass-dark:#23191394}html,body,#root{background:var(--invitation-page-bg);width:100%;min-width:0;max-width:100%;margin:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box}img,video{max-width:100%}.wedding-cinematic{z-index:999999;background:var(--invitation-page-bg);opacity:1;visibility:visible;isolation:isolate;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.cinematic-stage{background:var(--invitation-page-bg);touch-action:manipulation;outline:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.cinematic-video{object-fit:contain;object-position:center;background:var(--invitation-page-bg);backface-visibility:hidden;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.video-door{z-index:2;opacity:1;filter:brightness();transition:transform 2.1s cubic-bezier(.16,.76,.24,1),opacity 1.8s,filter 1.6s;transform:scale(1)}.video-second{z-index:3;opacity:0;clip-path:inset(0 48% round 4px);filter:brightness(.72)saturate(.88);transition:clip-path 1.75s cubic-bezier(.16,.78,.2,1),transform 2.1s cubic-bezier(.16,.78,.2,1),opacity .45s,filter 1.8s;transform:scale(1.16)}.phase-reveal .video-door{filter:brightness(.88);transform:scale(1.045)}.phase-reveal .video-second{opacity:1;clip-path:inset(0 5%);filter:brightness(.94)saturate(.96);transform:scale(1.045)}.phase-second .video-door{opacity:0;filter:brightness(.58)blur(2px);transform:scale(1.09)}.phase-second .video-second{opacity:1;clip-path:inset(0);filter:brightness()saturate();animation:12s cubic-bezier(.18,.58,.22,1) forwards slowSecondMovement}@keyframes slowSecondMovement{0%{transform:scale(1.045)}45%{transform:scale(1.02)}to{transform:scale(1)}}.cinematic-vignette{z-index:10;pointer-events:none;background:linear-gradient(#00000008 0%,#0000 35% 65%,#00000029 100%);position:absolute;inset:0}.door-tap-guide{z-index:30;left:50%;bottom:max(28px, calc(env(safe-area-inset-bottom) + 18px));color:#fff;text-align:center;-webkit-backdrop-filter:blur(9px);cursor:pointer;background:#120c0975;border:1px solid #ffffff57;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:max-content;max-width:calc(100vw - 32px);padding:12px 20px;font-family:Tajawal,sans-serif;font-size:14px;animation:2s ease-in-out infinite guideFloat;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 28px #00000038}.door-tap-guide i{border-radius:inherit;pointer-events:none;border:1px solid #f2d8ac75;animation:1.8s ease-out infinite guidePulse;position:absolute;inset:-1px}@keyframes guideFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-4px)}}@keyframes guidePulse{0%{opacity:.65;transform:scale(1)}80%{opacity:0;transform:scale(1.13)}to{opacity:0}}.wedding-cinematic.phase-finalFrame,.wedding-cinematic.phase-scrolling{z-index:5;background:var(--invitation-page-bg);opacity:1;visibility:visible;width:100%;height:100dvh;min-height:100dvh;margin:0;padding:0;position:relative;inset:auto;overflow:hidden}.phase-finalFrame .cinematic-stage,.phase-scrolling .cinematic-stage{width:100%;height:100%;position:absolute;inset:0}.phase-finalFrame .video-door,.phase-scrolling .video-door{display:none}.phase-finalFrame .video-second,.phase-scrolling .video-second{opacity:1;visibility:visible;object-fit:contain;object-position:center;clip-path:none;filter:none;background:var(--invitation-page-bg);width:100%;height:100%;transition:none;animation:none;display:block;position:absolute;inset:0;transform:none}.final-couple-names{z-index:60;left:50%;bottom:max(9%, calc(env(safe-area-inset-bottom) + 42px));text-align:center;color:#fff;pointer-events:none;text-shadow:0 2px 4px #000000a6,0 4px 18px #0000008c;width:min(90vw,430px);animation:1.25s cubic-bezier(.2,.7,.25,1) both finalNamesIn;position:absolute;transform:translate(-50%)}.final-couple-names small{color:#fff7e8;opacity:1;margin-bottom:8px;font-family:Aref Ruqaa,Amiri,serif;font-size:clamp(18px,2.8vw,24px);font-weight:700;line-height:1.2;display:block}.final-couple-names>div{justify-content:center;align-items:center;gap:14px;font-family:Aref Ruqaa,Amiri,serif;font-size:clamp(36px,6vw,56px);line-height:1.25;display:flex}.final-couple-names b{color:#edcf9e;font-family:Georgia,serif;font-size:.55em;font-weight:400}.final-couple-names i{background:linear-gradient(90deg,#0000,#e3bf85,#0000);width:90px;height:1px;margin:10px auto 0;display:block}.phase-scrolling .final-couple-names{opacity:1;animation:none}@keyframes finalNamesIn{0%{opacity:0;transform:translate(-50%)translateY(18px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.scroll-stop-hint{z-index:80;left:50%;bottom:max(22px, calc(env(safe-area-inset-bottom) + 12px));color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(8px);pointer-events:none;background:#120c0970;border:1px solid #ffffff47;border-radius:999px;max-width:calc(100vw - 28px);padding:9px 17px;font-family:Tajawal,sans-serif;font-size:12px;position:absolute;transform:translate(-50%)}#legacy-invitation{z-index:1;visibility:visible;opacity:1;background:var(--invitation-page-bg);width:100%;max-width:100%;height:auto;min-height:auto;margin:0;padding:0;display:block;position:relative;overflow:visible}#legacy-invitation .frame,#legacy-invitation .sheets{visibility:visible;opacity:1;background:var(--invitation-page-bg);height:auto;min-height:auto;display:block;overflow:visible}#legacy-invitation .sheets{margin-top:0;padding-top:18px}#legacy-invitation .sheet{visibility:visible}#legacy-invitation #hero,#legacy-invitation .hero,#legacy-invitation #cover,#legacy-invitation .cover,#legacy-invitation #revealVid{visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}.petal-rain{z-index:9999999;pointer-events:none;background:0 0;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.petal-rain .cinematic-petal{opacity:.95;will-change:transform, opacity;background:linear-gradient(145deg,#fff1ec 0%,#efb8ae 45%,#d9877b 100%);border-radius:80% 20% 75% 25%/70% 30%;width:18px;height:28px;animation-name:petalFallVisible;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-40px;box-shadow:0 3px 8px #6e463738}@keyframes petalFallVisible{0%{opacity:0;transform:translateY(-60px)rotate(0)}8%{opacity:.95}35%{transform:translate(35px,35vh)rotate(110deg)}68%{transform:translate(-25px,72vh)rotate(240deg)}to{opacity:.55;transform:translate(55px,115vh)rotate(420deg)}}.cinematic-petal-1{animation-duration:8.5s;animation-delay:-1s;left:3%}.cinematic-petal-2{animation-duration:10s;animation-delay:-4s;left:9%}.cinematic-petal-3{animation-duration:9s;animation-delay:-6s;left:16%}.cinematic-petal-4{animation-duration:11s;animation-delay:-2s;left:23%}.cinematic-petal-5{animation-duration:8s;animation-delay:-5s;left:31%}.cinematic-petal-6{animation-duration:10.5s;animation-delay:-7s;left:39%}.cinematic-petal-7{animation-duration:9.5s;animation-delay:-3s;left:47%}.cinematic-petal-8{animation-duration:11.5s;animation-delay:-8s;left:55%}.cinematic-petal-9{animation-duration:8.8s;animation-delay:-4s;left:63%}.cinematic-petal-10{animation-duration:10.8s;animation-delay:-6s;left:70%}.cinematic-petal-11{animation-duration:9.2s;animation-delay:-2s;left:77%}.cinematic-petal-12{animation-duration:11s;animation-delay:-7s;left:84%}.cinematic-petal-13{animation-duration:8.6s;animation-delay:-3s;left:91%}.cinematic-petal-14{animation-duration:10s;animation-delay:-5s;left:97%}.cinematic-petal-1,.cinematic-petal-4,.cinematic-petal-7,.cinematic-petal-10,.cinematic-petal-13{width:14px;height:22px}.cinematic-petal-2,.cinematic-petal-5,.cinematic-petal-8,.cinematic-petal-11,.cinematic-petal-14{width:20px;height:30px}.guestbook-section{overflow:hidden}.guestbook-list{gap:12px;margin-top:18px;display:grid}.guestbook-card{text-align:right;background:#ffffff7a;border:1px solid #b8955a4d;border-radius:14px;padding:16px 18px;position:relative}.guestbook-name{color:var(--copper-d);margin-bottom:6px;font-family:El Messiri,Tajawal,sans-serif;font-size:15px;font-weight:600}.guestbook-message{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font-family:Amiri,serif;font-size:18px;line-height:1.9}.guestbook-empty{color:var(--muted);text-align:center;padding:18px;font-size:14px}.rsvp .err.ok{color:#58724d}.rsvp button[disabled]{opacity:.65;cursor:wait}.music-control{top:max(18px, calc(env(safe-area-inset-top) + 8px));left:max(18px, calc(env(safe-area-inset-left) + 12px));z-index:10000000;align-items:center;gap:9px;display:flex;position:fixed}.music-toggle{color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#2319137a;border:1px solid #ffffff6b;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:transform .25s,background .25s,opacity .25s;display:flex;position:relative;box-shadow:0 6px 22px #0003}.music-toggle span{font-size:21px;line-height:1}.music-toggle:hover{transform:scale(1.06)}.music-toggle:active{transform:scale(.94)}.music-toggle.is-playing{animation:2.4s ease-in-out infinite musicSoftPulse}.music-toggle.is-muted{background:#5041398c;animation:none}@keyframes musicSoftPulse{0%,to{box-shadow:0 6px 22px #0003,0 0 #e9c58b33}50%{box-shadow:0 6px 22px #0003,0 0 0 8px #e9c58b00}}.music-volume-box{background:var(--glass-dark);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff52;border-radius:999px;align-items:center;gap:7px;height:42px;padding:0 12px;display:flex;box-shadow:0 5px 18px #0000002e}.music-volume-slider{cursor:pointer;width:110px;height:4px;accent-color:var(--gold)}.volume-small,.volume-large{color:#fff;-webkit-user-select:none;user-select:none;font-family:Arial,sans-serif;line-height:1}.volume-small{font-size:18px}.volume-large{font-size:18px;font-weight:700}@media (width>=601px) and (width<=1024px){.final-couple-names{width:min(76vw,460px)}.music-volume-slider{width:100px}#legacy-invitation .sheet{max-width:min(92vw,760px);margin-inline:auto}}@media (width<=600px){.door-tap-guide{max-width:calc(100vw - 24px);padding:11px 16px;font-size:13px}.final-couple-names{width:92vw;bottom:max(10%, calc(env(safe-area-inset-bottom) + 42px))}.final-couple-names>div{gap:10px;font-size:clamp(32px,10vw,46px)}.final-couple-names small{font-size:clamp(18px,5vw,22px)}.scroll-stop-hint{padding:8px 13px;font-size:11px}.music-control{top:max(14px, calc(env(safe-area-inset-top) + 6px));left:max(12px, calc(env(safe-area-inset-left) + 8px));gap:7px}.music-toggle{width:43px;height:43px}.music-toggle span{font-size:19px}.music-volume-box{gap:5px;height:40px;padding:0 9px}.music-volume-slider{width:82px}.guestbook-card{padding:14px 15px}.guestbook-message{font-size:17px}}@media (width<=360px){.door-tap-guide{padding:10px 13px;font-size:12px}.music-control{gap:5px}.music-volume-box{padding:0 7px}.music-volume-slider{width:62px}.volume-small,.volume-large{font-size:15px}.final-couple-names>div{font-size:clamp(29px,9.5vw,40px)}}@media (height<=520px){.door-tap-guide{bottom:max(12px, env(safe-area-inset-bottom));padding:8px 14px}.final-couple-names{bottom:max(7%, calc(env(safe-area-inset-bottom) + 20px))}.final-couple-names small{margin-bottom:4px}.final-couple-names>div{font-size:clamp(28px,6vh,42px)}.scroll-stop-hint{bottom:max(8px, env(safe-area-inset-bottom))}}@media (width>=1280px){.final-couple-names{width:460px}.music-volume-slider{width:130px}}@media (prefers-reduced-motion:reduce){.door-tap-guide,.door-tap-guide i,.phase-second .video-second,.music-toggle.is-playing{animation:none}.video-door,.video-second{transition-duration:.01ms}}.second-video-blessing{z-index:55;text-align:center;color:#fff;pointer-events:none;width:min(88vw,620px);animation:1.15s cubic-bezier(.22,.7,.25,1) both blessingMoment;position:absolute;top:18%;left:50%;transform:translate(-50%)}.second-video-blessing span{text-shadow:0 2px 5px #000000b8,0 5px 22px #00000094;font-family:Aref Ruqaa,Amiri,serif;font-size:clamp(27px,5vw,48px);font-weight:600;line-height:1.45;display:block}.second-video-blessing i{background:linear-gradient(90deg,#0000,#edd09c,#0000);width:74px;height:1px;margin:10px auto 0;display:block}@keyframes blessingMoment{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.98)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-5px)scale(1.01)}}@media (width<=600px){.second-video-blessing{width:90vw;top:16%}.second-video-blessing span{font-size:clamp(25px,8vw,38px)}}@media (height<=520px){.second-video-blessing{top:11%}.second-video-blessing span{font-size:clamp(23px,7vh,34px)}}.wedding-cinematic,#legacy-invitation{overflow-anchor:none}html{scroll-behavior:auto}.wedding-cinematic.phase-finalFrame,.wedding-cinematic.phase-scrolling{overflow:visible!important}.petal-rain{z-index:99999999!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;width:100vw!important;height:100dvh!important;display:block!important;position:fixed!important;inset:0!important;overflow:hidden!important}.petal-rain .cinematic-petal{visibility:visible!important;animation-name:petalFallVisible!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;display:block!important}html,body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;width:100%;min-height:100%;overflow-y:auto!important}body:not(.locked){height:auto!important;overflow-y:auto!important}#root{min-height:100%;overflow-x:hidden}.guestbook-card-pending{opacity:.82;animation:.35s both guestbookPendingIn}@keyframes guestbookPendingIn{0%{opacity:0;transform:translateY(8px)}to{opacity:.82;transform:none}}.guestbook-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.guestbook-name{margin-bottom:0!important}.guestbook-time{color:var(--muted);opacity:.8;white-space:nowrap;direction:ltr;flex:none;font-family:Tajawal,sans-serif;font-size:11px}@media (width<=420px){.guestbook-head{align-items:flex-start;gap:8px}.guestbook-time{font-size:10px}}.door-start-image{z-index:8!important;object-fit:contain!important;object-position:center center!important;background:var(--invitation-page-bg)!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;width:100%!important;height:100%!important;transition:opacity .16s!important;display:block!important;position:absolute!important;inset:0!important}.phase-ready .video-door{opacity:0!important}.phase-door .video-door,.phase-reveal .video-door{opacity:1!important}.door-start-image{transition:opacity .28s,visibility .28s!important}.door-start-image.is-visible{opacity:1!important;visibility:visible!important}.door-start-image.is-hidden{opacity:0!important;visibility:hidden!important}.video-door.is-preparing{opacity:0!important}.video-door.is-visible{opacity:1!important;transition:opacity .28s!important}html{height:auto!important;min-height:100%!important;overflow:hidden visible!important}body:not(.locked){-webkit-overflow-scrolling:auto!important;height:auto!important;min-height:100%!important;overflow:hidden visible!important}#root{min-height:100%!important;overflow:hidden visible!important}#legacy-invitation .sheet,#legacy-invitation .guestbook-section{overflow:visible!important}#legacy-invitation h1,#legacy-invitation h2,#legacy-invitation h3,#legacy-invitation .title,#legacy-invitation .guestbook-title,#legacy-invitation label,#legacy-invitation .guestbook-name{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;padding-top:.08em;padding-bottom:.12em;line-height:1.65!important;overflow:visible!important}#legacy-invitation input,#legacy-invitation select,#legacy-invitation textarea,#legacy-invitation button{line-height:1.5!important}#legacy-invitation h1,#legacy-invitation h2,#legacy-invitation h3,#legacy-invitation h4,#legacy-invitation .title,#legacy-invitation .section-title,#legacy-invitation .sheet-title,#legacy-invitation .count-title,#legacy-invitation .guestbook-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;letter-spacing:0!important;word-spacing:normal!important;text-rendering:auto!important;clip-path:none!important;width:auto!important;height:auto!important;min-height:1.8em!important;margin-top:0!important;padding-top:.14em!important;padding-bottom:.18em!important;line-height:1.75!important;display:block!important;overflow:visible!important;-webkit-mask:none!important;mask:none!important}#legacy-invitation .creveal,#legacy-invitation .sheet,#legacy-invitation .frame,#legacy-invitation .sheets{overflow:visible!important}#legacy-invitation [dir=rtl],#legacy-invitation{letter-spacing:normal}@supports (-webkit-touch-callout:none){#legacy-invitation h1,#legacy-invitation h2,#legacy-invitation h3,#legacy-invitation h4,#legacy-invitation .title,#legacy-invitation .section-title,#legacy-invitation .sheet-title,#legacy-invitation .count-title,#legacy-invitation .guestbook-title{backface-visibility:hidden;transform:translateZ(0);padding-top:.18em!important;padding-bottom:.22em!important;line-height:1.85!important}}#legacy-invitation .eyebrow,#legacy-invitation .kicker,#legacy-invitation .section-kicker,#legacy-invitation .section-label,#legacy-invitation .mini-title,#legacy-invitation .small-title,#legacy-invitation .subtitle,#legacy-invitation [class*=eyebrow],#legacy-invitation [class*=kicker],#legacy-invitation [class*=label]{letter-spacing:0!important;word-spacing:0!important;font-kerning:normal!important;font-variant-ligatures:normal!important;font-feature-settings:"kern" 1, "liga" 1, "calt" 1!important;text-transform:none!important;white-space:normal!important;clip-path:none!important;text-rendering:auto!important;direction:rtl!important;unicode-bidi:plaintext!important;animation:none!important;overflow:visible!important;transform:none!important}@supports (-webkit-touch-callout:none){#legacy-invitation .eyebrow,#legacy-invitation .kicker,#legacy-invitation .section-kicker,#legacy-invitation .section-label,#legacy-invitation .mini-title,#legacy-invitation .small-title,#legacy-invitation .subtitle,#legacy-invitation [class*=eyebrow],#legacy-invitation [class*=kicker],#legacy-invitation [class*=label]{letter-spacing:0!important;word-spacing:0!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;animation:none!important;transform:none!important}}body{margin:0}#root{width:100%}.react-loader-error{text-align:center;color:#3f3b33;background:#e9e2d3;place-content:center;gap:12px;min-height:100vh;padding:30px;font-family:system-ui,sans-serif;display:grid}.react-loader-error span{opacity:.7}html,body,#root,#legacy-invitation{width:100%!important;min-height:100%!important}html{background:#e9e2d3!important}body{background:#e9e2d3!important;width:100%!important;min-width:320px!important;margin:0!important;padding:0!important;display:block!important;overflow-x:hidden!important}#root{width:100%!important;min-height:100vh!important}#legacy-invitation{justify-content:center!important;align-items:flex-start!important;width:100%!important;min-height:100vh!important;display:flex!important}#legacy-invitation .frame{width:100%!important;max-width:440px!important;margin-left:auto!important;margin-right:auto!important;position:relative!important}#legacy-invitation #revealVid{object-fit:cover!important;object-position:center center!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}#legacy-invitation .cover.has-photo{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}#legacy-invitation .hero,#legacy-invitation .scene{width:100%!important}#legacy-invitation .scene svg{width:100%!important;height:100%!important}@media (width<=479px){#legacy-invitation .frame{width:100%!important;max-width:100%!important;box-shadow:none!important;border-radius:0!important}#legacy-invitation .hero{width:100%!important;height:100svh!important;min-height:620px!important;max-height:none!important}}@media (width>=480px) and (width<=767px){#legacy-invitation{padding:18px!important}#legacy-invitation .frame{border-radius:18px!important;width:min(100%,520px)!important;max-width:520px!important;overflow:hidden!important}#legacy-invitation .hero{height:min(88vh,900px)!important;min-height:680px!important}}@media (width>=768px) and (width<=1199px){#legacy-invitation{padding:28px!important}#legacy-invitation .frame{border-radius:20px!important;width:min(100%,600px)!important;max-width:600px!important;overflow:hidden!important;box-shadow:0 20px 70px #5a462833!important}#legacy-invitation .hero{height:min(88vh,940px)!important;min-height:720px!important}}@media (width>=1200px){#legacy-invitation{padding:36px 24px!important}#legacy-invitation .frame{border-radius:22px!important;width:640px!important;max-width:640px!important;overflow:hidden!important;box-shadow:0 25px 90px #5a462838!important}#legacy-invitation .hero{height:min(88vh,980px)!important;min-height:760px!important}}@media (width>=1600px){#legacy-invitation .frame{width:680px!important;max-width:680px!important}}html,body,#root,#legacy-invitation{direction:rtl!important}#legacy-invitation{text-align:right}#legacy-invitation .timeline{text-align:right!important;direction:rtl!important;padding-left:0!important;padding-right:28px!important}#legacy-invitation .timeline:before{left:auto!important;right:5px!important}#legacy-invitation .ev{text-align:right!important;direction:rtl!important}#legacy-invitation .ev:before{left:auto!important;right:-28px!important}#legacy-invitation .ev time,#legacy-invitation .ev p{text-align:right!important;direction:rtl!important}#legacy-invitation .sheet,#legacy-invitation .family-name,#legacy-invitation .sub,#legacy-invitation .big,#legacy-invitation .verse{direction:rtl!important}#legacy-invitation .title,#legacy-invitation .eyebrow,#legacy-invitation .sheet>.title,#legacy-invitation .sheet>.eyebrow{text-align:center!important}body:not(.locked) #legacy-invitation{scroll-margin-top:0}