*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:"gg sans","Inter","Noto Sans","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;background:var(--bg);color:var(--text);height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;transition:background .2s,color .2s;position:fixed;width:100%;top:0;left:0;}

.layout{flex:1;display:flex;min-height:0;}
.chat{flex:1;display:flex;flex-direction:column;min-width:0;}

#messages{flex:1;overflow-y:auto;padding:12px 0;display:flex;flex-direction:column;gap:0;}
#messages::-webkit-scrollbar{width:5px;}
#messages::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px;}

.resizer{width:4px;cursor:col-resize;flex-shrink:0;background:transparent;transition:background .15s;}
.resizer:hover,.resizer.dragging{background:var(--accent);}