body{font:16px/1.6 system-ui,sans-serif;margin:0;color:#1a1a1a;background:#fff}main{max-width:760px;margin:0 auto;padding:24px 16px}
h1{font-size:2rem;margin:.2em 0}.card{border:1px solid #ddd;border-radius:10px;padding:16px;margin:18px 0;background:#fafafa}
pre{background:#111;color:#e6e6e6;padding:12px;border-radius:8px;overflow:auto;font-size:13px}code{background:#eee;padding:1px 4px;border-radius:4px}pre code{background:none;padding:0}
.btn{display:inline-block;background:#2457f5;color:#fff;padding:10px 18px;border-radius:8px;text-decoration:none;border:0;font-size:16px;cursor:pointer}
input[type=text]{padding:10px;width:100%;max-width:420px;border:1px solid #bbb;border-radius:8px;font-size:16px;box-sizing:border-box}
table{border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:6px 8px;text-align:left}footer{font-size:14px;color:#555}
@media(prefers-color-scheme:dark){body{background:#121212;color:#e8e8e8}.card{background:#1c1c1c;border-color:#333}code{background:#2a2a2a}td,th{border-color:#333}footer{color:#aaa}a{color:#8ab4ff}}