html,body{height:100%;overflow:hidden}
.layout{height:100dvh;min-height:0;overflow:hidden}
aside{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
main{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:16px}
.page-nav{flex-shrink:0}
#taskPage{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#taskPage>.heading-row,#taskPage>.mobiletags,#taskPage>.quick-form{flex-shrink:0}
#tasks{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#d7d1df transparent;padding-right:3px;scroll-padding-top:4px;touch-action:pan-y}
#tasks::-webkit-scrollbar{width:4px}
#tasks::-webkit-scrollbar-thumb{background:#d7d1df;border-radius:999px}
#taskPage>.save-hint{flex-shrink:0;margin:6px 0 0}
#settingsPage{flex:1;min-height:0;overflow-y:auto;padding:2px 3px 12px 0}
@media(max-width:700px){main{padding-bottom:10px}#tasks{padding-right:2px}}