/* The list scrolls inside the app; navigation/composers occupy separate rows. */
@media (max-width:800px), (max-height:500px) and (max-width:1000px){
 html:has(body.app-ready){height:100%;overflow:hidden;overscroll-behavior:none}
 body.app-ready{position:fixed;inset:0;margin:0;overflow:hidden;overscroll-behavior:none}
 body.app-ready #app{position:fixed;inset:auto 0;top:0;height:100dvh;overflow:hidden}
 body.app-ready.chat-screen #app,body.app-ready.life-screen #app{top:var(--chat-top,0px);height:var(--chat-height,100dvh)}
 body.app-ready .app-shell{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
 body.app-ready .sidebar{display:none}
 body.app-ready .workspace{min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}
 body.app-ready .page{padding-bottom:28px}
 body.app-ready .mobile-nav{position:static;inset:auto;min-width:0;flex-shrink:0;display:flex;z-index:10}
 body.app-ready.chat-screen .mobile-nav,body.app-ready.life-screen.keyboard-open .mobile-nav{display:none}
 body.app-ready.chat-screen .workspace,body.app-ready.life-screen .workspace{display:flex;flex-direction:column;overflow:hidden}
 body.app-ready .chat-view,body.app-ready .life-talk-page{flex:1;min-height:0;overflow:hidden}
 body.app-ready .messages,body.app-ready .life-message-list{min-height:0;flex:1;overflow-y:auto;overscroll-behavior-y:none;overflow-anchor:none;-webkit-overflow-scrolling:touch}
 body.app-ready .composer-wrap,body.app-ready .life-composer-wrap{flex:0 0 auto;overflow:visible;max-height:none;position:relative}
 body.app-ready.life-screen .life-composer-wrap{margin-bottom:0}
}
@media(max-height:500px) and (max-width:1000px){body.app-ready.life-screen .mobile-nav{display:none}}