/* The Lab in dark (ours; the Lab's own light styles are ../lab-static/styles.css).
   This whole file is a dark-only stylesheet. Its <link> carries the condition in `media`:
   "(prefers-color-scheme: dark)" while the visitor follows the device, "all" after choosing dark
   and "not all" after choosing light (src/lib/theme/theme.mjs sets it before the first paint).
   So every rule here is written once, with no theme selector. */
:root {
  color-scheme: dark;
  --bg: #0f1524;
  --ink: #e6edf8;
  --muted: #9db0c9;
  --blue: #6aa8ff;
  --line: #33435e80;
  --purple: #a594f0;
  --red: #f0919f;
  --glass: #1a2438cc;
  --shadow: 0 18px 65px #00000040;
}
body {
  background:
    radial-gradient(ellipse at 10% 10%, #1d4f7a55, transparent 48%),
    radial-gradient(ellipse at 90% 40%, #3b2f7a44, transparent 45%),
    linear-gradient(160deg, #0d1322, #111a2c 55%, #131829);
}
body::before {
  background: #1d4f7a33;
}
body::after {
  background: #3b2f7a2b;
}
.glass {
  border-color: #ffffff1f;
  box-shadow:
    var(--shadow),
    inset 0 1px 0 #ffffff14;
}
.error {
  color: #f3a3b3;
  background: #3a1a22;
  border-color: #6b2e3b;
}
.secondary {
  border-color: #3a4c68;
  background: #ffffff12;
}
.secondary:hover:not(:disabled) {
  background: #ffffff22;
}
.text-button:hover:not(:disabled) {
  color: #9cc4ff;
}
.steps {
  background: #ffffff10;
  border-color: #ffffff1f;
}
.steps [aria-current] {
  background: #ffffff1f;
  box-shadow: none;
}
.source-badge {
  color: #a9c4e6;
  background: #ffffff12;
  border-color: #3a4c68;
}
.chat-header {
  background: linear-gradient(130deg, #1e2c4677, #1b243a44 60%, #0000);
  border-bottom-color: #ffffff1f;
}
.chat-input-area textarea::placeholder {
  color: #8097b1;
}
.event-weekly {
  color: #8fb0d8;
}
.funding-panel {
  background: linear-gradient(125deg, #1e2a41cc, #1b2f4d99);
}
.holding-row {
  border-top-color: #33435e99;
}
.holding-row:hover {
  background: #ffffff0d;
}
.delete-button {
  border-color: #3a4c68;
  color: #9db0c9;
}
.delete-button:hover {
  border-color: #8a4a58;
  background: #3a1a22;
}
.amount-dialog {
  border-color: #ffffff1f;
  background: #162033f5;
  box-shadow: 0 25px 100px #00000080;
}
.amount-dialog::backdrop {
  background: #00000080;
}
.amount-input {
  border-color: #3a4c68;
  background: #0f1524;
}
.amount-input > span {
  color: #7f93ad;
}
.outlook-section {
  border-top-color: #33435e;
}
.event-post.selected {
  border-color: #4a78b8;
  background: #1f2b44e6;
  box-shadow: 0 12px 45px #00000040;
}
.event-source a:hover {
  background: #ffffff1a;
}
.event-odds {
  color: #7fb4ee;
}
.event-story:hover .event-headline {
  color: #8cc0ff;
}
.event-connection {
  color: #a9bbd2;
}
.holding-chip {
  border-color: #3a4c68;
  background: #ffffff10;
  color: #b6cbe6;
}
.event-action {
  color: #7fb4ee;
}
.selected .event-action {
  color: #9db0c9;
}
.thread-reply {
  border-left-color: #3a5a8c;
  background: linear-gradient(135deg, #141d30cc, #182237cc);
}
.probability-arrow {
  color: #6f8fb8;
}
.positive {
  color: #7fb4ee;
}
/* The slider: the unfilled part of the track. */
input[type="range"] {
  background: linear-gradient(
    to right,
    #3487f4 0%,
    #5f8cf5 var(--range-progress),
    #2a3955 var(--range-progress),
    #2a3955 100%
  );
  border-color: #3a4c6855;
  box-shadow: none;
}
.reset-button {
  border-color: #3a4c68;
  background: #ffffff12;
  color: #a9c4e6;
}
.reset-button:hover:not(:disabled) {
  background: #ffffff22;
}
.scenario-note {
  color: #c6a6cf;
}
.basket-chart-heading,
.reliability {
  border-top-color: #33435e99;
}
.basket-effect {
  border-top-color: #33435e99;
}
.range-tabs button {
  color: #9db0c9;
}
.range-tabs button.active {
  background: #ffffff1f;
}
/* The chart: axis text, grid lines (some are drawn with a stroke attribute), lines and markers. */
.chart-axis text,
.line-chart svg text {
  fill: #9db0c9;
}
.chart-axis line,
.line-chart svg line[stroke="#e5e5dc"] {
  stroke: #2c3a54;
}
.line-chart svg line[stroke="#c9c8ba"] {
  stroke: #5a6b88;
}
.history-line {
  stroke: #5ea2ff;
}
.history-point {
  fill: #5ea2ff;
}
.uncertainty-band {
  fill: #a594f0;
  opacity: 0.28;
}
.chart-cursor {
  stroke: #9db0c9;
}
.chart-marker {
  stroke: #0f1524;
}
.chart-tooltip {
  background: #2b4a75;
  box-shadow: 0 5px 20px #00000060;
}
.chart-legend i {
  border-top-color: #5ea2ff;
}
.chart-legend i.band {
  background: #a594f04d;
}
.reliability summary,
.data-info summary {
  color: #8fb0d8;
}
.caution {
  color: #d3b9d2;
  background: #ffffff0f;
}
/* What we add around the Lab (lab-extra.css). */
.lab-nav nav a[aria-current="page"] {
  background: #ffffff1f;
}
.lab-handoff {
  border-color: #3a4c68;
  background: #1a2438cc;
}
.theme-toggle:hover {
  background: #ffffff1a;
}
.theme-toggle .moon {
  display: none;
}
.theme-toggle .sun {
  display: block;
}