html:has(.settings-dialog[open]){overflow:hidden;overscroll-behavior:none}
body.modal-open{overflow:hidden;overscroll-behavior:none}
body.modal-open>main{position:fixed;inset:0;width:100%;overflow:hidden;pointer-events:none}
.settings-dialog{position:fixed!important;inset:12px!important;top:12px!important;right:12px!important;bottom:12px!important;left:12px!important;transform:none!important;margin:0 auto!important;width:min(520px,calc(100% - 24px))!important;height:auto!important;max-width:520px!important;max-height:calc(100dvh - 24px)!important}
.settings-shell{min-height:0}
.settings-sections{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:600px){.settings-dialog{inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important}.settings-shell{height:100dvh}.settings-head{padding:max(14px,env(safe-area-inset-top)) 16px 14px}.dialog-actions{padding:12px 14px max(12px,env(safe-area-inset-bottom))}}