:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0f172a;background:#e2e8f0}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;padding:24px;display:flex;align-items:flex-start;justify-content:center}.card{width:min(960px,100%);background:#fff;border-radius:16px;border:1px solid #cbd5e1;padding:20px;box-shadow:0 16px 40px #0f172a14}h1{margin:0;font-size:1.4rem}.subtitle,.api-base{margin:8px 0 0;color:#475569}.session-form{margin-top:16px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}label{display:grid;gap:6px;font-weight:600;font-size:.9rem}input,button{border-radius:10px;border:1px solid #94a3b8;padding:10px 12px;font-size:.95rem}button{cursor:pointer;background:#0f172a;color:#f8fafc;border-color:#0f172a;align-self:end}button:disabled{cursor:not-allowed;opacity:.6}.session-meta{margin-top:14px;display:grid;gap:4px;color:#334155;font-size:.88rem}.messages{margin-top:18px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;height:360px;overflow:auto;padding:12px;display:grid;gap:10px}.message{border-radius:10px;padding:10px;border:1px solid #cbd5e1;background:#fff}.message.inbound{border-left:5px solid #0ea5e9}.message.outbound{border-left:5px solid #16a34a}.message header{display:flex;justify-content:space-between;color:#475569;font-size:.8rem;margin-bottom:6px}.message p{margin:0;white-space:pre-wrap}.empty{color:#64748b}.message-form{margin-top:14px;display:grid;grid-template-columns:1fr auto;gap:8px}.error{margin-top:10px;color:#b91c1c;font-weight:600}@media (max-width: 720px){.page{padding:12px}.card{padding:14px}.messages{height:300px}}