:root{--bg:#0b0e14;--fg:#e6e9ef;--mut:#9aa4b2;--acc:#5eead4;--card:#121722;--bd:#1f2633;--err:#f87171}
*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--acc)}.wrap{max-width:1100px;margin:auto;padding:16px 20px}
nav{border-bottom:1px solid var(--bd);background:#0d1119;position:sticky;top:0;z-index:5}nav .wrap{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:10px 20px}
nav a{color:var(--mut);text-decoration:none;font-size:14px}nav a.on,nav a:hover{color:var(--fg)}nav .brand{color:var(--acc);font-weight:700;margin-right:8px}
h1{font-size:28px;margin:.3em 0}.mut{color:var(--mut)}.card{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:16px;margin:14px 0}
label{display:block;font-size:13px;color:var(--mut);margin:8px 0 4px}input,select,textarea{width:100%;background:#0b0f17;color:var(--fg);border:1px solid var(--bd);border-radius:8px;padding:9px;font:14px ui-monospace,SFMono-Regular,Menlo,monospace}
textarea{min-height:90px}button{background:var(--acc);color:#04201c;border:0;border-radius:8px;padding:9px 16px;font-weight:700;cursor:pointer;margin-top:10px}button.sec{background:transparent;color:var(--acc);border:1px solid var(--acc)}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:7px;border-bottom:1px solid var(--bd);text-align:left;vertical-align:top;word-break:break-all}th{color:var(--mut);font-weight:600}
code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}pre{background:#0b0f17;border:1px solid var(--bd);padding:12px;border-radius:8px;overflow:auto;font-size:13px}
.err{color:var(--err)}.ok{color:var(--acc)}.pill{display:inline-block;padding:2px 8px;border:1px solid var(--bd);border-radius:99px;font-size:12px;color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.grid a.card{text-decoration:none;color:var(--fg);display:block}.grid a.card:hover{border-color:var(--acc)}
footer{border-top:1px solid var(--bd);margin-top:30px;color:var(--mut);font-size:13px}