body.chat-page{overflow:hidden}
body.chat-page #shell{height:100dvh;min-height:0;overflow:hidden}
body.chat-page main{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}
body.chat-page #content{min-height:0;padding-bottom:0;overflow:hidden}
body.chat-page .chat-layout{height:100%;min-height:0;grid-template-rows:minmax(0,1fr)}
body.chat-page .chat-list,body.chat-page .messages,body.chat-page .trace{height:auto;min-height:0;position:static;top:auto}
body.chat-page .messages{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;padding:0}
body.chat-page .message-stream{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;padding:1rem;scroll-behavior:smooth}
body.chat-page .message{width:min(80%,760px)}
body.chat-page .composer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;flex:0 0 auto;min-height:82px;margin:0;padding:1rem;border-top:1px solid var(--line);background:var(--panel);position:relative;z-index:2}
body.chat-page .composer textarea{max-height:160px}
@media(max-width:1100px) and (min-width:901px){body.chat-page .chat-layout{grid-template-columns:190px minmax(300px,1fr) 220px}}
@media(max-width:900px){body.chat-page .chat-layout{display:block;height:100%}body.chat-page .chat-list,body.chat-page .trace{display:none}body.chat-page .messages{height:100%}body.chat-page .message{width:min(90%,760px);max-width:90%}}
@media(max-width:600px){body.chat-page main{padding:.75rem}body.chat-page header{gap:.5rem;padding-bottom:.65rem}body.chat-page header h1{font-size:1.45rem}body.chat-page header p{display:none}body.chat-page #content{padding-top:.75rem}body.chat-page .composer{display:grid;grid-template-columns:1fr auto;padding:.75rem}body.chat-page .composer textarea{grid-column:1/-1}body.chat-page .speak-toggle{margin:0;display:flex;align-items:center;grid-template-columns:auto 1fr}body.chat-page .speak-toggle input{width:auto}}
.telegram-history{height:calc(100dvh - 155px);display:grid;grid-template-rows:auto minmax(0,1fr)}
.telegram-history .message-stream{display:flex;flex-direction:column;overflow-y:auto;padding:.5rem}
.telegram-history .message{display:grid;gap:.35rem}
.telegram-history .message small{color:var(--muted);font-size:.75rem}