*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:#11131a;color:#f5f5f7}.page{min-height:100vh;justify-content:center;align-items:center;padding:24px}.chat,.page{display:flex}.chat{width:100%;max-width:850px;height:min(800px,90vh);flex-direction:column;background:#1b1e29;border:1px solid #343849;border-radius:18px;overflow:hidden}.header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #343849}.logo{width:44px;height:44px;display:grid;place-items:center;background:#7755dd;border-radius:14px;font-size:26px}.header h1{margin:0;font-size:20px}.header p{margin:5px 0 0;color:#a9aec0;font-size:13px}.status{margin-left:auto;font-size:12px;color:#c7b9ff}.messages{flex:1 1;min-height:0;overflow-y:auto;padding:24px;flex-direction:column;gap:18px}.message,.messages{display:flex}.message.user{justify-content:flex-end}.bubble{max-width:80%;padding:14px 18px;border-radius:16px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.assistant .bubble{background:#2a2e3e}.user .bubble{background:#6c4bc5}.typing{color:#b9bfd0;font-style:italic}.inputArea{display:flex;gap:12px;padding:18px;border-top:1px solid #343849}.inputArea input{flex:1 1;min-width:0;background:#11131a;color:white;border:1px solid #41465a;border-radius:12px;padding:14px;font-size:15px;outline:none}.inputArea input:focus{border-color:#9778ff}.inputArea button{background:#7755dd;color:white;border:none;border-radius:12px;padding:0 22px;font-weight:700;cursor:pointer}.inputArea button:disabled{opacity:.5;cursor:not-allowed}footer{padding:0 18px 14px;text-align:center;color:#8f95a8;font-size:11px}@media (max-width:600px){.page{padding:0}.chat{height:100dvh;border-radius:0;border:none}.bubble{max-width:92%}.header,.messages{padding:16px}}