*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#192436;font:16px/1.5 system-ui,sans-serif}.shell{max-width:880px;margin:auto;padding:16px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}h1{margin:0;font-size:26px}h1 span{color:#2578a5}header p{margin:0;color:#637185}.panel,.messages,#composer{background:white;border:1px solid #e1e7ee;border-radius:16px;padding:18px}.messages{height:min(60vh,630px);min-height:300px;overflow:auto;display:flex;flex-direction:column;gap:14px}.bubble{max-width:90%;padding:12px 15px;border-radius:14px;background:#eef3f8;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.Claudio{align-self:flex-end;background:#dceefa}.bubble.ChatGPT{border-left:4px solid #178e80}.bubble.Claude{border-left:4px solid #c77c53}.bubble strong{display:block;margin-bottom:5px}.bubble small{display:block;margin-top:6px;color:#657285}label{display:block;font-weight:600;margin:8px 0}input,textarea{width:100%;padding:12px;border:1px solid #bdcad8;border-radius:10px;font:inherit}button{border:0;border-radius:10px;background:#156a93;color:white;padding:11px 16px;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#e4edf4;color:#183b53}.controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;color:#637185;font-size:13px}#composer button{margin-top:8px}.note{font-size:12px;color:#64748b}#status{color:#9c3c28;min-height:24px}@media(max-width:550px){.shell{padding:10px}.messages{height:55vh}.controls{align-items:flex-start;flex-direction:column}.bubble{max-width:98%}}