:root { color-scheme: dark; --bg:#080b11; --surface:#10151e; --surface-2:#151c27; --border:#253044; --text:#f4f7fb; --muted:#8e9aaf; --accent:#61e79a; --accent-ink:#06130b; --blue:#77a7ff; --warning:#f4c75b; --danger:#ff7586; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { margin: 0; color: var(--text); background: radial-gradient(circle at 78% 0,rgba(48,153,102,.14),transparent 34rem),var(--bg); font: 15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color: inherit; }
code,pre { font-family: ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace; }
.docs-topbar { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; justify-content: space-between; height: 78px; padding: 0 34px; border-bottom: 1px solid rgba(37,48,68,.8); background: rgba(8,11,17,.9); backdrop-filter: blur(18px); }
.docs-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.docs-brand img { width: 42px; height: 42px; border-radius: 12px; }
.docs-brand b,.docs-brand small { display: block; }
.docs-brand b { font-size: 1.03rem; }
.docs-brand small { margin-top: 1px; color: var(--muted); font-size: .7rem; }
.docs-topbar nav { display: flex; gap: 9px; }
.button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 0 16px; border: 1px solid var(--border); border-radius: 10px; text-decoration: none; font-weight: 750; font-size: .8rem; }
.button.primary { color: var(--accent-ink); border-color: var(--accent); background: var(--accent); }
.button.ghost { background: rgba(16,21,30,.74); }
.docs-layout { display: grid; grid-template-columns: 238px minmax(0,920px); justify-content: center; gap: 58px; padding: 0 38px; }
.docs-nav { position: sticky; top: 78px; height: calc(100dvh - 78px); padding: 42px 0; overflow-y: auto; }
.docs-nav p { margin: 24px 12px 6px; color: var(--muted); font-size: .64rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.docs-nav p:first-child { margin-top: 0; }
.docs-nav a { display: block; padding: 7px 12px; color: #b9c3d2; border-radius: 8px; text-decoration: none; font-size: .8rem; }
.docs-nav a:hover { color: var(--text); background: var(--surface); }
.docs-content { min-width: 0; padding: 72px 0 90px; }
.docs-hero { padding-bottom: 62px; border-bottom: 1px solid var(--border); }
.eyebrow { margin: 0 0 12px; color: var(--accent); font-size: .68rem; font-weight: 900; letter-spacing: .17em; }
h1 { max-width: 780px; margin: 0; font-size: clamp(2.5rem,6vw,4.8rem); line-height: 1.02; letter-spacing: -.055em; }
.hero-copy { max-width: 760px; margin: 25px 0 32px; color: #a9b4c6; font-size: 1rem; line-height: 1.85; }
.hero-meta { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 10px; }
.hero-meta>div { min-width: 0; padding: 15px 16px; border: 1px solid var(--border); border-radius: 12px; background: rgba(16,21,30,.68); }
.hero-meta span,.hero-meta code { display: block; }
.hero-meta span { margin-bottom: 7px; color: var(--muted); font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.hero-meta code { overflow: hidden; color: var(--accent); text-overflow: ellipsis; white-space: nowrap; font-size: .73rem; }
.notice,.callout { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 16px; margin-top: 18px; padding: 16px 18px; color: #c7d0dd; border: 1px solid rgba(97,231,154,.22); border-radius: 12px; background: rgba(97,231,154,.055); font-size: .8rem; }
.notice b,.callout b { color: var(--accent); }
.notice a,.callout a { color: var(--accent); }
.callout.warning { border-color: rgba(244,199,91,.24); background: rgba(244,199,91,.055); }
.callout.warning b { color: var(--warning); }
.docs-section { padding: 58px 0; border-bottom: 1px solid var(--border); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.section-heading h2 { margin: 0; font-size: 1.75rem; letter-spacing: -.025em; }
.docs-section>p { max-width: 760px; color: #a5b0c1; }
pre { margin: 18px 0 0; padding: 18px 20px; overflow: auto; color: #d9e1ec; border: 1px solid #20293a; border-radius: 12px; background: #05070b; font-size: .76rem; line-height: 1.65; }
.scope { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 26px; padding: 3px 9px; color: #a9b9d1; border: 1px solid var(--border); border-radius: 999px; background: rgba(21,28,39,.82); font: 700 .66rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.state-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.state-grid>div,.error-grid>div { padding: 15px; border: 1px solid var(--border); border-radius: 11px; background: rgba(16,21,30,.65); }
.state-grid b,.state-grid span,.error-grid code,.error-grid span { display: block; }
.state-grid b { color: var(--accent); font: 750 .73rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.state-grid span,.error-grid span { margin-top: 6px; color: var(--muted); font-size: .73rem; }
.state-grid .danger b { color: var(--warning); }
.endpoint { margin-top: 11px; padding: 19px 20px; border: 1px solid var(--border); border-radius: 13px; background: rgba(16,21,30,.58); }
.endpoint.featured { background: linear-gradient(135deg,rgba(21,28,39,.92),rgba(16,21,30,.72)); }
.endpoint-title { display: flex; align-items: center; gap: 11px; min-width: 0; }
.endpoint-title>code { min-width: 0; overflow-wrap: anywhere; color: var(--text); font-size: .88rem; font-weight: 750; }
.endpoint-title .scope { margin-left: auto; }
.method { display: inline-flex; flex: 0 0 48px; align-items: center; justify-content: center; min-height: 25px; border-radius: 7px; font: 900 .64rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.method.get { color: #bcd0ff; background: rgba(119,167,255,.13); }
.method.post { color: #06130b; background: var(--accent); }
.endpoint>p { margin: 11px 0 0 59px; color: var(--muted); font-size: .78rem; }
details { margin: 13px 0 0 59px; }
summary { color: var(--accent); cursor: pointer; font-size: .75rem; font-weight: 750; }
details pre { margin-top: 10px; }
.error-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.error-grid code { color: var(--warning); font-size: .72rem; font-weight: 750; }
footer { padding-top: 38px; color: var(--muted); font-size: .74rem; }
footer a { color: var(--accent); }
@media (max-width: 900px) { .docs-layout { grid-template-columns: 1fr; padding-inline: 24px; }.docs-nav { display: none; }.docs-content { padding-top: 46px; }.hero-meta { grid-template-columns: 1fr; }.state-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) { .docs-topbar { height: auto; min-height: 74px; padding: 12px 17px; }.docs-brand small { display: none; }.docs-brand img { width: 38px; height: 38px; }.docs-topbar nav .ghost { display: none; }.docs-layout { padding-inline: 17px; }.docs-content { padding-top: 38px; }.docs-hero { padding-bottom: 44px; }h1 { font-size: 2.7rem; }.hero-copy { font-size: .92rem; }.notice,.callout { grid-template-columns: 1fr; gap: 4px; }.docs-section { padding: 44px 0; }.section-heading { align-items: flex-start; flex-direction: column; }.state-grid,.error-grid { grid-template-columns: 1fr; }.endpoint { padding: 16px; }.endpoint-title { align-items: flex-start; flex-wrap: wrap; }.endpoint-title .scope { margin-left: 0; }.endpoint>p,details { margin-left: 0; } }