.app{display:flex;flex-direction:column;height:100%;max-width:760px;margin:0 auto;padding:0 16px;gap:12px}.header{display:flex;justify-content:space-between;align-items:center;padding:18px 4px 12px;border-bottom:1px solid var(--border)}.header h1{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:-.01em}.subtitle{margin:4px 0 0;font-size:.85rem;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.status-dot.wait{background:var(--text-muted);box-shadow:none;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.btn-reset{background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 12px;font-size:.85rem}.btn-reset:hover{border-color:var(--accent);color:var(--accent)}.chat{flex:1;overflow-y:auto;padding:16px 4px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.bubble{max-width:80%;padding:10px 14px;border-radius:14px;line-height:1.5;font-size:.95rem;white-space:pre-wrap;word-wrap:break-word;box-shadow:var(--shadow)}.bubble.user{align-self:flex-end;background:var(--bg-bubble-user);color:#fff;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:var(--bg-bubble-bot);color:var(--text);border-bottom-left-radius:4px}.bubble-author{font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.7;margin-bottom:4px}.typing span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--text-muted);margin:0 1px;animation:blink 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.error{background:#7f1d1d;color:#fee2e2;padding:10px 14px;border-radius:8px;font-size:.85rem;margin:0 4px}.composer{display:flex;gap:8px;padding:10px 4px 16px;border-top:1px solid var(--border)}.composer input{flex:1;padding:12px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.95rem;outline:none}.composer input:focus{border-color:var(--accent)}.composer button{background:var(--bg-bubble-user);color:#fff;padding:0 20px;font-weight:600;border-radius:10px}.composer button:not(:disabled):hover{background:#1d4ed8}@media (max-width: 600px){.bubble{max-width:92%}.header h1{font-size:1.15rem}.subtitle{display:none}}:root{--bg: #0f172a;--bg-panel: #1e293b;--bg-bubble-user: #2563eb;--bg-bubble-bot: #334155;--text: #e2e8f0;--text-muted: #94a3b8;--accent: #38bdf8;--border: #334155;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--text)}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;transition:transform .05s ease,opacity .2s ease}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):active{transform:scale(.97)}input,textarea{font-family:inherit}