:root{ --pad: clamp(12px,2.8vw,20px); --maxw: 900px; }
html,body,#root{height:100%}
.app{ min-height:100%; display:flex; flex-direction:column; background:#0b0b0c; color:#e7e7ea; }
.chat{ width:100%; max-width:var(--maxw); margin:0 auto; padding:var(--pad);
  padding-bottom: calc(env(safe-area-inset-bottom,0) + 88px); }
.composer{ position:sticky; bottom:0; background:#0b0b0c; padding:.5rem;
  padding-bottom: calc(env(safe-area-inset-bottom,0) + .5rem); border-top:1px solid #242428; }
button,input,textarea{font:inherit; touch-action:manipulation}
button{min-height:44px; min-width:44px}
textarea{ width:100%; max-height:40vh; resize:none; overflow:auto; background:#131316; color:#e7e7ea;
  border:1px solid #2a2a30; border-radius:12px; padding:12px 14px }
.chat img{ max-width:100%; height:auto; border-radius:10px }
pre{ max-width:100%; overflow:auto; padding:12px; background:#121217; border-radius:12px }