:root{--bg:#fff;--fg:#1a1a1a;--muted:#555;--accent:#0b5cad;--line:#ddd}
@media (prefers-color-scheme:dark){:root{--bg:#141414;--fg:#eee;--muted:#aaa;--accent:#6db3f2;--line:#333}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.5 system-ui,sans-serif}
header,main,footer{max-width:42rem;margin:0 auto;padding:1rem}
header{border-bottom:1px solid var(--line)}
.home{font-weight:700;text-decoration:none;color:var(--fg)}
a{color:var(--accent)}
.tools{list-style:none;padding:0}
.tools li{padding:.75rem 0;border-bottom:1px solid var(--line)}
.tools a{font-size:1.2rem;font-weight:600}
.tools span{display:block;color:var(--muted)}
footer{color:var(--muted);font-size:.9rem}
.big{border-collapse:collapse;width:100%;margin:1rem 0}
.big th,.big td{border-bottom:1px solid var(--line);padding:.6rem .4rem;text-align:left;vertical-align:top}
.big thead th{color:var(--muted);font-size:.85rem}
.big small{color:var(--muted)}
button{font:inherit;padding:.4rem .7rem;margin:.15rem .15rem .15rem 0}
button:disabled{opacity:.5}
@media (max-width:34rem){.big thead{display:none}.big tr{display:block;border-bottom:1px solid var(--line);padding:.5rem 0}.big th,.big td{display:block;border:0;padding:.15rem 0}}
pre{white-space:pre-wrap;word-break:break-word;font-size:.8rem;background:rgba(127,127,127,.12);padding:.6rem;border-radius:.4rem}