:root{--bg:#f7f7f8;--panel:#fff;--ink:#0b0f1a;--muted:#6b7280;--ring:rgba(2,132,199,.25);--user:#eef6ff;--bot:#f5f5f5}*{box-sizing:border-box}html,body,#root{height:100%;background:var(--bg)}body{margin:0;color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.chat-wrap{max-width:720px;margin:24px auto;padding:16px;background:var(--panel);border-radius:16px;box-shadow:0 10px 30px #0000000f;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:12px;min-height:70vh}.brand{display:flex;flex-direction:column;line-height:1}.slogan{margin-top:4px;font-size:12px;color:var(--muted);letter-spacing:.2px;font-weight:600}.chat-header{display:flex;align-items:center;justify-content:space-between}.title{font-weight:800;font-size:28px;letter-spacing:.3px}.header-right{display:flex;align-items:center;gap:12px}.status-dot{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 0 6px #10b98126}.status-dot.busy{background:#f59e0b;box-shadow:0 0 0 6px #f59e0b26}.link-btn{background:transparent;border:none;color:var(--muted);cursor:pointer}.link-btn:hover{color:var(--ink);text-decoration:underline}.welcome{background:linear-gradient(180deg,#fafafa,#fff);border:1px solid #eee;border-radius:12px;padding:12px}.welcome-title{font-weight:700}.welcome-sub{color:var(--muted);margin-top:2px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:6px 10px;font-size:13px;cursor:pointer}.chip:hover{border-color:#cbd5e1;background:#f8fafc}.chip:disabled{opacity:.6;cursor:not-allowed}.messages{overflow:auto;padding:2px 2px 6px;border:1px solid #eee;border-radius:12px;background:#fff}.row{display:flex;margin:10px 8px}.row.user{justify-content:flex-end}.row.bot{justify-content:flex-start}.bubble{max-width:80%;padding:10px 12px;border-radius:14px;position:relative;box-shadow:0 1px #00000008}.user .bubble{background:var(--user);border:1px solid #dbeafe}.bot .bubble{background:var(--bot);border:1px solid #eee}.text{white-space:pre-wrap;word-wrap:break-word}.meta{color:var(--muted);font-size:11px;margin-top:6px}.typing{display:inline-flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:blink 1.2s infinite ease-in-out}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:8px 10px;border-radius:8px}.composer{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.input{height:42px;padding:0 12px;border:1px solid #e5e7eb;border-radius:10px;outline:none}.input:focus{border-color:#0284c7;box-shadow:0 0 0 3px var(--ring)}.send{height:42px;padding:0 16px;border:none;border-radius:10px;color:#fff;background:#111827;cursor:pointer;font-weight:600}.send:disabled{opacity:.6;cursor:not-allowed}.foot{text-align:center;color:var(--muted)}@media (max-width:480px){.chat-wrap{margin:8px;padding:12px;min-height:84vh}.bubble{max-width:90%}}