.chat-fab,.chat-panel{--cyan:var(--color-primary);--cyan-dark:color-mix(in srgb,var(--color-primary) 82%,black);--ink:var(--color-text);--ink-deep:var(--color-text);--gray:var(--color-muted);--gray-mid:var(--color-border);--gray-light:var(--color-surface)}.chat-fab{position:fixed;bottom:24px;right:24px;z-index:1000;width:60px;height:60px;border-radius:50%;border:0;background:var(--cyan);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(2,204,254,.45);transition:transform .2s ease,background .2s ease}.chat-fab:hover{transform:scale(1.06)}.chat-fab--open{background:var(--ink);font-size:1.3rem;box-shadow:0 8px 24px rgba(0,0,0,.3)}.chat-panel{position:fixed;bottom:96px;right:24px;z-index:1000;width:380px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 130px);background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px) scale(.98);pointer-events:none;transition:opacity .2s ease,transform .2s ease;font-family:var(--font-body)}.chat-panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.chat-panel__head{justify-content:space-between;padding:14px 16px 14px 18px;background:var(--ink-deep);color:#fff}.chat-panel__head,.chat-panel__id{display:flex;align-items:center;gap:12px}.chat-new{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;background:transparent;color:#cfd3d6;border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:6px 12px;font-size:.72rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.chat-new:hover:not(:disabled){background:var(--cyan);border-color:var(--cyan);color:#fff}.chat-new:disabled{opacity:.4;cursor:default}.chat-panel__logo{width:38px;height:38px;border-radius:50%;background:#fff;padding:3px;object-fit:contain}.chat-panel__head strong{display:block;font-size:.95rem;font-family:var(--font-body)}.chat-panel__head span{font-size:.75rem;color:#b9b9b9}.chat-panel__body{flex:1 1;overflow-y:auto;padding:18px;background:var(--gray-light);display:flex;flex-direction:column;gap:12px}.chat-msg{max-width:82%;padding:10px 14px;border-radius:14px;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.chat-msg--assistant{align-self:flex-start;background:#fff;color:var(--ink);border:1px solid var(--gray-mid);border-bottom-left-radius:4px}.chat-msg--user{align-self:flex-end;background:var(--cyan);color:#fff;border-bottom-right-radius:4px}.chat-md{white-space:normal}.chat-md>:first-child{margin-top:0}.chat-md>:last-child{margin-bottom:0}.chat-md p{margin:0 0 .55em}.chat-md a{color:var(--cyan-dark);font-weight:600;text-decoration:underline;word-break:break-word}.chat-md strong{color:var(--ink);font-weight:700}.chat-md ol,.chat-md ul{margin:.3em 0 .55em;padding-left:1.1em}.chat-md li{margin:.15em 0}.chat-md h1,.chat-md h2,.chat-md h3,.chat-md h4{font-family:var(--font-body);font-size:.95rem;font-weight:700;color:var(--ink);margin:.4em 0 .3em}.chat-md code{background:var(--gray-mid);padding:1px 5px;border-radius:4px;font-size:.85em}.chat-md table{border-collapse:collapse;font-size:.82rem;margin:.4em 0}.chat-md td,.chat-md th{border:1px solid var(--gray-mid);padding:4px 8px}.chat-panel__input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--gray-mid);background:#fff}.chat-panel__input input{flex:1 1;border:1px solid var(--gray-mid);border-radius:22px;padding:10px 16px;font-size:.9rem;font-family:var(--font-body);outline:none}.chat-panel__input input:focus{border-color:var(--cyan)}.chat-panel__input button{width:42px;height:42px;border-radius:50%;border:0;background:var(--cyan);color:#fff;cursor:pointer;font-size:1rem;transition:background .15s ease}.chat-panel__input button:disabled{background:var(--gray-mid);cursor:default}.chat-dots{display:inline-flex;gap:4px}.chat-dots span{width:7px;height:7px;border-radius:50%;background:var(--gray);animation:chatblink 1.2s infinite both}.chat-dots span:nth-child(2){animation-delay:.2s}.chat-dots span:nth-child(3){animation-delay:.4s}@keyframes chatblink{0%,80%,to{opacity:.3}40%{opacity:1}}@media (max-width:480px){.chat-panel{bottom:88px;right:16px;left:16px;width:auto}}