.apidemo-tag { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; padding:3px 9px; border-radius:999px; }
  .apidemo-tag.get { background:rgba(34,197,94,.12); color:#16a34a; border:1px solid rgba(34,197,94,.25); }
  .apidemo-tag.live { background:rgba(56,189,248,.10); color:#0284c7; border:1px solid rgba(56,189,248,.22); }
  .demo-input { width:100%; min-width:0; max-width:100%; border:1px solid color-mix(in oklch, var(--color-base-content) 20%, transparent); background:var(--color-base-100); color:inherit; border-radius:8px; min-height:40px; padding:8px 12px; font-size:13px; }
  .demo-input:focus { outline:none; border-color:color-mix(in oklch, var(--color-primary) 50%, transparent); }
  .code-block { background:#07111f; color:#d4e9ff; border-radius:10px; border:1px solid rgba(148,163,184,.15); padding:16px; font-size:12px; line-height:1.7; overflow-x:auto; white-space:pre; font-family:monospace; }
  .field-row { display:flex; gap:8px; padding:6px 0; border-bottom:1px solid color-mix(in oklch, var(--color-base-content) 7%, transparent); font-size:13px; }
  .field-row:last-child { border-bottom:none; }
  .field-label { opacity:.45; font-size:11px; text-transform:uppercase; letter-spacing:.06em; width:90px; flex-shrink:0; padding-top:2px; }
  .field-value { font-weight:600; word-break:break-word; }
  .demo-tabs { display:flex; gap:6px; flex-wrap:wrap; }
  .demo-tab { padding:5px 14px; border-radius:6px; font-size:12px; font-weight:600; cursor:pointer; border:1px solid color-mix(in oklch, var(--color-base-content) 20%, transparent); background:transparent; color:inherit; transition:all .15s; }
  .demo-tab.active { background:color-mix(in oklch, var(--color-primary) 15%, transparent); border-color:color-mix(in oklch, var(--color-primary) 40%, transparent); color:var(--color-primary); }
  .country-pill { padding:5px 18px; border-radius:6px; font-size:13px; font-weight:600; cursor:pointer; border:1px solid color-mix(in oklch, var(--color-base-content) 15%, transparent); transition:all .15s; }
  .country-pill.active { background:var(--color-base-100); border-color:color-mix(in oklch, var(--color-primary) 40%, transparent); box-shadow:0 1px 3px color-mix(in oklch, var(--color-base-content) 10%, transparent); }
  .country-pill:not(.active) { opacity:.5; }
  .registry-detail summary::-webkit-details-marker { display:none; }
  .registry-detail summary::after { content:'+'; font-weight:800; opacity:.45; }
  .registry-detail[open] summary::after { content:'-'; }
  .registry-metric { background:var(--color-base-200); border:1px solid color-mix(in oklch, var(--color-base-content) 8%, transparent); border-radius:8px; padding:10px 12px; min-width:0; }
  .registry-metric span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.06em; opacity:.45; margin-bottom:3px; }
  .registry-metric strong { display:block; font-size:13px; line-height:1.25; word-break:break-word; }
  .registry-section { border:1px solid color-mix(in oklch, var(--color-base-content) 8%, transparent); border-radius:8px; overflow:hidden; background:var(--color-base-100); }
  .registry-title { padding:9px 12px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; opacity:.55; background:var(--color-base-200); border-bottom:1px solid color-mix(in oklch, var(--color-base-content) 7%, transparent); }
  .registry-list { display:grid; }
  .registry-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:start; padding:9px 12px; border-bottom:1px solid color-mix(in oklch, var(--color-base-content) 6%, transparent); font-size:12px; }
  .registry-row:last-child { border-bottom:none; }
  .registry-row strong { min-width:0; font-weight:700; word-break:break-word; }
  .registry-row span { opacity:.55; text-align:right; white-space:nowrap; }
  .registry-more { padding:9px 12px; font-size:12px; opacity:.55; background:color-mix(in oklch, var(--color-base-200) 55%, transparent); }
  .registry-json { max-height:320px; overflow:auto; background:#07111f; color:#cfe8ff; border-radius:8px; padding:14px; font-size:11px; line-height:1.55; white-space:pre; }
  @media (max-width:640px) {
    .registry-row { grid-template-columns:1fr; gap:4px; }
    .registry-row span { text-align:left; white-space:normal; }
  }