body{background:var(--bg);color:var(--text);font:14px var(--sans);-webkit-text-size-adjust:100%}
.app{height:100%;height:100dvh;max-width:800px;margin:0 auto;display:flex;flex-direction:column;
padding:0 max(28px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(28px,env(safe-area-inset-left))}
.topbar{height:68px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top)}
.top-actions{display:flex;align-items:center;gap:18px;min-width:0}
.content{flex:1;min-height:0;display:flex;flex-direction:column}
.conversation{flex:1;min-height:0;display:flex;flex-direction:column}
.stream{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 0 14px;scrollbar-width:thin;scrollbar-color:#41423a transparent}
.composer-wrap{flex:none;padding:10px 0 16px}
.bottom{height:36px;flex:none;border-top:1px solid #292a24;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:9px var(--mono);letter-spacing:.08em}
.centered{margin:auto 0;padding:32px 0;width:100%;max-width:400px;align-self:center}