:root {
  /* Trading terminal (Kailash's pick, 5 Oct 2026): amber on black with hard green and red. One dark look,
     whatever the viewer's theme. */
  --bg: #0b0b0a; --panel: #131311; --sunk: #0f0f0d; --line: #2b2a25; --grid: #22211d;
  --ink: #f2efe6; --ink-2: #b9b4a6; --ink-3: #8f8a7d;
  --accent: #ffb000; /* amber: the gap between two prices */
  --pos: #39d98a; --pos-bg: #0f3322; --neg: #ff5d5d; --neg-bg: #3d1616;
  --heat0: #1b1b18; --heat1: #3a2c08; --heat2: #6e5208; --heat3: #b07f00; --heat4: #ffb000; --heat-ink: #0b0b0a;
  --s1: #3987e5; --s2: #d95926; --s3: #199e70; --s4: #c98500; --s5: #d55181; --s6: #2c9a2c; --s7: #9b7be0;
  --good: #39d98a; --good-bg: #0f3322; --warning: #ff8c42; --warning-bg: #3a2210;
  --critical: #ff5d5d; --critical-bg: #3d1616; --info: #5ab0ff; --info-bg: #13283d;
  --neutral: #a39e90; --neutral-bg: #22211d;
  --display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: var(--body);
  --r: 8px;
  --raised: #1a1a17; --line-2: #3a382f; --warn: var(--warning); --warn-bg: var(--warning-bg); --r-lg: 12px;
  --legacy-sunk: #1b1b18; --legacy-radius: 6px;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-card-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-logo: Georgia, "Times New Roman", serif;
  --font-login: system-ui, sans-serif;
  --book-tab-spine: #008542;
  --book-tab-ink: #2fbf71;
  --book-sportsbet-spine: #0060a8;
  --book-sportsbet-ink: #4ea6ff;
  --book-ladbrokes-spine: #e00008;
  --book-ladbrokes-ink: #ff5a5a;
  --book-neds-spine: #f05800;
  --book-neds-ink: #ff8a3d;
  --book-dabble-spine: #7848f8;
  --book-dabble-ink: #a98bff;
  --book-betr-spine: #0838d0;
  --book-betr-ink: #80f0dc;
  --book-unibet-spine: #38a830;
  --book-unibet-ink: #6fd35f;
  --book-pointsbet-spine: #e81840;
  --book-pointsbet-ink: #ff5f80;
  --book-betfair-spine: #f8b808;
  --book-betfair-ink: #ffc53d;
  --book-pinnacle-spine: #f85000;
  --book-pinnacle-ink: #ff7a3d;
  --book-bet365-spine: #106850;
  --book-bet365-ink: #f8e018;
  --book-tabtouch-spine: #5b2a86;
  --book-tabtouch-ink: #b98ae6;
  --chart-unknown: #a6a196;
  --mark-light: #fff;
  --color-0b0b0a: #0b0b0a;
  --color-0f0f0d: #0f0f0d;
  --color-0f3322: #0f3322;
  --color-131311: #131311;
  --color-13283d: #13283d;
  --color-151a17: #151a17;
  --color-199e70: #199e70;
  --color-1a1a17: #1a1a17;
  --color-1b1b18: #1b1b18;
  --color-1d2420: #1d2420;
  --color-22211d: #22211d;
  --color-2a2008: #2a2008;
  --color-2b2a25: #2b2a25;
  --color-2c9a2c: #2c9a2c;
  --color-2f6f4f: #2f6f4f;
  --color-34403a: #34403a;
  --color-3987e5: #3987e5;
  --color-39d98a: #39d98a;
  --color-3a2210: #3a2210;
  --color-3a2c08: #3a2c08;
  --color-3a382f: #3a382f;
  --color-3d1616: #3d1616;
  --color-454239: #454239;
  --color-5ab0ff: #5ab0ff;
  --color-5b655f: #5b655f;
  --color-61563b: #61563b;
  --color-6b3d1c: #6b3d1c;
  --color-6b685e: #6b685e;
  --color-6e5208: #6e5208;
  --color-7cc19c: #7cc19c;
  --color-8f8a7d: #8f8a7d;
  --color-8fcb68: #8fcb68;
  --color-9aa59e: #9aa59e;
  --color-9b7be0: #9b7be0;
  --color-a39e90: #a39e90;
  --color-b07f00: #b07f00;
  --color-b9b4a6: #b9b4a6;
  --color-c3a6ff: #c3a6ff;
  --color-c98500: #c98500;
  --color-cfd5cf: #cfd5cf;
  --color-d55181: #d55181;
  --color-d95926: #d95926;
  --color-e6ebe7: #e6ebe7;
  --color-f2efe6: #f2efe6;
  --color-f6f7f4: #f6f7f4;
  --color-ff5d5d: #ff5d5d;
  --color-ff8c42: #ff8c42;
  --color-ffb000: #ffb000;
  --color-ffc53d: #ffc53d;
  --color-ffc79e: #ffc79e;
  --color-ffd9bf: #ffd9bf;
  --color-fff: #fff;
  color-scheme: dark;
  --text-10: 10px;
  --text-11: 11px;
  --text-11-5: 11.5px;
  --text-12: 12px;
  --text-12-5: 12.5px;
  --text-13: 13px;
  --text-13-5: 13.5px;
  --text-14: 14px;
  --text-15: 15px;
  --text-16: 16px;
  --text-18: 18px;
  --text-19: 19px;
  --text-20: 20px;
  --text-21: 21px;
  --text-23: 23px;
  --text-28: 28px;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --border-width: 1px;
  --radius-pill: 99px;
  --color-121614: #121614;
  --color-1a201d: #1a201d;
  --color-2c3430: #2c3430;
  --color-2f6b4f: #2f6b4f;
  --color-5d6862: #5d6862;
  --color-7cc4a0: #7cc4a0;
  --color-9aa59f: #9aa59f;
  --color-c0392b: #c0392b;
  --color-dde2dd: #dde2dd;
  --color-e4e9e5: #e4e9e5;
  --color-f6f7f5: #f6f7f5;
  --color-ffffff: #ffffff;
  --font-legacy-body: "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-legacy-mono: "IBM Plex Mono",ui-monospace,Menlo,monospace;
}
/* Sign-in: layout only. Colours are the shared tokens (one dark look, 5 Oct 2026). */
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font:
    16px / 1.5 var(--font-login);
}
main {
  max-width: 22rem;
  margin: 15vh auto 0;
  padding-inline: 16px;
  display: grid;
  gap: 1rem;
}
h1 {
  font-size: 1.4rem;
  margin: 0;
}
form {
  display: grid;
  gap: 0.5rem;
}
[hidden] {
  display: none;
}
input {
  font: inherit;
  padding: 0.6rem;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: transparent;
  color: var(--ink);
}
button {
  font: inherit;
  padding: 0.6rem;
  border: 0;
  border-radius: 6px;
  background: var(--accent);
  color: var(--bg);
  cursor: pointer;
}
button.link {
  background: none;
  color: var(--ink-3);
  text-decoration: underline;
  padding: 0;
  justify-self: start;
}
p {
  margin: 0;
  color: var(--ink-3);
}