:root{
color-scheme:light dark;
--ink:#1d2327;
--muted:#5f6b73;
--line:#d8dee2;
--bg:#fff;
--code:#f3f5f6;
--accent:#1f6f5c;
--warn:#fff4d6;
}
@media (prefers-color-scheme:dark){
:root{
--ink:#e7ecef;
--muted:#9aa7ae;
--line:#33403f;
--bg:#121716;
--code:#1c2322;
--accent:#6cc3a8;
--warn:#3a3320;
}
}
*{
box-sizing:border-box;
}
body{
margin:0;
font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;
color:var(--ink);
background:var(--bg);
}
.top{
display:flex;
flex-wrap:wrap;
gap:8px 16px;
align-items:baseline;
padding:12px 16px;
border-bottom:1px solid var(--line);
}
.brand{
font-weight:700;
color:var(--ink);
text-decoration:none;
}
nav{
font-size:14px;
color:var(--muted);
}
main{
max-width:880px;
margin:0 auto;
padding:16px;
}
footer{
max-width:880px;
margin:0 auto;
padding:16px;
font-size:14px;
color:var(--muted);
}
a{
color:var(--accent);
}
h1{
font-size:28px;
line-height:1.2;
}
h2{
margin-top:32px;
font-size:21px;
}
h3{
font-size:17px;
}
code,pre{
font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
background:var(--code);
}
code{
padding:1px 4px;
}
pre{
padding:12px;
overflow-x:auto;
white-space:pre-wrap;
word-break:break-all;
}
.banner{
padding:12px;
background:var(--warn);
border:1px solid var(--line);
}
.muted{
color:var(--muted);
}
.status{
min-height:1.5em;
}
label{
display:block;
margin:8px 0 4px;
}
.check{
display:flex;
gap:8px;
align-items:flex-start;
}
input[type=email],input:not([type]){
width:100%;
max-width:420px;
padding:10px;
font:inherit;
border:1px solid var(--line);
background:var(--bg);
color:var(--ink);
}
button{
margin-top:12px;
min-height:44px;
padding:8px 16px;
font:inherit;
color:#fff;
background:var(--accent);
border:0;
border-radius:0;
cursor:pointer;
}
table{
width:100%;
border-collapse:collapse;
font-size:14px;
display:block;
overflow-x:auto;
}
th,td{
padding:6px 8px;
border-bottom:1px solid var(--line);
text-align:left;
vertical-align:top;
}
.method{
display:inline-block;
padding:0 6px;
font-size:13px;
color:#fff;
background:var(--accent);
}
.op{
margin-top:24px;
padding-top:8px;
border-top:1px solid var(--line);
}
.responses{
font-size:14px;
}
.schema{
margin:6px 0;
}
summary{
cursor:pointer;
}
blockquote{
margin:12px 0;
padding:8px 12px;
border-left:3px solid var(--line);
color:var(--muted);
}