@media (max-width:760px){dialog.modal:not(.home-screen):not(.online-venue-screen){width:100%;max-height:calc(100dvh - max(16px, env(safe-area-inset-top)));overscroll-behavior:contain;border-bottom:0;border-radius:24px 24px 0 0;margin:0;position:fixed;inset:auto 0 0;max-width:none!important}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner{padding:20px 20px max(24px, env(safe-area-inset-bottom));background:inherit}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner:before{content:"";background:#d7ddc9;border-radius:4px;flex-shrink:0;width:36px;height:4px;margin:-8px auto 20px;display:block}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner>.modal-heading{z-index:5;background:inherit;align-items:center;gap:12px;padding-block:4px 14px;position:sticky;top:0}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner>.modal-heading h2{font-size:clamp(22px,6vw,28px)}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner>.modal-heading>.icon-button{min-width:44px;min-height:44px}dialog.modal.profile-settings{height:min(720px, calc(100dvh - max(16px, env(safe-area-inset-top))));overflow:hidden}}dialog.modal:not(.home-screen):not(.online-venue-screen){overscroll-behavior:contain;scroll-padding-block:76px 24px}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner>.modal-heading{min-width:0}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner>.modal-heading h2{overflow-wrap:break-word;word-break:normal;min-width:0}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner>.modal-heading>.icon-button{touch-action:manipulation;flex:0 0 44px;min-width:44px;min-height:44px}@media (max-width:760px){dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner{padding-left:max(20px, calc(env(safe-area-inset-left,0px) + 12px));padding-right:max(20px, calc(env(safe-area-inset-right,0px) + 12px));padding-bottom:max(24px, calc(env(safe-area-inset-bottom,0px) + 12px))}}@media (max-height:500px) and (min-width:640px){dialog.modal:not(.home-screen):not(.online-venue-screen){inset:max(8px, env(safe-area-inset-top,0px)) max(8px, env(safe-area-inset-right,0px)) max(8px, env(safe-area-inset-bottom,0px)) auto;width:min(560px,100vw - 24px);max-height:calc(100dvh - max(8px, env(safe-area-inset-top,0px)) - max(8px, env(safe-area-inset-bottom,0px)));border-radius:16px;margin:0}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner{padding:16px max(20px, calc(env(safe-area-inset-right,0px) + 12px)) 24px 20px}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner:before{display:none}dialog.modal:not(.home-screen):not(.online-venue-screen)>.modal-inner>.modal-heading{z-index:5;background:inherit;padding-block:4px 12px;position:sticky;top:0}}dialog.modal :is(.text-button,.icon-button){touch-action:manipulation;min-width:44px;min-height:44px}dialog.modal .text-button{white-space:normal;overflow-wrap:break-word;word-break:normal}dialog.modal :is(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #416b54}