:root {
  color-scheme: light;
  --ops-page: #f3efe8;
  --ops-surface: #fffdf9;
  --ops-surface-soft: #faf6f0;
  --ops-surface-strong: #efe8de;
  --ops-ink: #211a14;
  --ops-ink-2: #4f4339;
  --ops-ink-3: #786a5e;
  --ops-border: rgba(64, 45, 29, .12);
  --ops-border-strong: rgba(64, 45, 29, .2);
  --ops-accent: #c95424;
  --ops-accent-hover: #aa4018;
  --ops-accent-soft: #fae8dc;
  --ops-partner: #286e66;
  --ops-partner-soft: #e4f0ed;
  --ops-positive: #2f7552;
  --ops-positive-soft: #e4efe8;
  --ops-warning: #a96f10;
  --ops-warning-soft: #f8edcf;
  --ops-negative: #b63e38;
  --ops-negative-soft: #f8e5e2;
  --ops-rail: #201b17;
  --ops-rail-2: #302821;
  --ops-radius-sm: 8px;
  --ops-radius: 12px;
  --ops-radius-lg: 16px;
  --ops-shadow: 0 1px 2px rgba(46, 32, 20, .05), 0 10px 28px rgba(46, 32, 20, .045);
  --ops-shadow-raised: 0 14px 38px rgba(46, 32, 20, .1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.ops-page {
  margin: 0;
  min-width: 320px;
  background: var(--ops-page);
  color: var(--ops-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.ops-page ::selection { background: #edc3ae; color: var(--ops-ink); }
body.ops-page button,
body.ops-page input,
body.ops-page select,
body.ops-page textarea { font: inherit; }
body.ops-page button,
body.ops-page a { -webkit-tap-highlight-color: transparent; }
body.ops-page :is(button, a, input, select, textarea):focus-visible {
  outline: 3px solid rgba(201, 84, 36, .23);
  outline-offset: 2px;
}
body.ops-page :is(input, select, textarea):focus {
  border-color: var(--ops-accent) !important;
  box-shadow: 0 0 0 3px rgba(201, 84, 36, .1) !important;
  outline: none;
}
body.ops-page :is(button, input, select) { min-height: 44px; }
body.ops-page button:disabled { cursor: not-allowed; opacity: .55; }
.ops-num { font-variant-numeric: tabular-nums; }
.ops-surface {
  background: var(--ops-surface);
  border: 1px solid var(--ops-border);
  border-radius: var(--ops-radius-lg);
  box-shadow: var(--ops-shadow);
}
.ops-eyebrow {
  color: var(--ops-accent);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ops-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ops-positive);
  box-shadow: 0 0 0 4px rgba(47, 117, 82, .12);
}
.ops-scrollbar { scrollbar-color: #b9aa9b transparent; scrollbar-width: thin; }
.ops-scrollbar::-webkit-scrollbar { width: 7px; height: 7px; }
.ops-scrollbar::-webkit-scrollbar-thumb { background: #b9aa9b; border-radius: 999px; }
.ops-scrollbar::-webkit-scrollbar-track { background: transparent; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}