:root{
  --brand-50:#fff4ed; --brand-100:#ffe6d5; --brand-200:#ffc8a8; --brand-300:#ffa270;
  --brand-400:#ff7a3c; --brand-500:#f25c1f; --brand-600:#e04812; --brand-700:#b9380f;
  --live:#e23b2e; --live-bg:#fde8e6;
  --bg:#f2f4f7; --surface:#ffffff; --surface-2:#f7f8fa; --surface-3:#eef0f3;
  --ink:#1b2430; --ink-2:#5a6573; --ink-3:#9aa4b1; --line:#e3e7ec;
  --ok:#16a34a; --ok-bg:#e7f6ec; --warn:#f59e0b; --warn-bg:#fef3e2;
  --danger:#dc2626; --danger-bg:#fdeaea; --info:#3b82f6; --info-bg:#e8f1fe;
  --offline:#9aa4b1; --offline-bg:#eef0f3;
  --video-bg:#1b2430; --video-ink:#d7dce3;
  --font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace;
  --fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-md:15px; --fs-lg:17px; --fs-xl:20px; --fs-2xl:24px; --fs-3xl:30px;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-xl:18px; --r-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;
  --sh-sm:0 1px 2px rgba(27,36,48,.06); --sh-md:0 2px 8px rgba(27,36,48,.08); --sh-lg:0 6px 20px rgba(27,36,48,.12);
  --sidebar-w:248px; --tabbar-h:64px; --header-h:60px; --content-max:1320px;
  --ease:cubic-bezier(.4,0,.2,1); --dur:160ms;
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;}}