| :root { |
| color-scheme: dark; |
| --bg: #0b0f18; |
| --bg-deep: #05070d; |
| --ui-scale: 0.5; |
| --ui-canvas-width: 200%; |
| --ui-canvas-height: 200%; |
| --surface: rgba(18, 25, 38, 0.76); |
| --surface-strong: rgba(21, 30, 45, 0.95); |
| --surface-soft: rgba(148, 163, 184, 0.08); |
| --text: #f8fbff; |
| --text-soft: #dbeafe; |
| --muted: #7f8da3; |
| --muted-strong: #a9b7cc; |
| --line: rgba(148, 163, 184, 0.12); |
| --line-strong: rgba(147, 197, 253, 0.26); |
| --accent: #5b9dff; |
| --accent-rgb: 91, 157, 255; |
| --accent-strong: #b7d9ff; |
| --accent-deep: #1e40af; |
| --blue: #93c5fd; |
| --button-text: #07111f; |
| --button-gradient: linear-gradient(135deg, #ffffff 0%, #f7fbff 45%, #dcecff 100%); |
| --danger: #ff7d92; |
| --shadow: 0 18px 44px rgba(0, 0, 0, 0.42); |
| --radius-sm: 5px; |
| --radius-md: 8px; |
| --radius-lg: 8px; |
| --app-font-size: 14px; |
| --brand-font-size: 16px; |
| --chat-width: 860px; |
| --message-width: 730px; |
| --user-message-width: 620px; |
| --message-list-pad-top: 38px; |
| --message-list-pad-x: 20px; |
| --message-list-pad-bottom: 28px; |
| --welcome-width: 680px; |
| --welcome-offset-top: 64px; |
| --welcome-offset-bottom: 32px; |
| --welcome-heading-size: 32px; |
| --model-label-width: 380px; |
| --select-menu-max-height: 280px; |
| --composer-side-pad: 18px; |
| --composer-bottom-pad: 18px; |
| --solution-font-size: 15px; |
| --prompt-font-size: 15px; |
| --rich-h1-size: 24px; |
| --rich-h2-size: 20px; |
| --rich-h3-size: 17px; |
| --rich-h4-size: 15px; |
| --font: |
| Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", |
| sans-serif; |
| --mono: |
| "SFMono-Regular", Consolas, "Liberation Mono", Menlo, ui-monospace, |
| monospace; |
| } |
|
|
| html[data-ui-scale="75"] { |
| --ui-scale: 0.75; |
| --ui-canvas-width: 133.3334%; |
| --ui-canvas-height: 133.3334%; |
| } |
|
|
| html[data-ui-scale="100"] { |
| --ui-scale: 1; |
| --ui-canvas-width: 100%; |
| --ui-canvas-height: 100%; |
| } |
|
|
| * { |
| box-sizing: border-box; |
| scrollbar-color: rgba(var(--accent-rgb), 0.32) rgba(5, 7, 13, 0.28); |
| scrollbar-width: thin; |
| } |
|
|
| ::-webkit-scrollbar { |
| width: 10px; |
| height: 10px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: rgba(5, 7, 13, 0.24); |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| border: 2px solid rgba(5, 7, 13, 0.72); |
| border-radius: 999px; |
| background: rgba(var(--accent-rgb), 0.32); |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: rgba(var(--accent-rgb), 0.46); |
| } |
|
|
| html, |
| body { |
| height: 100%; |
| min-height: 100%; |
| } |
|
|
| body { |
| margin: 0; |
| background: |
| radial-gradient(circle at 50% -20%, rgba(var(--accent-rgb), 0.14), transparent 34%), |
| linear-gradient(180deg, #111827 0%, var(--bg) 46%, var(--bg-deep) 100%); |
| color: var(--text); |
| font-family: var(--font); |
| font-size: var(--app-font-size); |
| letter-spacing: 0; |
| overflow: hidden; |
| } |
|
|
| button, |
| textarea, |
| select, |
| input { |
| font: inherit; |
| } |
|
|
| button { |
| border: 0; |
| } |
|
|
| textarea, |
| select, |
| input { |
| color: inherit; |
| } |
|
|
| ::selection { |
| background: rgba(var(--accent-rgb), 0.34); |
| } |
|
|
| .katex { |
| color: inherit; |
| font-size: 1em; |
| overflow-wrap: normal; |
| word-break: normal; |
| } |
|
|
| .katex-display { |
| overflow-x: auto; |
| overflow-y: hidden; |
| padding: 2px 0; |
| overflow-wrap: normal; |
| word-break: normal; |
| } |
|
|
| @media (min-width: 2200px) and (min-height: 1200px) { |
| :root { |
| --app-font-size: 13px; |
| --brand-font-size: 15px; |
| --chat-width: 820px; |
| --message-width: 700px; |
| --user-message-width: 590px; |
| --message-list-pad-top: 30px; |
| --message-list-pad-bottom: 24px; |
| --welcome-offset-top: 52px; |
| --welcome-heading-size: 28px; |
| --composer-side-pad: 16px; |
| --composer-bottom-pad: 16px; |
| --solution-font-size: 14px; |
| --prompt-font-size: 14px; |
| --rich-h1-size: 22px; |
| --rich-h2-size: 18px; |
| --rich-h3-size: 16px; |
| --rich-h4-size: 14px; |
| } |
| } |
|
|
