*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:#0f172a;color:#e2e8f0}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;height:100vh;max-width:960px;margin:0 auto}.header{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #1f2937;background:#0b1220;position:sticky;top:0}.brand{font-weight:600;color:#93c5fd}.indicators{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.indicator{display:flex;gap:6px;padding:4px 8px;border:1px solid #334155;border-radius:6px;background:#111827;color:#9ca3af;font-size:12px}.indicator span:first-child{color:#60a5fa}.chat{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:75%;padding:10px 12px;border-radius:12px;line-height:1.4;font-size:14px;word-wrap:break-word}.bubble.user{align-self:flex-end;background:#2563eb;color:#eaf2ff}.bubble.agent{align-self:flex-start;background:#111827;border:1px solid #1f2937}.composer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #1f2937;background:#0b1220}.input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#e5e7eb}.input:focus{outline:none;border-color:#60a5fa}.
send{padding:10px 16px;border-radius:8px;border:1px solid #334155;background:#1f2937;color:#e5e7eb;cursor:pointer}.send:hover{background:#334155}