body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;background-color:#f8fafc;color:#1e293b}.chat-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem;box-shadow:0 1px 3px #0000001a}.chat-messages{flex:1;overflow-y:auto;padding:16px;background:#fff}.chat-input{border-top:1px solid #e2e8f0;background:#fff;padding:16px}.error-banner{background:#fee2e2;color:#991b1b;display:flex;justify-content:space-between;padding:8px 16px}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.avatar.ai{background:#cbd5e1;color:#1e293b}.avatar.you{background:#4f46e5;color:#fff}.bubble-row{display:flex;align-items:flex-start;margin-bottom:12px}.bubble{padding:12px 16px;border-radius:16px;max-width:75%;font-size:15px;line-height:1.4}.bubble.user{background:#4f46e5;color:#fff;margin-left:auto}.bubble.ai{background:#f1f5f9;color:#0f172a}.bubble.system{background:#fef3c7;color:#92400e}.bubble.loading .dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:bounce 1.4s infinite}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}