@import url('/tehstroy/tokens.css?v=20261008-1');
/* Chat reference, approved for Tehstroy AI only. Decision 017. */
:root { --font-ui: var(--ai-font-ui); }
html, body, button, input, textarea, select {
  font-family: var(--ai-font-ui) !important;
  -webkit-font-smoothing: antialiased;
}
html:not(.dark):not(.high-contrast-dark) {
  color-scheme: light;
  --text-primary: 13 13 13; --text-secondary: 93 93 93;
  --text-tertiary: 112 112 112; --text-muted: 117 117 117;
  --surface-primary: 255 255 255; --surface-primary-alt: 249 249 249;
  --surface-secondary: 247 247 247; --surface-tertiary: 239 239 239;
  --surface-hover: 235 235 235; --surface-active: 231 231 231;
  --surface-chat: 255 255 255; --surface-submit: 13 13 13;
  --surface-submit-hover: 48 48 48; --header-primary: 255 255 255;
  --border-light: 231 231 231; --border-medium: 216 216 216;
  --accent-primary: 32 32 32; --accent-primary-hover: 55 55 55;
  --ring-primary: 102 102 102; --link: 13 13 13; --link-hover: 65 65 65;
}
body { font-size: 14px; letter-spacing: 0; }
button, input, select { border-radius: 10px; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid #777; outline-offset: 3px;
}
::selection { background: #cdddf4; color: #111; }
#messages-view .split-parent { font-size: 30px; line-height: 1.25; font-weight: 500; letter-spacing: -.7px; }
#messages-view .relative.size-10:has(+ .split-parent) { display: none; }
#messages-view form, #messages-view div:has(> form) { max-width: var(--ai-content-width); }
#messages-view form > div { min-width: 0; }
#messages-view .bg-surface-chat:has(#prompt-textarea) {
  border-radius: 28px; border: 1px solid rgb(var(--border-light));
  box-shadow: 0 2px 7px #00000009; overflow: hidden;
}
#prompt-textarea { font-size: 16px; line-height: 24px; padding: 18px 20px 12px; }
#send-button { border-radius: 50%; }
#messages-view .markdown { font-size: 16px; line-height: 1.65; }
#messages-view .markdown pre, #messages-view .markdown code { font-family: ui-monospace, Consolas, monospace; }
#messages-view .markdown table { display: block; overflow-x: auto; max-width: 100%; }
aside button, aside input, aside a { font-weight: 400; }
#presets-button { border: 0; }
@media (min-width: 768px) {
  #messages-view div:has(> form) { width: calc(100% - 48px); }
}
@media (max-width: 767px) {
  #messages-view .split-parent { font-size: 26px; }
  #messages-view form { padding-inline: 12px; }
  #messages-view .bg-surface-chat:has(#prompt-textarea) { border-radius: 24px; }
}
@media (prefers-reduced-motion: reduce) { #messages-view * { animation-duration: 0s !important; transition-duration: 0s !important; } }