.chat-page{--chat-interactive: var(--link);--chat-accent-secondary: var(--accent);display:flex;height:100%;min-height:0;background:var(--surface-canvas)}.chat-shell{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;width:100%;max-width:960px;margin:0 auto;padding:0 1.5rem;background:var(--surface-raised);border-left:1px solid var(--border);border-right:1px solid var(--border);overflow:hidden}@media (max-width: 832px){.chat-shell{padding:0 1rem;border-left:none;border-right:none}}@media (max-width: 480px){.chat-shell{padding:0 .75rem}}.chat-status-bar{height:2px;flex-shrink:0;background:var(--border);transition:background .6s ease}.chat-status-bar--idle{background:linear-gradient(90deg,color-mix(in srgb,var(--border) 92%,transparent),color-mix(in srgb,var(--text-default) 12%,transparent),color-mix(in srgb,var(--border) 92%,transparent))}.chat-status-bar--streaming{background:linear-gradient(90deg,var(--chat-interactive),var(--chat-accent-secondary),var(--chat-interactive));background-size:200% 100%;animation:status-flow 1.5s ease infinite}.chat-status-bar--error{background:var(--danger)}.chat-status-bar--ready{background:linear-gradient(90deg,color-mix(in srgb,var(--border) 92%,transparent) 0%,var(--success) 50%,color-mix(in srgb,var(--border) 92%,transparent) 100%)}.chat-top-row{display:flex;align-items:center;gap:.625rem;padding:.75rem 0 .5rem;flex-shrink:0}.chat-top-row__toggle{display:inline-flex;align-items:center;justify-content:center;padding:.625rem;background:transparent;border:none;color:var(--text-subtle);cursor:pointer;transition:color .15s ease}.chat-top-row__toggle:hover{color:var(--text-default)}.chat-top-row__product{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:600;letter-spacing:-.02em;color:var(--text-subtle)}.chat-sidebar{position:absolute;inset:0 auto 0 0;z-index:9980;display:flex;flex-direction:column;gap:0;width:min(300px,85vw);padding:max(1rem,env(safe-area-inset-top,1rem)) 1rem 1rem;background:var(--surface-canvas);border-right:1px solid var(--border);border-radius:0 var(--radius-component-popover) var(--radius-component-popover) 0;box-shadow:var(--shadow-component-overlay);transform:translate(-100%);transition:transform .25s cubic-bezier(.22,1,.36,1)}.chat-sidebar--open{transform:translate(0)}.chat-sidebar-backdrop{position:absolute;inset:0;z-index:9979;background:var(--scrim);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s ease}.chat-sidebar-backdrop--visible{opacity:1;pointer-events:auto}.chat-sidebar-auth{display:flex;align-items:center;gap:.75rem;min-height:3rem;padding:.5rem 0;margin-bottom:.375rem;border-bottom:1px solid var(--border)}.chat-sidebar-signin,.chat-sidebar-home{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.chat-sidebar-signin{padding:.5rem 0;font-size:.875rem}.chat-sidebar-dev-auth{display:grid;gap:.125rem;min-width:0;color:var(--text-default);font-size:.875rem}.chat-sidebar-dev-auth code{overflow:hidden;color:var(--text-muted);font-size:.6875rem;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar-home{padding:.125rem 0 .5rem;font-size:.8125rem}.chat-sidebar-signin:hover,.chat-sidebar-home:hover{color:var(--text-default)}.chat-sidebar-list{display:flex;flex:1;flex-direction:column;gap:2px;margin:0;padding:0;overflow-y:auto}.chat-sidebar-item-shell{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;background:transparent;color:var(--text-muted);transition:background-color .12s ease,color .12s ease}.chat-sidebar-item-shell:hover,.chat-sidebar-item-shell:focus-within{background:var(--surface-raised);color:var(--text-default)}.chat-sidebar-item-shell--active{background:var(--surface-contrast);color:var(--text-default)}.chat-sidebar-item{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;width:100%;padding:.625rem 0 .625rem .75rem;background:transparent;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:.875rem;line-height:1.4;text-align:left}.chat-sidebar-item:focus-visible,.chat-sidebar-item-delete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.chat-sidebar-item-text{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.chat-sidebar-item-time{flex-shrink:0;font-size:.6875rem;color:var(--text-subtle);white-space:nowrap}.chat-sidebar-item-delete{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;margin-right:.25rem;padding:.375rem;background:transparent;border:none;color:inherit;cursor:pointer;opacity:0;transition:color .12s ease,opacity .12s ease}.chat-sidebar-item-shell:hover .chat-sidebar-item-delete,.chat-sidebar-item-shell:focus-within .chat-sidebar-item-delete{opacity:.65}.chat-sidebar-item-delete:hover{color:var(--danger);opacity:1}.chat-sidebar-new{display:flex;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.75rem 0;background:transparent;border:none;border-top:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.875rem;text-align:left;transition:color .15s ease}.chat-sidebar-new:hover{color:var(--text-default)}.chat-sidebar-brand{padding-top:.25rem}.chat-sidebar-brand__title{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:1.35rem;font-weight:600;letter-spacing:-.03em;color:var(--text-default)}.chat-sidebar-trust{display:flex;flex-direction:column;gap:.125rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border);color:var(--text-subtle);font-family:var(--font-mono, monospace);font-size:.625rem;letter-spacing:.02em;line-height:1.4}.chat-sidebar-empty{padding:1rem .75rem;text-align:center;color:var(--text-subtle);font-size:.875rem}.chat-offline-wrap{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--scrim);backdrop-filter:blur(8px)}.chat-offline-card{width:min(440px,100%);padding:1.5rem 1.25rem;background:var(--surface-contrast);border:1px solid var(--border);border-radius:var(--radius-component-panel);color:var(--text-default);font-size:.9375rem;line-height:1.7;text-align:center;box-shadow:var(--shadow-component-overlay)}@media (min-width: 480px){.chat-offline-card{padding:2rem 2.5rem}}.chat-offline-label{margin-bottom:.625rem;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--warning)}.chat-offline-history-note{margin-top:.75rem;font-size:.8125rem;color:var(--text-muted)}.chat-offline-specs{margin-top:.875rem;padding-top:.75rem;border-top:1px solid var(--border);color:var(--text-subtle);font-family:var(--font-mono, monospace);font-size:.6875rem;letter-spacing:.04em}.chat-offline-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.125rem}.chat-offline-link,.chat-offline-dismiss{background:transparent;border:none;color:var(--link);cursor:pointer;font-size:.8125rem;font-weight:600;text-decoration:underline;text-underline-offset:.18em;transition:color .15s ease}.chat-offline-link:hover,.chat-offline-dismiss:hover{color:var(--link-hover)}.chat-messages{position:relative;display:flex;flex:1;flex-direction:column;gap:1.25rem;min-height:0;padding:2rem .5rem;overflow-y:auto;scroll-behavior:smooth;overscroll-behavior:contain}.chat-msg-row{display:flex;gap:.75rem;max-width:min(85%,720px)}.chat-msg-row--assistant{align-self:flex-start}.chat-msg-row--user{align-self:flex-end;flex-direction:row-reverse;max-width:min(75%,600px)}.chat-msg-row--enter{animation:chat-msg-enter .25s ease-out both}.chat-msg-wrap{flex:1;min-width:0}.chat-msg-row--user .chat-msg-wrap{display:flex;flex-direction:column;align-items:flex-end}.chat-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:.25rem;border-radius:999px;flex-shrink:0;font-size:.75rem;font-weight:600}.chat-avatar--user{background:var(--primary);color:var(--primary-content)}.chat-avatar--assistant{width:auto;min-width:32px;padding:0 .5rem;background:var(--surface-contrast);border:1px solid var(--border);color:var(--text-muted)}.chat-msg{position:relative;min-width:0;max-width:100%;padding:.75rem 1rem;border-radius:.875rem;font-size:1rem;line-height:1.6;overflow-wrap:anywhere;word-break:break-word}.chat-msg--user{width:fit-content;max-width:100%;margin-left:auto;background:var(--primary);color:var(--primary-content);border-bottom-right-radius:.25rem}.chat-msg--assistant{background:var(--surface-contrast);border:1px solid var(--border);color:var(--text-default);border-bottom-left-radius:.25rem}.chat-msg--assistant.chat-msg--active{overflow:hidden;animation:chat-assistant-active 2.2s ease-in-out infinite;border-color:color-mix(in srgb,var(--chat-interactive) 34%,var(--border))}.chat-msg--assistant.chat-msg--active:before{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 0%,transparent 28%,color-mix(in srgb,var(--chat-interactive) 18%,transparent) 46%,transparent 64%,transparent 100%);content:"";pointer-events:none;transform:translate(-115%);animation:chat-assistant-sheen 2.2s ease-in-out infinite}.chat-msg-text{min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.chat-copy-btn,.chat-telemetry-link,.chat-raw-link,.chat-debug-link{background:transparent;border:none;cursor:pointer;padding:0}.chat-copy-btn{margin-top:.25rem;padding:.25rem;color:var(--text-subtle);transition:color .12s ease}.chat-copy-btn:hover{color:var(--text-default)}.chat-copy-btn--copied{color:var(--success)}.chat-copy-btn:disabled{display:none}.chat-scroll-fab{position:sticky;bottom:0;align-self:center;z-index:2;display:inline-flex;align-items:center;gap:.375rem;margin-top:-2.5rem;padding:.375rem .875rem;background:var(--surface-canvas);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-component-overlay);color:var(--text-muted);font-size:.75rem;cursor:pointer;animation:chat-msg-enter .2s ease-out;transition:border-color .15s ease,color .15s ease}.chat-scroll-fab:hover{border-color:var(--border-strong);color:var(--text-default)}.chat-markdown{display:grid;gap:.75rem}.chat-markdown>*{min-width:0}.chat-markdown p,.chat-markdown h2,.chat-markdown h3,.chat-markdown ul,.chat-markdown ol,.chat-markdown blockquote,.chat-markdown pre{margin:0}.chat-markdown h2{font-size:1rem;line-height:1.35;font-weight:700}.chat-markdown h3{font-size:.9375rem;line-height:1.35;font-weight:700}.chat-markdown ul,.chat-markdown ol{display:grid;gap:.375rem;padding-left:1.25rem}.chat-markdown a,.chat-telemetry-link{color:var(--chat-interactive);text-decoration:underline;text-underline-offset:.18em}.chat-markdown a:hover,.chat-telemetry-link:hover{color:var(--link-hover)}.chat-markdown blockquote{padding-left:.875rem;border-left:2px solid color-mix(in srgb,var(--border) 72%,transparent);color:var(--text-muted)}.chat-msg--assistant code,.chat-inline-code{padding:.125rem .375rem;background:color-mix(in srgb,var(--surface-canvas) 68%,var(--surface-contrast));border-radius:.25rem;font-family:var(--font-mono, monospace);font-size:.875rem}.chat-msg--assistant pre,.chat-raw-panel{background:var(--surface-canvas);border:1px solid var(--border);border-radius:.5rem}.chat-msg--assistant pre{margin:.5rem 0;padding:.75rem 1rem;overflow-x:auto;font-family:var(--font-mono, monospace);font-size:.8125rem;line-height:1.5}.chat-code-block{display:grid;gap:.5rem}.chat-code-language{color:var(--text-subtle);font-family:var(--font-mono, monospace);font-size:.6875rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.chat-timestamp{margin-top:.25rem;padding:0 .25rem;color:var(--text-subtle);font-size:.6875rem}.chat-timestamp--user{text-align:right}.chat-response-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.5rem;padding:0 .25rem;color:var(--text-subtle);font-size:.75rem;line-height:1.5}.chat-response-footer>*+*:before{content:""}.chat-response-footer__time,.chat-response-footer>span:not(.chat-trust-pill){color:var(--text-subtle)}.chat-trust-pill{display:inline-flex;align-items:center;min-height:1.375rem;padding:0 .5rem;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-contrast) 70%,transparent);color:var(--text-muted);font-weight:650;letter-spacing:0}.chat-trust-pill--pass{border-color:color-mix(in srgb,var(--success) 45%,var(--border));color:var(--success)}.chat-trust-pill--fail{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));color:var(--danger)}.chat-trust-pill--warn{border-color:color-mix(in srgb,var(--warning) 50%,var(--border));color:var(--warning)}.chat-trust-pill--unknown{color:var(--text-muted)}.chat-raw-link,.chat-debug-link{color:var(--text-muted);text-decoration:underline;text-underline-offset:.18em}.chat-raw-link:hover,.chat-debug-link:hover{color:var(--text-default)}.chat-raw-panel{max-height:16rem;margin-top:.5rem;overflow:auto}.chat-raw-panel pre{margin:0;padding:.75rem;font-family:var(--font-mono, monospace);font-size:.72rem;line-height:1.35;white-space:pre-wrap;word-break:break-word}.chat-streaming-cursor:after{content:"●";margin-left:2px;color:var(--chat-interactive);animation:chat-blink 1s step-end infinite}.chat-thinking{display:inline-flex;align-items:center;gap:.375rem;min-height:1.25rem}.chat-thinking-dot{width:.42rem;height:.42rem;border-radius:999px;background:var(--text-subtle);opacity:.35;animation:chat-thinking-pulse 1.1s ease-in-out infinite}.chat-thinking-dot:nth-child(2){animation-delay:.15s}.chat-thinking-dot:nth-child(3){animation-delay:.3s}.chat-lifecycle{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9375rem}.chat-lifecycle__pulse{width:.5rem;height:.5rem;border-radius:999px;background:var(--chat-interactive);box-shadow:0 0 color-mix(in srgb,var(--chat-interactive) 32%,transparent);animation:chat-lifecycle-pulse 1.6s ease-out infinite}.chat-inline-status{margin-top:.625rem}.chat-inline-status .chat-lifecycle{font-size:.8125rem}.chat-inline-status .chat-lifecycle__pulse{width:.42rem;height:.42rem}.chat-welcome{display:flex;flex:1;align-items:center;justify-content:center;padding:2rem 0}.chat-welcome-inner{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:720px}.chat-welcome-title{margin:0;color:var(--text-default);font-size:clamp(1.75rem,7vw,3rem);line-height:1.08;font-weight:700;letter-spacing:-.03em;text-align:center}.chat-welcome-description{align-self:center;max-width:540px;margin:0;color:var(--text-muted);font-size:1rem;line-height:1.6;text-align:center}.chat-welcome-description a{color:var(--chat-interactive);text-decoration:underline;text-underline-offset:2px}.chat-welcome-description a:hover{color:var(--link-hover)}.chat-welcome-subtitle{margin:0;color:var(--text-subtle);font-size:.875rem;text-align:center}.chat-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:500px;align-self:center}.chat-suggestion{padding:.5rem 1rem;background:var(--surface-canvas);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.875rem;transition:border-color .15s ease,color .15s ease}.chat-suggestion:hover{border-color:var(--border-strong);color:var(--text-default)}.chat-error{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.5rem 0;padding:.75rem .875rem;background:color-mix(in srgb,var(--danger-subtle) 72%,var(--surface-canvas));border:1px solid color-mix(in srgb,var(--danger-border) 78%,var(--border));border-radius:.5rem;color:var(--text-default);font-size:.875rem}.chat-error__copy{display:flex;flex-direction:column;gap:.125rem;min-width:0}.chat-error__copy strong{color:var(--danger);font-size:.8125rem}.chat-error__copy span{color:var(--text-muted)}.chat-error__actions{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0}.chat-error button{padding:.25rem .375rem;background:transparent;border:1px solid transparent;border-radius:.375rem;color:inherit;cursor:pointer;font-size:.875rem;line-height:1}.chat-error button:hover{border-color:color-mix(in srgb,var(--danger-border) 65%,var(--border));color:var(--danger)}.chat-error .chat-error__retry{min-height:1.75rem;padding-inline:.625rem;border-color:color-mix(in srgb,var(--danger-border) 65%,var(--border));color:var(--danger);font-weight:650}.chat-input-area{position:relative;display:flex;align-items:flex-end;gap:.5rem;padding:1rem 0 max(1rem,env(safe-area-inset-bottom,1rem))}.chat-input{flex:1;min-height:48px;max-height:200px;padding:.75rem 1rem;resize:none;overflow-y:auto;background:var(--surface-canvas);border:1px solid var(--border);border-radius:.75rem;color:var(--text-default);font-family:var(--font-sans, sans-serif);font-size:1rem;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.chat-input:focus{outline:none;border-color:var(--border-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--focus-ring) 42%,transparent)}.chat-input::placeholder{color:var(--text-subtle)}.chat-send{width:44px;height:44px;background:var(--primary);border:1px solid var(--primary);border-radius:999px;color:var(--primary-content);transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.chat-send:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.chat-send:disabled{opacity:.5;cursor:not-allowed}.chat-stop{width:44px;height:44px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);transition:border-color .15s ease,color .15s ease}.chat-stop:hover{border-color:var(--danger-border);color:var(--danger)}.chat-shortcut-hint{position:absolute;right:56px;bottom:50%;transform:translateY(50%);color:var(--text-subtle);font-family:var(--font-mono, monospace);font-size:.6875rem;pointer-events:none}.chat-welcome .chat-input{min-height:120px;max-height:240px;padding:1rem 1.25rem;border-radius:1rem;font-size:1.125rem}.chat-welcome .chat-send{width:48px;height:48px;align-self:center}.chat-welcome .chat-input-area{align-items:center}.chat-welcome .chat-shortcut-hint{display:none}@media (min-width: 768px){.chat-welcome-title{font-size:4rem;line-height:1.02}}@media (max-width: 768px){.chat-msg-row{max-width:90%}.chat-msg-row--user{max-width:80%}}@media (max-width: 480px){.chat-messages{padding:1.5rem .25rem;gap:1rem}.chat-msg-row{gap:.5rem;max-width:95%}.chat-msg-row--user{max-width:88%}.chat-avatar{width:26px;height:26px;font-size:.625rem}.chat-msg{padding:.625rem .75rem;border-radius:.75rem;font-size:.9375rem}.chat-input-area{padding-bottom:max(1.5rem,env(safe-area-inset-bottom,1.5rem))}.chat-welcome .chat-input{min-height:80px;max-height:160px;padding:.75rem 1rem;font-size:1rem}.chat-suggestion{padding:.375rem .75rem;font-size:.8125rem}}@media (prefers-reduced-motion: reduce){.chat-sidebar,.chat-sidebar-backdrop,.chat-msg-row--enter,.chat-scroll-fab,.chat-streaming-cursor:after,.chat-thinking-dot,.chat-msg--assistant.chat-msg--active:before,.chat-msg--assistant.chat-msg--active,.chat-status-bar--streaming{animation:none;transition:none}}@keyframes status-flow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes chat-msg-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-blink{50%{opacity:0}}@keyframes chat-thinking-pulse{0%,80%,to{opacity:.25;transform:scale(.9)}40%{opacity:1;transform:scale(1)}}@keyframes chat-assistant-active{0%,to{background-color:var(--surface-contrast);box-shadow:0 0 color-mix(in srgb,var(--chat-interactive) 0%,transparent)}50%{background-color:color-mix(in srgb,var(--surface-contrast) 90%,var(--chat-interactive) 10%);box-shadow:0 0 0 1px color-mix(in srgb,var(--chat-interactive) 24%,transparent),0 0 1.5rem color-mix(in srgb,var(--chat-interactive) 10%,transparent)}}@keyframes chat-assistant-sheen{0%,18%{opacity:0;transform:translate(-115%)}36%{opacity:1}72%,to{opacity:0;transform:translate(115%)}}@keyframes chat-lifecycle-pulse{70%{box-shadow:0 0 0 .5rem transparent}to{box-shadow:0 0 0 0 transparent}}