@media(max-width:768px){.mobile-topbar{display:flex;flex-shrink:0;height:56px;background:var(--bg);border-bottom:1px solid var(--border)}.sidebar{position:fixed;top:0;left:0;height:100%;z-index:50;width:82%;max-width:300px;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 18px #00000026}.sidebar.open{transform:translate(0)}.overlay.show{display:block}.main{flex:1;height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-area{flex:1;padding:16px;display:flex;flex-direction:column;align-items:center;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.welcome{margin:auto;padding-bottom:30px;text-align:center}body.keyboard-open .welcome{margin:0 auto;padding-top:24px;padding-bottom:160px}.welcome h1{font-size:20px}.composer-wrap{max-width:100%;width:100%;padding:8px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));flex-shrink:0}body.keyboard-open .composer-wrap{padding-bottom:8px}.composer-box{border-radius:16px}}