.sc-chat {
  --sc-bg: var(--bg-base, #0a0e1a);
  --sc-surface: #151e30;
  --sc-line: #2b3950;
  --sc-text: #edf2fa;
  --sc-muted: #a2b1c7;
  --sc-blue: #78aaff;
  height: 100%; height: 100dvh; min-width: 0;
  display: flex; flex-direction: column; color: var(--sc-text);
  font-family: var(--font-sans, system-ui, sans-serif);
  background: var(--sc-bg); color-scheme: dark;
}
.sc-chat *, .sc-chat *::before, .sc-chat *::after { box-sizing: border-box; }
.sc-chat ::selection { background: #315d9e; color: #fff; }
.sc-chat button, .sc-chat input, .sc-chat select, .sc-chat textarea { font: inherit; }
.sc-chat button { cursor: pointer; }
.sc-chat button:disabled { cursor: default; opacity: .5; }
.sc-chat button:focus-visible, .sc-chat a:focus-visible, .sc-chat summary:focus-visible,
.sc-chat input:focus-visible, .sc-chat select:focus-visible, .sc-chat textarea:focus-visible,
.sc-chat [tabindex="0"]:focus-visible { outline: 2px solid var(--sc-blue); outline-offset: 4px; }
.sc-chat svg { width: 18px; height: 18px; flex: 0 0 auto; }
.sc-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 32px; border-bottom: 1px solid #202a3c; flex-shrink: 0; }
.sc-heading { display: flex; align-items: baseline; gap: 18px; min-width: 0; }
.sc-heading h1 { font-size: 18px; line-height: 1.5; font-weight: 650; white-space: nowrap; }
.sc-heading > span { color: var(--sc-muted); font-size: 13px; }
.sc-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 6px 12px; border-radius: 8px; border: 1px solid var(--sc-line); background: transparent; color: var(--sc-text); font-size: 13px; white-space: nowrap; }
.sc-button:hover:not(:disabled) { background: #202c42; }
.sc-new { color: #dce7f7; }
.sc-chat .sc-mobile-menu { display: none; }
.sc-nav-shade { display: none; }
.sc-scroll { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-color: #3b4a64 transparent; scrollbar-width: thin; }
.sc-conversation { width: min(100% - 64px, 800px); margin: 0 auto; padding: 32px 0 40px; }
.sc-is-empty .sc-scroll { display: flex; }
.sc-is-empty .sc-conversation { display: flex; align-items: center; justify-content: center; padding-top: 40px; padding-bottom: 48px; }
.sc-welcome { width: 100%; max-width: 620px; }
.sc-welcome-icon { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; color: var(--sc-blue); background: #182a48; border-radius: 14px; }
.sc-welcome-icon svg { width: 25px; height: 25px; }
.sc-welcome h2 { font-size: 28px; font-weight: 600; line-height: 1.5; letter-spacing: -.02em; text-wrap: balance; }
.sc-welcome > p { margin-top: 10px; color: var(--sc-muted); font-size: 14px; }
.sc-starters { display: flex; flex-direction: column; margin-top: 28px; max-width: 450px; }
.sc-starter { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; padding: 12px 0; border: 0; border-bottom: 1px solid #253047; background: transparent; text-align: left; color: #bdcce1; font-size: 14px; }
.sc-starter:hover { color: var(--sc-text); }
.sc-starter svg { color: #91a5c1; width: 16px; }
.sc-message { margin-bottom: 32px; min-width: 0; }
.sc-message:last-child { margin-bottom: 0; }
.sc-message-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; font-size: 12px; color: var(--sc-muted); }
.sc-message-meta strong { font-size: 13px; font-weight: 600; color: #cbd9ed; }
.sc-message-meta time { font-size: 11px; font-variant-numeric: tabular-nums; }
.sc-agent-avatar { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; background: #182a48; color: var(--sc-blue); border-radius: 8px; }
.sc-agent-avatar svg { width: 16px; height: 16px; }
.sc-message-content { font-size: 15px; line-height: 1.9; overflow-wrap: anywhere; }
.sc-message-user { display: flex; flex-direction: column; align-items: flex-end; margin-bottom: 30px; }
.sc-message-user .sc-message-meta { margin-bottom: 8px; }
.sc-message-user .sc-message-content { max-width: 85%; background: #1b3153; color: #e9f1ff; border-radius: 20px 20px 4px 20px; padding: 13px 20px; white-space: pre-wrap; }
.sc-message-agent .sc-message-content > :first-child { margin-top: 0; }
.sc-message-agent .sc-message-content > :last-child { margin-bottom: 0; }
.sc-message-content p { margin: 0 0 13px; }
.sc-message-content h2, .sc-message-content h3, .sc-message-content h4, .sc-message-content h5, .sc-message-content h6 { font-size: 17px; font-weight: 600; line-height: 1.6; margin: 26px 0 10px; }
.sc-message-content ul, .sc-message-content ol { padding-left: 23px; margin: 12px 0; }
.sc-message-content li { padding-left: 4px; margin: 5px 0; }
.sc-message-content strong { font-weight: 650; color: #fff; }
.sc-message-content code { font-family: var(--font-mono, monospace); font-size: .88em; padding: 2px 5px; border-radius: 4px; background: #202c40; }
.sc-message-content pre { overflow: auto; padding: 16px; margin: 16px 0; background: #111a2b; border-radius: 10px; font-size: 13px; line-height: 1.7; }
.sc-message-content pre code { padding: 0; background: transparent; }
.sc-message-content blockquote { padding-left: 16px; border-left: 1px solid var(--sc-blue); color: #b6c6dd; margin: 16px 0; }
.sc-message-content a { color: #8bb7ff; text-decoration: underline; text-underline-offset: 3px; }
.sc-table-scroll { overflow-x: auto; margin: 16px 0; }
.sc-table-scroll table, .sc-data-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
.sc-table-scroll th, .sc-table-scroll td { min-width: 90px; padding: 11px 14px; border-bottom: 1px solid var(--sc-line); }
.sc-message-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; }
.sc-action { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; border: 0; border-radius: 7px; padding: 4px 8px; background: #141f32; color: #b5c7e1; font-size: 12px; }
.sc-action:hover { background: #23334e; color: #e3eeff; }
.sc-action svg { width: 15px; height: 15px; }
.sc-generation-note { color: #b9c7db; font-size: 12px; margin-top: 12px; }
.sc-followups { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; margin-top: 18px; }
.sc-followup { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; min-height: 34px; padding: 4px 0; background: transparent; border: 0; color: #94bafa; font-size: 13px; text-align: left; }
.sc-followup:hover { color: #c8deff; }
.sc-followup svg { width: 14px; height: 14px; }
.sc-message-error .sc-message-content { color: #ffcfb7; }
.sc-message-error > .sc-action { margin-top: 12px; }
.sc-pending-content { display: flex; align-items: center; gap: 10px; min-height: 34px; color: var(--sc-muted); font-size: 14px; }
.sc-thinking-dot { width: 7px; height: 7px; background: #89b5ff; border-radius: 50%; animation: sc-thinking 1.3s ease-in-out infinite; }
@keyframes sc-thinking { 50% { opacity: .35; } }
.sc-footer { flex-shrink: 0; width: min(100% - 64px, 800px); margin: 0 auto; padding: 12px 0 16px; }
.sc-composer { background: #182236; border: 1px solid #344560; border-radius: 26px; padding: 16px 18px 12px; transition: border-color .18s ease; }
.sc-composer:focus-within { border-color: #739edf; }
.sc-composer textarea { display: block; width: 100%; min-height: 32px; max-height: 152px; resize: none; overflow-y: auto; border: 0; border-radius: 0; background: transparent; color: #f1f5fd; padding: 0 2px; font-size: 15px; line-height: 1.7; outline: none; caret-color: #8cb8ff; }
.sc-composer textarea:focus-visible { outline: none; }
.sc-composer textarea::placeholder { color: #a2b1c7; opacity: 1; }
.sc-composer-tools { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; }
.sc-settings-toggle { display: inline-flex; align-items: center; gap: 8px; min-width: 0; min-height: 36px; padding: 6px 9px; margin-left: -5px; border: 0; border-radius: 9px; color: #c0cfe4; background: transparent; font-size: 12px; }
.sc-settings-toggle:hover:not(:disabled), .sc-settings-toggle[aria-expanded="true"] { background: #26354e; color: #fff; }
.sc-settings-toggle > svg:last-child { width: 13px; height: 13px; }
.sc-send-group { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.sc-count { color: #a9b8ce; font-size: 11px; font-variant-numeric: tabular-nums; }
.sc-send { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #4e8af0; color: #fff; border: 0; border-radius: 50%; transition: background-color .18s ease; }
.sc-send svg { width: 21px; height: 21px; stroke-width: 2; }
.sc-send:hover:not(:disabled) { background: #6da4ff; }
.sc-send:disabled { opacity: 1; color: #9baecb; background: #2a3b57; }
.sc-composer-note { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 8px 0; font-size: 11px; line-height: 1.5; color: #a2b1c7; }
.sc-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.sc-settings { position: fixed; top: auto; right: auto; margin: 0; padding: 20px; overflow-y: auto; border: 1px solid #3c4d68; border-radius: 16px; background: #172136; color: var(--sc-text); box-shadow: 0 16px 40px #0006; }
.sc-panel-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; gap: 16px; }
.sc-panel-heading h2, .sc-detail-header h2 { font-size: 16px; line-height: 1.5; font-weight: 600; }
.sc-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; border: 0; border-radius: 8px; background: transparent; color: #bfcee3; }
.sc-icon-button:hover { background: #2a3a54; color: #fff; }
.sc-settings-form { display: flex; flex-direction: column; gap: 18px; font-size: 13px; }
.sc-settings-form > label { display: flex; flex-direction: column; gap: 8px; }
.sc-settings-form select, .sc-settings-form input:not([type="checkbox"]) { width: 100%; min-width: 0; height: 36px; padding: 6px 9px; border: 1px solid #41516a; border-radius: 7px; background: #101a2c; color: #e7effc; }
.sc-settings-form fieldset { min-width: 0; border: 0; }
.sc-settings-form legend { font-size: 13px; margin-bottom: 8px; }
.sc-date-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sc-date-fields label { display: flex; flex-direction: column; gap: 5px; font-size: 12px; color: #b3c3da; }
.sc-date-fields input { font-size: 12px; }
.sc-field-hint { font-size: 11px; color: #aebed5; margin-top: 7px; }
.sc-source-fields label { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; margin-right: 12px; min-height: 30px; }
.sc-source-fields input { accent-color: #74a6ff; width: 15px; height: 15px; }
.sc-settings-form .sc-top-k { flex-direction: row; justify-content: space-between; align-items: center; }
.sc-top-k input { max-width: 78px; }
.sc-settings-status { font-size: 12px; color: #bcd4f8; margin-top: 12px; }
.sc-settings-status:empty { display: none; }
.sc-settings-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; padding-top: 14px; border-top: 1px solid #34435c; }
.sc-settings-done { color: #d9e8ff; background: #254371; border-color: #45699b; }
.sc-reindex { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; font-size: 12px; margin-top: 14px; border: 0; background: transparent; color: #a8c8fa; }
.sc-reindex svg { width: 15px; height: 15px; }
.sc-details { position: fixed; inset: 0 0 0 auto; margin: 0; width: min(420px, 100vw); max-width: 100vw; height: 100%; height: 100dvh; max-height: 100dvh; border: 0; border-left: 1px solid #33425b; padding: 0; background: #121c2e; color: var(--sc-text); }
.sc-details[open] { display: flex; flex-direction: column; }
.sc-details::backdrop { background: #03071273; }
.sc-detail-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 25px 24px 20px; }
.sc-detail-header > div { min-width: 0; }
.sc-detail-question { color: #acbcd3; font-size: 12px; margin-top: 8px; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sc-detail-tabs { display: flex; gap: 20px; margin: 0 24px; border-bottom: 1px solid #33425b; }
.sc-detail-tab { min-height: 44px; border: 0; border-bottom: 2px solid transparent; background: transparent; padding: 8px 0; color: #acbfd9; font-size: 13px; }
.sc-detail-tab[aria-selected="true"] { color: #a9cbff; border-bottom-color: #79aaff; }
.sc-detail-body { flex: 1; overflow: auto; min-height: 0; padding: 22px 24px 36px; scrollbar-color: #465774 transparent; }
.sc-detail-intro { font-size: 12px; color: #bdcbe0; margin-bottom: 18px; }
.sc-source-list { list-style: none; }
.sc-source-item { padding: 18px 0; border-bottom: 1px solid #2b3950; }
.sc-source-item:first-child { padding-top: 0; }
.sc-source-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11px; color: #a9bad3; margin-bottom: 9px; }
.sc-source-kind { color: #b7d4ff; }
.sc-source-item h3 { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; margin-bottom: 7px; }
.sc-source-ref { color: #b3c2d8; font-size: 12px; overflow-wrap: anywhere; margin-top: 4px; font-variant-numeric: tabular-nums; }
.sc-source-excerpt { color: #d2ddec; font-size: 13px; line-height: 1.8; margin-top: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.sc-data-summary { display: grid; grid-template-columns: 1fr auto; gap: 12px 16px; font-size: 13px; padding-bottom: 20px; border-bottom: 1px solid #2b3950; }
.sc-data-summary dt { color: #b3c3db; }
.sc-data-summary dd { font-variant-numeric: tabular-nums; color: #e5efff; }
.sc-detail-section-title { font-size: 14px; font-weight: 600; margin: 25px 0 12px; }
.sc-data-table th { color: #adc0da; font-weight: 500; border-bottom: 1px solid #33425b; padding: 8px 0; }
.sc-data-table td { padding: 12px 0; vertical-align: top; border-bottom: 1px solid #25334b; }
.sc-data-table td:last-child, .sc-data-table th:last-child { text-align: right; font-variant-numeric: tabular-nums; padding-left: 18px; }
.sc-bar-track { display: block; height: 4px; margin-top: 7px; background: #27364d; border-radius: 3px; }
.sc-bar-fill { display: block; height: 100%; background: #6da0f2; border-radius: 3px; }
.sc-raw-data { margin-top: 24px; }
.sc-raw-data summary { cursor: pointer; color: #a9c9fb; font-size: 12px; padding: 8px 0; }
.sc-raw-data pre { font-family: var(--font-mono, monospace); font-size: 11px; color: #c1d0e7; background: #0c1525; padding: 14px; border-radius: 8px; overflow: auto; max-height: 60dvh; line-height: 1.7; margin-top: 10px; }
@media (max-width: 1080px) {
  .sc-heading > span { display: none; }
  .sc-header { padding: 18px 24px; }
  .sc-conversation, .sc-footer { width: calc(100% - 48px); }
  .sc-composer-note { font-size: 10px; }
}
@media (max-width: 700px) {
  .app-shell:has(.sc-chat) > .sidebar { display: none; }
  .app-shell.sc-chat-nav-open:has(.sc-chat) > .sidebar { display: flex; position: fixed; inset: 0 auto 0 0; width: min(280px, 86vw) !important; z-index: 101; box-shadow: 10px 0 40px #0006; }
  .sc-chat .sc-mobile-menu { display: inline-flex; margin-left: -5px; }
  .sc-heading { align-items: center; gap: 9px; }
  .sc-nav-shade:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 100; background: #03071299; border: 0; }
  .sc-header { padding: 14px 18px; }
  .sc-heading h1 { font-size: 17px; }
  .sc-conversation, .sc-footer { width: calc(100% - 32px); }
  .sc-conversation { padding: 24px 0 32px; }
  .sc-welcome h2 { font-size: 24px; }
  .sc-welcome > p { font-size: 13px; max-width: 30ch; }
  .sc-welcome-icon { margin-bottom: 20px; }
  .sc-is-empty .sc-conversation { padding-top: 32px; padding-bottom: 32px; }
  .sc-starters { margin-top: 22px; }
  .sc-starter { font-size: 13px; }
  .sc-footer { padding-top: 8px; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  .sc-composer { padding: 14px 14px 10px; border-radius: 23px; }
  .sc-composer textarea { font-size: 16px; }
  .sc-composer textarea::placeholder { font-size: 14px; }
  .sc-key-hint, .sc-count { display: none; }
  .sc-settings-toggle { font-size: 11px; gap: 6px; }
  .sc-composer-note { justify-content: center; padding-top: 8px; }
  .sc-message-user .sc-message-content { max-width: 92%; padding: 12px 16px; }
  .sc-message-content { font-size: 14px; line-height: 1.85; }
  .sc-message { margin-bottom: 28px; }
  .sc-settings { padding: 16px; }
  .sc-detail-header { padding: 20px; }
  .sc-detail-tabs { margin: 0 20px; }
  .sc-detail-body { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .sc-thinking-dot { animation: none; }
  .sc-chat *, .sc-chat *::before, .sc-chat *::after { scroll-behavior: auto !important; transition: none !important; }
}