html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#12372f}
body{display:flex;justify-content:center}
.guest-invitation{position:relative;width:100%;max-width:480px;height:100dvh;overflow:hidden;background:#faf5eb}
.guest-invitation .phone,.guest-invitation .phone-screen{width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
.guest-invitation .phone-screen{position:relative;overflow:hidden;container-type:inline-size}
.guest-invitation .review-reader{height:100%;max-height:100%;overscroll-behavior:contain;scrollbar-width:none}
.guest-invitation .invitation-body{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
.guest-invitation .reader-sound{bottom:calc(16px + env(safe-area-inset-bottom))}
.no-script{position:fixed;inset:0;display:grid;place-content:center;padding:30px;background:#faf5eb;color:#12372f;font:20px/1.9 Tajawal,sans-serif;text-align:center;z-index:100}
@media(min-width:600px){.guest-invitation{box-shadow:0 0 90px #0005}}