:root {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color-scheme: dark;
  --bg: #050712;
  --bg-alt: #0b1224;
  --panel: rgba(18, 24, 45, 0.7);
  --border: rgba(255, 255, 255, 0.08);
  --text: #f2f4ff;
  --muted: #9da6c6;
  --accent: #6ed3ff;
  --accent-strong: #2bc4ff;
  --accent-bg: rgba(46, 164, 255, 0.16);
  --header-surface: rgba(5, 7, 18, 0.9);
  --hero-gradient: radial-gradient(circle at 18% 15%, rgba(110, 211, 255, 0.25), transparent 45%),
    radial-gradient(circle at 80% 0%, rgba(182, 88, 255, 0.35), transparent 42%), #050712;
  --chat-surface: rgba(255, 255, 255, 0.02);
  --sidebar-surface: rgba(8, 10, 20, 0.65);
  --sidebar-border: var(--border);
  --card-surface: rgba(5, 7, 18, 0.85);
  --card-border: var(--border);
  --input-surface: rgba(255, 255, 255, 0.04);
  --menu-surface: rgba(7, 12, 20, 0.96);
  --menu-border: rgba(255, 255, 255, 0.12);
  --menu-item-bg: rgba(255, 255, 255, 0.04);
  --menu-item-hover: rgba(255, 255, 255, 0.12);
  --toggle-bg: rgba(8, 10, 20, 0.85);
  --toggle-fg: #ffffff;
  --composer-bg: rgba(9, 12, 26, 0.92);
  --composer-bg-focus: rgba(13, 18, 34, 0.98);
  --composer-bg-disabled: rgba(255, 255, 255, 0.04);
  --composer-border: rgba(255, 255, 255, 0.15);
  --composer-focus-ring: rgba(110, 211, 255, 0.45);
}
[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f8ff;
  --bg-alt: #ffffff;
  --panel: rgba(255, 255, 255, 0.85);
  --border: rgba(16, 24, 40, 0.08);
  --text: #0f172a;
  --muted: #4c5166;
  --accent: #2f6efc;
  --accent-strong: #1a4be8;
  --accent-bg: rgba(47, 110, 252, 0.12);
  --header-surface: rgba(247, 248, 255, 0.9);
  --hero-gradient: radial-gradient(circle at 18% 15%, rgba(47, 110, 252, 0.2), transparent 45%),
    radial-gradient(circle at 80% 0%, rgba(139, 92, 246, 0.2), transparent 42%), #f7f8ff;
  --chat-surface: rgba(255, 255, 255, 0.98);
  --sidebar-surface: transparent;
  --sidebar-border: rgba(15, 23, 42, 0.12);
  --card-surface: rgba(255, 255, 255, 0.9);
  --card-border: rgba(15, 23, 42, 0.12);
  --input-surface: rgba(255, 255, 255, 0.96);
  --menu-surface: rgba(255, 255, 255, 0.98);
  --menu-border: rgba(15, 23, 42, 0.14);
  --menu-item-bg: rgba(15, 23, 42, 0.04);
  --menu-item-hover: rgba(15, 23, 42, 0.08);
  --toggle-bg: rgba(255, 255, 255, 0.9);
  --toggle-fg: #0f172a;
  --composer-bg: rgba(255, 255, 255, 0.96);
  --composer-bg-focus: rgba(255, 255, 255, 1);
  --composer-bg-disabled: rgba(15, 23, 42, 0.05);
  --composer-border: rgba(15, 23, 42, 0.12);
  --composer-focus-ring: rgba(47, 110, 252, 0.35);
}

:root{--chat-font-size:16px;--chat-control-radius:8px;letter-spacing:0}