.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chatbox-wrapper{display:flex;align-items:stretch;justify-content:center;height:100vh;padding:0}.chatbox{width:100%;max-width:640px;height:100vh;max-height:none;background:var(--bg-surface);border:none;border-radius:0;display:flex;flex-direction:column;overflow:hidden}.chatbox-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.chatbox-header-left{display:flex;align-items:center;gap:var(--space-4)}.chatbox-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);transition:background var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.chatbox-dot.ready{background:var(--text-primary);box-shadow:0 0 6px rgba(229,229,229,.4)}.chatbox-dot.loading{background:var(--text-secondary);animation:chatboxPulse 1.5s ease-in-out infinite}.chatbox-dot.error{background:var(--status-error);box-shadow:0 0 6px rgba(239,68,68,.4)}.chatbox-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.chatbox-title-row{display:flex;align-items:center;gap:var(--space-2)}.chatbox-avatar{border-radius:var(--radius-sm);display:block}.chatbox-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin:0}.chatbox-icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;display:grid;place-items:center;transition:all var(--duration-fast) ease}.chatbox-icon-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.chatbox-messages{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);scroll-behavior:smooth;scrollbar-width:none}.chatbox-messages::-webkit-scrollbar{display:none}.chatbox-msg{max-width:80%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-base);line-height:1.6;animation:chatboxFadeIn var(--duration-normal) ease-out;overflow-wrap:break-word;word-break:break-word}.chatbox-msg.group-continuation{margin-top:calc(-1 * var(--space-2))}.chatbox-msg.group-first .chatbox-msg-label{display:block}.chatbox-msg.group-continuation .chatbox-msg-label{display:none}.chatbox-msg-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.04em}.chatbox-msg-label-agent{display:inline-flex;align-items:center;gap:var(--space-1)}.chatbox-msg-time{font-size:10px;font-weight:400;color:var(--text-muted);opacity:.6;margin-left:var(--space-1)}.chatbox-msg-avatar{border-radius:var(--radius-sm);display:inline-block;vertical-align:middle}.chatbox-msg.agent{background:transparent;border:none;color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:var(--radius-sm)}.chatbox-msg.agent.streaming{color:var(--text-muted)}.chatbox-msg.agent.streaming:after{content:"";display:inline-block;width:2px;height:1em;background:var(--text-muted);margin-left:var(--space-1);vertical-align:text-bottom;animation:chatboxBlink .8s step-end infinite}@keyframes chatboxBlink{50%{opacity:0}}.chatbox-msg.user{background:var(--bg-surface);border:none;color:var(--text-primary);align-self:flex-end;border-bottom-right-radius:var(--radius-sm);font-weight:500}.chatbox-msg.system{background:var(--bg-elevated);color:var(--text-muted);align-self:center;font-size:var(--text-xs);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5)}@keyframes chatboxPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes chatboxFadeIn{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.chatbox-msg,.chatbox-msg.agent.streaming:after,.chatbox-welcome-icon{animation:none}}.chatbox-msg p{margin:0 0 var(--space-3) 0}.chatbox-msg p:last-child{margin-bottom:0}.chatbox-msg ol,.chatbox-msg ul{margin:var(--space-2) 0;padding-left:var(--space-5)}.chatbox-msg li{margin-bottom:var(--space-1)}.chatbox-msg strong{font-weight:600;color:var(--text-primary)}.chatbox-msg a{color:var(--text-primary);text-decoration:none;transition:opacity var(--duration-fast) ease}.chatbox-msg a:hover{opacity:.7}.chatbox-actions{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.chatbox-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;display:grid;place-items:center;transition:all var(--duration-fast) ease}.chatbox-action-btn.active,.chatbox-action-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.chatbox-error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--status-error);border-radius:var(--radius-md);font-size:var(--text-sm);animation:chatboxFadeIn var(--duration-normal) ease-out}.chatbox-error-text{color:var(--text-secondary)}.chatbox-error-retry{background:none;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-body);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) ease;flex-shrink:0}.chatbox-error-retry:hover{background:var(--bg-base);border-color:var(--border-focus)}.chatbox-welcome{flex-direction:column;flex:1;text-align:center;padding:var(--space-10)}.chatbox-welcome,.chatbox-welcome-icon{display:flex;align-items:center;justify-content:center}.chatbox-welcome-icon{width:72px;height:72px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);margin-bottom:var(--space-6);animation:chatboxWelcomeIn var(--duration-slow) var(--ease-out)}@keyframes chatboxWelcomeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chatbox-welcome-text{font-size:var(--text-md);color:var(--text-secondary);line-height:1.6;max-width:400px;margin:0}.chatbox-suggestions{padding:0 var(--space-6) var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2);flex-shrink:0}.chatbox-suggestion{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-body);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-fast) ease}.chatbox-suggestion:hover{color:var(--text-primary);border-color:var(--border-focus);background:var(--bg-base)}.chatbox-input-area{padding:var(--space-4) var(--space-6) var(--space-5);flex-shrink:0}.chatbox-composer{display:flex;align-items:flex-end;gap:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--duration-fast) ease}.chatbox-composer:focus-within{border-color:var(--border-focus)}.chatbox-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-body);padding:var(--space-1) 0;min-height:24px;max-height:120px;resize:none;overflow-y:auto;line-height:1.4}.chatbox-input::placeholder{color:var(--text-muted)}.chatbox-input:disabled{opacity:.5}.chatbox-send{width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);color:var(--text-muted);border:none;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:all var(--duration-fast) ease}.chatbox-send:hover:not(:disabled){background:var(--border-subtle);color:var(--text-primary)}.chatbox-send:disabled{opacity:.3;cursor:default}.chatbox-stop{background:var(--status-error);color:var(--text-primary)}.chatbox-stop:hover{background:var(--status-error);opacity:.8}.chatbox-hint{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin:var(--space-2) 0 0;opacity:.6}@media (max-width:1024px) and (min-width:769px){.chatbox{max-width:560px}}@media (max-width:768px){.chatbox-wrapper{padding:0;align-items:stretch}.chatbox{height:100vh;max-height:none;border-radius:0;border-radius:var(--radius-md)}.chatbox-header{padding:var(--space-4) var(--space-5)}.chatbox-title{font-size:var(--text-lg)}.chatbox-messages{padding:var(--space-4)}.chatbox-msg{max-width:90%;font-size:var(--text-sm)}.chatbox-welcome{padding:var(--space-6)}.chatbox-welcome-text{font-size:var(--text-base)}.chatbox-suggestions{padding:0 var(--space-4) var(--space-3)}.chatbox-suggestion{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.chatbox-input-area{padding:var(--space-3) var(--space-4) var(--space-4)}}