.usage-explanation,.usage-privacy{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.usage-privacy{margin:20px 0;color:var(--muted)}.usage-privacy summary{cursor:pointer;font-weight:700}.usage-privacy p{margin:12px 0}#usageMetrics{margin:24px 0}#usageMetrics .admin-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}#usageMetrics .admin-metric span{font-size:14px}.bubble a{overflow-wrap:anywhere}
@media(max-width:650px){input,textarea,select{font-size:16px!important}button,a.primary{touch-action:manipulation}.close{min-width:44px;min-height:44px}dialog{max-height:calc(var(--visible-height,100dvh) - 32px);overscroll-behavior:contain}.auth-overlay .modal{max-height:calc(var(--visible-height,100dvh) - 32px)}.modal{padding-bottom:calc(26px + env(safe-area-inset-bottom));scroll-padding-bottom:24px;-webkit-overflow-scrolling:touch}.bottom{padding-bottom:env(safe-area-inset-bottom)}.hero h1{white-space:normal!important}.top .brand{min-width:0}.plans-switch{flex-wrap:wrap}.plans-switch button{min-height:44px}#notificationDialog .modal{overflow-wrap:anywhere}}

#deleteAccountDialog input[type=checkbox]{width:20px;height:20px;vertical-align:middle}#deleteAccountDialog .modal{display:flex;flex-direction:column;gap:18px}#deleteAccountDialog .helper{line-height:1.7}#deleteAccountStatus{white-space:normal;overflow-wrap:anywhere}#profileForm .account-actions{display:flex;flex-wrap:wrap;gap:12px}
/* Keep native zoom and both gallery/vertical scrolling available. */
dialog{touch-action:auto}
dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
dialog .profile-gallery,dialog .event-gallery{touch-action:auto;scroll-snap-type:x proximity}