/* Adaptive layouts: narrow screens, touch input and browser zoom. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a,input,select,textarea{touch-action:manipulation}
img,video,canvas{max-width:100%}
@media(pointer:coarse){button,input,select{min-height:44px}button:disabled{cursor:default}}
@media(max-width:720px){input,select,textarea{font-size:16px}dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}button,a{overflow-wrap:anywhere}}

main,.headeractions,.homeTask,.taskBody,.homeHeading,.settingsPageContent{min-width:0}
.taskBody b,.homeTask p,.settingsInfoRow strong{overflow-wrap:anywhere}
@media(max-width:720px){
header{gap:8px}.headeractions{flex-shrink:0}
.homeControls,.homeHeading,.homeControls label{flex-wrap:wrap;max-width:100%}
.homeTask{grid-template-columns:auto minmax(0,1fr) auto}
.settingsInfoRow{gap:12px;flex-wrap:wrap}.settingsInfoRow strong{max-width:100%;text-align:start}
#habitDialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
#authDialog input,#phoneAuthDialog input,#habitDialog input,#profileDialog input{font-size:16px!important}
.worldClockRow{min-width:0}.worldClockCity{overflow-wrap:anywhere}
}