:root, .dark-mode, .light-mode {
  color-scheme: dark;
  --scalar-background-1: #0e1825;
  --scalar-background-2: #132234;
  --scalar-background-3: #1b2d40;
  --scalar-background-accent: #18372f;
  --scalar-color-1: #d9e4f0;
  --scalar-color-2: #a7b8ca;
  --scalar-color-3: #93a8bd;
  --scalar-color-accent: #74dfb9;
  --scalar-border-color: #29394b;
  --scalar-radius: 4px;
  --scalar-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --scalar-font-code: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --scalar-color-green: #82e1b6;
  --scalar-color-blue: #a4c6ed;
  --scalar-color-yellow: #eabd76;
  --scalar-color-red: #f3a5b0;
}
body { background: #0e1825; color: #d9e4f0; }
a { text-underline-offset: 3px; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid #74dfb9; outline-offset: 4px; }
pre { max-width: 100%; overflow-x: auto; }
/* Scalar Docs 2.8 hardcodes downloads in its multi-page introduction.
   Keep the machine-readable contract in the agent guide instead. */
.narrow-references-container .download-container { display: none; }
.ua-quickstart { max-width: 820px; margin: 0 auto; padding: 8px 0 24px; }
.ua-quickstart h1 { font-size: clamp(30px, 3vw, 42px); font-weight: 600; letter-spacing: -1.2px; line-height: 1.18; margin: 0 0 18px; }
.ua-quickstart h2 { font-size: 19px; font-weight: 600; letter-spacing: -.3px; margin: 0 0 10px; line-height: 1.35; }
.ua-quickstart h3 { font-size: 16px; font-weight: 600; margin: 0 0 7px; }
.ua-quickstart p { color: #a7b8ca; font-size: 15px; line-height: 1.75; margin: 0 0 15px; }
.ua-quickstart .ua-intro { max-width: 640px; font-size: 17px; }
.ua-eyebrow { display: flex; gap: 9px; color: #a7b8ca; font-size: 12px; margin-bottom: 20px; }
.ua-agent { padding: 20px; background: #14362d; border: 1px solid #285343; border-radius: 9px; display: flex; gap: 14px; margin: 28px 0; }
.ua-agent .ua-icon { color: #77e4b7; font-size: 22px; }
.ua-agent p { color: #d9e4f0; font-size: 14px; margin-bottom: 10px; }
.ua-inline-links { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.ua-quickstart a, .ua-textlink { color: #74dfb9; text-decoration: none; font-size: inherit; }
.ua-quickstart a:hover, .ua-textlink:hover { text-decoration: underline; }
button.ua-textlink { background: transparent; border: 0; padding: 0; cursor: pointer; font: inherit; }
.ua-inline-links a, .ua-inline-links button { font-size: 13px; font-weight: 500; }
.ua-tierbar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 28px; }
.ua-tierbar > span { color: #a7b8ca; font-size: 13px; margin-right: 5px; }
.ua-tierbar button { padding: 8px 12px; border-radius: 5px; background: transparent; color: #d9e4f0; border: 1px solid #29394b; font: 13px var(--scalar-font); cursor: pointer; }
.ua-tierbar button[aria-pressed="true"] { background: #dce8f3; color: #182d3e; border-color: transparent; }
.ua-step { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 16px; margin-top: 32px; }
.ua-step[hidden] { display: none; }
.ua-step-number { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: #132234; border: 1px solid #29394b; font-size: 12px; }
.ua-code { background: #102032; color: #e0e9f3; border: 1px solid #2c3c4e; border-radius: 8px; overflow: hidden; margin: 16px 0; min-width: 0; }
.ua-code-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; border-bottom: 1px solid #2a3b4e; padding: 9px 12px; font-size: 12px; color: #a7b8ca; }
.ua-tabs { display: flex; gap: 3px; flex-wrap: wrap; }
.ua-tabs button { border: 0; border-radius: 4px; padding: 7px 9px; font: 12px var(--scalar-font); background: transparent; color: #a7b8ca; cursor: pointer; }
.ua-tabs button[aria-pressed="true"] { background: #293d52; color: white; }
.ua-copy { background: transparent; border: 0; color: #c3d1e0; padding: 7px 4px; font: 12px var(--scalar-font); cursor: pointer; }
.ua-quickstart pre { margin: 0; padding: 18px; font: 12px/1.8 var(--scalar-font-code); white-space: pre; background: #102032; color: #e0e9f3; }
.ua-quickstart pre code { font: inherit; padding: 0; border: 0; color: inherit; background: transparent; }
.ua-quickstart :not(pre) > code { background: #1b2d40; color: #d9e4f0; border-radius: 3px; padding: 2px 5px; font-size: 13px; }
.ua-note { padding: 16px; display: flex; align-items: flex-start; gap: 12px; background: #132234; border: 1px solid #29394b; border-radius: 7px; margin: 20px 0; }
.ua-note .ua-icon { font-size: 20px; line-height: 1.35; flex-shrink: 0; }
.ua-note p { margin: 0; font-size: 14px; }
.ua-warn { background: #302719; border-color: #5d4930; }
.ua-warn .ua-icon { color: #eabd76; }
.ua-warn strong { color: #edce9e; }
.ua-quickstart .ua-small { font-size: 13px; margin-top: 12px; }
.ua-response { border: 1px solid #29394b; border-radius: 8px; margin-top: 20px; overflow: hidden; }
.ua-response summary { padding: 15px; font-size: 14px; color: #d9e4f0; cursor: pointer; }
.ua-response p { padding: 16px; font-size: 13px; margin: 0; }
.ua-next { border-top: 1px solid #29394b; margin-top: 36px; padding-top: 22px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; color: #a7b8ca; font-size: 14px; }
.ua-copy-status { color: #74dfb9; min-height: 22px; font-size: 13px; }
.ua-footer { display: flex; flex-wrap: wrap; gap: 22px; padding: 28px; border-top: 1px solid #29394b; font: 12px var(--scalar-font); color: #a7b8ca; }
.ua-footer a { color: #a7b8ca; text-decoration: none; }
.ua-footer-muted { margin-left: 8px; }
@media (max-width: 650px) { .ua-quickstart { padding: 0 0 20px; } .ua-step { gap: 10px; grid-template-columns: 25px minmax(0, 1fr); } .ua-step-number { width: 24px; height: 24px; } .ua-code-top { gap: 3px; padding: 8px; } .ua-tabs button { padding: 6px; } .ua-agent { padding: 16px; } .ua-quickstart pre { font-size: 11px; padding: 14px; } }