:root { --bg:#0b0f14; --card:#121821; --muted:#9fb0c3; --accent:#3aa0ff; --ok:#17c964; --warn:#ffb020; }
html,body { margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji"; background: var(--bg); color: #e8eef5; }
a { color: var(--accent); text-decoration: none; }
.wrap { max-width: 980px; margin: 40px auto; padding: 0 16px; }
header { margin-bottom: 24px; }
h1 { font-size: 28px; margin: 0 0 8px; }
.muted { color: var(--muted); }
.card { background: var(--card); border: 1px solid #1f2835; border-radius: 10px; padding: 16px; margin: 16px 0; }
.endpoint { border-left: 4px solid #2b3442; padding-left: 12px; margin: 18px 0; }
.method { font-weight: 700; display: inline-block; width: 64px; text-align:center; border-radius:6px; padding: 2px 6px; margin-right: 8px; }
.GET { background: #14344d; color: #78c6ff; }
.POST { background: #163b2a; color: #7ee2a8; }
.DELETE { background: #3a1a1a; color: #ff9d9d; }
code,kbd,pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
pre { background: #0c1219; border: 1px solid #1f2835; border-radius: 8px; padding: 12px; overflow:auto; }
.chip { font-size: 12px; padding: 2px 8px; border-radius: 999px; border: 1px solid #2c3747; color: var(--muted); display:inline-block; margin-left:8px; }
.public { color: var(--ok); border-color: rgba(23,201,100,.4); }
.protected { color: #ff9d9d; border-color: rgba(255,157,157,.4); }
ul { margin: 6px 0 12px 22px; }
.small { font-size: 13px; }
footer { margin: 24px 0 40px; }