#ai-chat{--ff: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--text: #0f172a;--muted: #64748b;--bg: #fff;--bg-subtle: #f8fafc;--line: #e2e8f0;--shadow: 0 6px 20px rgba(2,6,23,.07);--radius: 14px;--user-bg: #eef2ff;--user-line: #c7d2fe;--bot-bg: #f3f4f6;--badge: #0a7e2d;--badge-bg: #e8f7ec;--badge-guest: #7a5c00;--badge-guest-bg: #fff4d6;font-family:var(--ff);color:var(--text)}.ai-card{display:flex;flex-direction:column;width:100%;height:clamp(460px,62vh,680px);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 auto 20px}.ai-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:linear-gradient(0deg,#f8fafc,#fff)}.ai-title{font-weight:700;font-size:.95rem}.ai-sub{color:var(--muted);font-size:.8rem;margin-left:8px}.ai-actions{display:flex;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#111827;color:#fff;border:1px solid var(--line);transition:background .2s,transform .1s}.icon-btn.secondary{background:#6b7280}.icon-btn:hover{background:#1f2937;transform:translateY(-1px)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon{width:18px;height:18px}.ai-body{flex:1;overflow:auto;padding:14px;background:var(--bg)}.msg{display:flex;gap:10px;margin:10px 0}.msg .wrap{max-width:88%;position:relative}.bubble{border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:.92rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.msg.user{justify-content:flex-end}.msg.user .bubble{background:var(--user-bg);border-color:var(--user-line)}.msg.bot .bubble{background:var(--bot-bg)}.avatar{width:30px;height:30px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#334155}.msg.user .avatar{display:none}.small{color:var(--muted);font-size:.75rem;margin-top:4px}.copy-btn{position:absolute;bottom:25px;right:10px;background:#eef2ff;color:#1e3a8a;border:1px solid rgba(30,58,138,.18);border-radius:8px;padding:3px 4px;opacity:.55;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.copy-btn:hover{opacity:1;background:#e5eaff}.copy-btn svg{width:14px;height:14px}.ai-footer{border-top:1px solid var(--line);background:var(--bg-subtle);padding:10px}.composer{display:flex;gap:10px}.ta{flex:1;resize:none;min-height:50px;max-height:160px;border:1px solid var(--line);border-radius:12px;padding:10px;font-size:.9rem}.ta:focus{box-shadow:0 0 0 2px #3b82f633;outline:none}.send{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#111827;color:#fff;border:1px solid var(--line);transition:background .2s,transform .1s}.send:hover{background:#1f2937;transform:translateY(-1px)}.send:disabled{opacity:.5;cursor:not-allowed}.send i{font-size:1rem}.spinner{width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.statusbar{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--muted);margin-top:6px}.statusbar .ai-badge,.statusbar .ai-badge-guest{margin-left:auto;padding:3px 8px;border-radius:999px;font-size:.75rem;font-weight:600;box-shadow:0 1px 2px #0000000f}.statusbar .ai-badge{background:var(--badge-bg);color:var(--badge)}.statusbar .ai-badge-guest{background:var(--badge-guest-bg);color:var(--badge-guest)}.ai-body::-webkit-scrollbar{width:10px}.ai-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}