:root {
      color-scheme: dark;
      --bg: #070a0f;
      --panel: rgba(13, 19, 29, 0.86);
      --line: rgba(127, 230, 190, 0.2);
      --line-strong: rgba(127, 230, 190, 0.42);
      --text: #e8fff5;
      --muted: #97aaab;
      --accent: #61f4b6;
      --accent-2: #74b8ff;
      --warn: #ffd166;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background:
        radial-gradient(circle at 18% 0%, rgba(97, 244, 182, 0.13), transparent 28rem),
        radial-gradient(circle at 82% 10%, rgba(116, 184, 255, 0.12), transparent 30rem),
        linear-gradient(180deg, #070a0f 0%, #090d13 58%, #05070b 100%);
      color: var(--text);
      letter-spacing: 0;
    }
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      background-image:
        linear-gradient(rgba(127, 230, 190, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(127, 230, 190, 0.055) 1px, transparent 1px);
      background-size: 40px 40px;
      mask-image: linear-gradient(to bottom, black, transparent 82%);
    }
    a { color: inherit; text-decoration: none; }
    code, pre { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
    main, section, article, aside, div, nav, footer { min-width: 0; }
    .shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
    .top-nav {
      position: sticky;
      top: 0;
      z-index: 10;
      border-bottom: 1px solid rgba(127, 230, 190, 0.16);
      background: rgba(7, 10, 15, 0.82);
      backdrop-filter: blur(16px);
    }
    .nav-inner {
      min-height: 66px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .brand {
      display: flex;
      align-items: center;
      gap: 11px;
      font-weight: 780;
    }
    .brand-mark {
      width: 32px;
      height: 32px;
      display: grid;
      place-items: center;
      border: 1px solid var(--line-strong);
      background: linear-gradient(135deg, rgba(97, 244, 182, 0.2), rgba(116, 184, 255, 0.13));
    }
    .brand-mark::before { content: "$"; color: var(--accent); font-family: monospace; font-weight: 900; }
    .nav-links { display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: 0.9rem; }
    .nav-links a:hover { color: var(--accent); }
    .hero { padding: 46px 0 28px; }
    .eyebrow {
      margin: 0 0 12px;
      color: var(--accent);
      font-family: monospace;
      text-transform: uppercase;
      font-size: 0.82rem;
    }
    h1, h2, h3 { margin: 0; line-height: 1.08; letter-spacing: 0; }
    h1 { max-width: 840px; font-size: clamp(2.4rem, 5vw, 4rem); }
    h2 { font-size: clamp(1.55rem, 3vw, 2.45rem); }
    h3 { font-size: 1.05rem; }
    p, li { color: var(--muted); line-height: 1.62; }
    .hero p { max-width: 780px; font-size: 1.03rem; }
    .docs-layout {
      display: grid;
      grid-template-columns: 220px minmax(0, 1fr);
      gap: 24px;
      padding: 18px 0 58px;
    }
    .side-nav {
      position: sticky;
      top: 86px;
      align-self: start;
      display: grid;
      gap: 8px;
      border: 1px solid rgba(127, 230, 190, 0.16);
      background: var(--panel);
      padding: 14px;
    }
    .side-nav a {
      min-height: 36px;
      display: flex;
      align-items: center;
      color: var(--muted);
      font-family: monospace;
      font-size: 0.84rem;
    }
    .side-nav a:hover { color: var(--accent); }
    .content { display: grid; gap: 18px; }
    .panel, .tool-card, .surface-card {
      border: 1px solid rgba(127, 230, 190, 0.16);
      background: var(--panel);
      box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22);
      padding: 20px;
    }
    .panel > :first-child, .tool-card > :first-child, .surface-card > :first-child { margin-top: 0; }
    .panel > :last-child, .tool-card > :last-child, .surface-card > :last-child { margin-bottom: 0; }
    .grid-2, .grid-3 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    .grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .tool-card { display: grid; gap: 12px; }
    .tool-card p { margin: 0; }
    .section-heading {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 14px;
    }
    .section-heading p { margin-bottom: 0; }
    .meta-row, .tag-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }
    .chip, .tag-row span {
      border: 1px solid var(--line);
      background: rgba(10, 18, 24, 0.78);
      color: #c9fff0;
      padding: 7px 9px;
      font-family: monospace;
      font-size: 0.78rem;
      overflow-wrap: anywhere;
    }
    .price-chip {
      border-color: rgba(97, 244, 182, 0.4);
      color: var(--accent);
      background: rgba(97, 244, 182, 0.08);
    }
    .route-list {
      display: grid;
      gap: 8px;
    }
    .route-list code {
      display: block;
      max-width: 100%;
      padding: 9px;
      overflow-wrap: anywhere;
      border: 1px solid rgba(255, 255, 255, 0.06);
      background: rgba(0, 0, 0, 0.28);
      color: #d8fff2;
      font-size: 0.8rem;
    }
    .spec-summary {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 18px;
    }
    .spec-summary div {
      border: 1px solid rgba(127, 230, 190, 0.16);
      background: rgba(0, 0, 0, 0.22);
      padding: 12px;
    }
    .spec-summary span,
    .schema-pair span,
    .schema-index span {
      display: block;
      color: var(--muted);
      font-size: 0.78rem;
      line-height: 1.45;
    }
    .spec-summary code {
      display: block;
      margin-top: 6px;
      color: #d8fff2;
      overflow-wrap: anywhere;
    }
    .api-route-grid {
      display: grid;
      gap: 12px;
    }
    .api-route-card {
      display: grid;
      gap: 11px;
      border: 1px solid rgba(127, 230, 190, 0.16);
      background: rgba(0, 0, 0, 0.18);
      padding: 14px;
    }
    .api-route-card h3,
    .api-route-card p { margin: 0; }
    .api-route-topline {
      display: flex;
      align-items: center;
      gap: 9px;
      min-width: 0;
    }
    .api-route-topline code {
      color: #d8fff2;
      overflow-wrap: anywhere;
    }
    .method-badge {
      flex: 0 0 auto;
      min-width: 52px;
      border: 1px solid rgba(97, 244, 182, 0.34);
      background: rgba(97, 244, 182, 0.1);
      color: var(--accent);
      padding: 6px 8px;
      text-align: center;
      font-family: monospace;
      font-size: 0.76rem;
      font-weight: 800;
    }
    .schema-pair {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }
    .schema-pair a,
    .schema-index a {
      min-width: 0;
      border: 1px solid rgba(116, 184, 255, 0.2);
      background: rgba(116, 184, 255, 0.06);
      padding: 10px;
    }
    .schema-pair code,
    .schema-index strong {
      display: block;
      color: #dcebff;
      overflow-wrap: anywhere;
      font-family: monospace;
      font-size: 0.82rem;
    }
    .schema-index {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .schema-index a { display: grid; gap: 5px; }
    .compact-links {
      margin-top: 0;
      gap: 8px;
    }
    .compact-links a {
      min-height: 34px;
      font-size: 0.78rem;
    }
    pre {
      max-width: 100%;
      margin: 12px 0 0;
      padding: 14px;
      overflow-x: auto;
      overflow-y: hidden;
      color: #d8fff2;
      background: rgba(0, 0, 0, 0.34);
      border: 1px solid rgba(127, 230, 190, 0.16);
      line-height: 1.48;
      font-size: 0.8rem;
      white-space: pre;
      -webkit-overflow-scrolling: touch;
    }
    .json-preview {
      max-height: 440px;
      overflow: auto;
    }
    .table-wrap {
      width: 100%;
      overflow-x: auto;
      border: 1px solid rgba(127, 230, 190, 0.16);
      -webkit-overflow-scrolling: touch;
    }
    table {
      width: 100%;
      min-width: 760px;
      border-collapse: collapse;
      background: rgba(0, 0, 0, 0.18);
    }
    th, td {
      padding: 11px 12px;
      border-bottom: 1px solid rgba(127, 230, 190, 0.13);
      text-align: left;
      vertical-align: top;
      color: var(--muted);
      line-height: 1.45;
    }
    th {
      color: var(--text);
      font-family: monospace;
      font-size: 0.78rem;
      text-transform: uppercase;
    }
    td code { color: #d8fff2; overflow-wrap: anywhere; }
    .tool-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .tool-list code {
      border: 1px solid var(--line);
      background: rgba(10, 18, 24, 0.78);
      color: #c9fff0;
      padding: 8px 9px;
      font-size: 0.78rem;
    }
    details {
      border: 1px solid rgba(127, 230, 190, 0.16);
      background: rgba(0, 0, 0, 0.18);
      padding: 12px;
    }
    summary {
      cursor: pointer;
      color: var(--accent);
      font-family: monospace;
    }
    .link-list {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 14px;
    }
    .link-list a, .button-link {
      min-height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(116, 184, 255, 0.28);
      background: rgba(116, 184, 255, 0.08);
      color: #dcebff;
      padding: 0 12px;
      font-family: monospace;
      font-size: 0.84rem;
    }
    .safety { border-color: rgba(255, 209, 102, 0.25); }
    footer {
      border-top: 1px solid rgba(127, 230, 190, 0.16);
      padding: 28px 0 38px;
      color: var(--muted);
      font-size: 0.93rem;
    }
    footer strong { color: var(--text); }
    @media (max-width: 900px) {
      .docs-layout { grid-template-columns: 1fr; }
      .side-nav { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .spec-summary { grid-template-columns: 1fr; }
      .schema-index { grid-template-columns: 1fr; }
    }
    @media (max-width: 640px) {
      .shell { width: min(100% - 22px, 1180px); }
      .top-nav { position: static; }
      .nav-inner { align-items: flex-start; flex-direction: column; padding: 14px 0; }
      .nav-links { gap: 8px; }
      .nav-links a { min-height: 38px; display: inline-flex; align-items: center; }
      .hero { padding: 34px 0 18px; }
      h1 { font-size: clamp(2rem, 10vw, 2.65rem); }
      h2 { font-size: clamp(1.5rem, 8vw, 2.1rem); }
      p, li { font-size: 0.96rem; line-height: 1.58; }
      .docs-layout { padding-bottom: 42px; }
      .side-nav, .grid-2, .grid-3 { grid-template-columns: 1fr; }
      .panel, .tool-card, .surface-card { padding: 16px; }
      .section-heading,
      .api-route-topline { align-items: flex-start; flex-direction: column; }
      .schema-pair { grid-template-columns: 1fr; }
      .link-list { align-items: stretch; flex-direction: column; }
      .link-list a, .button-link { width: 100%; }
      pre { font-size: 0.72rem; padding: 12px; }
    }