/* Окно-ввод Jarvis (D14): цвета — тема Telegram (--tg-theme-*, их ставит telegram-web-app.js), вне Telegram — свои. */
:root {
  --bg: var(--tg-theme-bg-color, #ffffff);
  --text: var(--tg-theme-text-color, #1c1c1e);
  --hint: var(--tg-theme-hint-color, #6b6b70);
  --field: var(--tg-theme-secondary-bg-color, #f2f2f7);
  --accent: var(--tg-theme-button-color, #2481cc);
  --accent-text: var(--tg-theme-button-text-color, #ffffff);
  --warn: var(--tg-theme-destructive-text-color, #d93025);
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: var(--tg-theme-bg-color, #17212b);
    --text: var(--tg-theme-text-color, #f5f5f5);
    --hint: var(--tg-theme-hint-color, #8e9aa6);
    --field: var(--tg-theme-secondary-bg-color, #232e3c);
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); }
body { font: 16px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 640px; margin: 0 auto; padding: 12px 16px 24px; }
.tabs { display: flex; gap: 8px; margin-bottom: 10px; }
.tab {
  flex: 1; min-height: 44px; border: 0; border-radius: 10px; font: inherit; cursor: pointer;
  background: var(--field); color: var(--text);
}
.tab[aria-selected="true"] { background: var(--accent); color: var(--accent-text); }
.count:not(:empty) { margin-left: 4px; font-weight: 600; }
textarea {
  width: 100%; min-height: 40vh; padding: 12px; border: 0; border-radius: 12px; resize: vertical;
  font: inherit; background: var(--field); color: var(--text);
}
textarea::placeholder { color: var(--hint); }
.hint { margin: 8px 2px 0; font-size: 14px; color: var(--hint); }
.hint.warn { color: var(--warn); }
.banner { margin: 0 0 12px; padding: 12px; border-radius: 12px; background: var(--field); color: var(--text); }