.app-chat{--rail:44px;grid-template-columns:var(--rail) minmax(0, 1fr);background:var(--app-background-main);border:var(--app-stroke-1) solid var(--app-border-color);border-radius:calc(var(--app-radius) * 2);box-shadow:var(--app-shadow-sm);font-family:var(--app-font-body);color:var(--app-foreground);display:grid;position:relative;overflow:hidden;container:app-chat/inline-size}.app-chat-rail{align-items:center;gap:var(--app-space-4);padding-block:var(--app-space-3);background:var(--app-background);border-right:var(--app-stroke-1) solid var(--app-border-color);flex-direction:column;display:flex}.app-chat-rail-icon{color:var(--app-muted-foreground);place-items:center;display:grid}.app-chat-rail-new{border-radius:var(--app-radius-full);background:var(--app-primary);width:26px;height:26px;color:var(--app-button-text-primary);place-items:center;display:grid}.app-chat-rail-avatar{border-radius:var(--app-radius-full);background:var(--app-toggle-background);border:var(--app-stroke-1) solid var(--app-border-color);width:22px;height:22px;margin-top:auto}.app-chat-main{flex-direction:column;min-width:0;display:flex}.app-chat-topbar{align-items:center;gap:var(--app-space-2-5);padding:var(--app-space-3) var(--app-space-4);background:var(--app-background);display:flex}.app-chat-topbar-icon{border-radius:var(--app-radius);background:var(--app-secondary);width:26px;height:26px;color:var(--app-primary-dark);flex:none;place-items:center;display:grid}.app-chat-topbar-title{font-size:var(--app-text-medium);color:var(--app-foreground);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.app-chat-body{gap:var(--app-space-3);padding:var(--app-space-3);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@container app-chat (min-width:520px){.app-chat-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.app-chat-card{gap:var(--app-space-3);padding:var(--app-space-3);background:var(--app-background-main);border-radius:var(--app-radius);flex-direction:column;min-height:260px;display:flex}.app-chat-heading{font-size:var(--app-text-medium);font-weight:500}.app-chat-thread{gap:var(--app-space-2);flex-direction:column;flex:1;display:flex}.app-chat-user{max-width:84%;padding:var(--app-space-2-5) var(--app-space-3);background:var(--app-background-user-chat);color:var(--app-foreground);border-radius:var(--app-radius);font-size:var(--app-text-small);align-self:flex-end}.app-chat-meta{align-items:center;gap:var(--app-space-0-5);color:var(--app-link);font-size:var(--app-text-tiny);align-self:flex-end;display:flex}.app-chat-meta--start{align-self:flex-start}.app-chat-answer{gap:var(--app-space-2);grid-template-columns:20px minmax(0,1fr);display:grid}.app-chat-mark{color:var(--app-primary-dark);padding-top:2px}.app-chat-reasoning-head{align-items:center;gap:var(--app-space-0-5);font-size:var(--app-text-small);color:var(--app-muted-foreground);font-weight:500;display:flex}.app-chat-reasoning-body{font-size:var(--app-text-small);color:var(--app-foreground);margin-top:var(--app-space-1-5);min-height:1.5em}.app-chat-caret{vertical-align:-2px;background:var(--app-primary-dark);width:2px;height:1em;margin-left:1px;display:inline-block}.app-chat-chip{align-items:center;gap:var(--app-space-2);margin-top:var(--app-space-2);padding:var(--app-space-1-5) var(--app-space-2-5);background:var(--app-background);border:var(--app-stroke-1) solid var(--app-border-color);border-radius:var(--app-radius);font-size:var(--app-text-tiny);color:var(--app-foreground);text-align:left;display:inline-flex}.app-chat-composer{min-height:62px;padding:var(--app-space-2-5);background:var(--app-background);border:var(--app-stroke-1) solid var(--app-border-color);border-radius:var(--app-radius);color:var(--app-muted-foreground);font-size:var(--app-text-small);align-items:flex-end;display:flex;position:relative}.app-chat-composer-text{top:var(--app-space-2-5);left:var(--app-space-2-5);position:absolute}.app-chat-send{border-radius:var(--app-radius-full);background:var(--app-primary);width:24px;height:24px;color:var(--app-button-text-primary);flex:none;place-items:center;margin-left:auto;display:grid}.app-chat-response{gap:var(--app-space-2);flex-direction:column;min-width:0;display:flex}.app-chat-qlabel{font-size:var(--app-text-tiny);color:var(--app-muted-foreground)}.app-chat-qtitle{font-size:var(--app-text-regular);color:var(--app-foreground);font-weight:500}.app-chat-metric,.app-chat-chart{background:var(--app-card);border:var(--app-stroke-1) solid var(--app-border-color);border-radius:var(--app-radius);box-shadow:var(--app-shadow-xs);padding:var(--app-space-3)}.app-chat-metric-label{font-size:var(--app-text-small);color:var(--app-card-foreground);font-weight:500}.app-chat-metric-value{margin-top:var(--app-space-1-5);font-size:var(--app-text-large);color:var(--app-positive);font-variant-numeric:tabular-nums;font-weight:500}.app-chat-metric-value small{font-size:var(--app-text-small);margin-left:2px}.app-chat-metric-note{margin-top:var(--app-space-1-5);font-size:var(--app-text-tiny);color:var(--app-muted-foreground)}.app-chat-chart-title{font-size:var(--app-text-small);margin-bottom:var(--app-space-3);font-weight:500}.app-chat-plot{align-items:end;gap:var(--app-space-2);grid-template-columns:repeat(6,minmax(0,1fr));height:104px;display:grid}.app-chat-bar-track{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.app-chat-bar{background:var(--app-primary);transform-origin:bottom;border-radius:2px;width:100%}.app-chat-axis{gap:var(--app-space-2);margin-top:var(--app-space-1-5);color:var(--app-muted-foreground);text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));font-size:10px;display:grid}.app-chat-step{opacity:0;transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1);transform:translateY(6px)}.app-chat-step.is-shown{opacity:1;transform:none}.app-chat-reasoning-body{position:relative}.app-chat-sizer{visibility:hidden}.app-chat-stream{position:absolute;inset:0}.app-chat-bar-grow{animation:.6s cubic-bezier(.16,1,.3,1) forwards app-chat-bar;transform:scaleY(0)}@keyframes app-chat-bar{to{transform:scaleY(1)}}.app-chat-caret-blink{animation:1s steps(2,start) infinite app-chat-blink}@keyframes app-chat-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.app-chat-step,.app-chat-bar-grow,.app-chat-caret-blink{opacity:1;transition:none;animation:none;transform:none}.app-chat-caret{display:none}}