:root{--bg:#ffffff;--fg:#1b1f24;--muted:#4a5562;--line:#c9d1da;--note:#f3f6f9;--btn:#0b4f8a;--btnfg:#ffffff;--err:#8a1c1c}
@media (prefers-color-scheme: dark){:root{--bg:#121417;--fg:#eef1f4;--muted:#b8c2cc;--line:#3a4450;--note:#1d2228;--btn:#9cc9f5;--btnfg:#0d1117;--err:#f5a3a3}}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--fg);margin:0;padding:16px;line-height:1.5;font-size:1.05rem}
main{max-width:860px;margin:0 auto}
h1{font-size:1.6rem}h2{font-size:1.3rem;margin-top:2rem}h3{font-size:1.1rem}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
caption{text-align:left;font-weight:700;padding:8px 0}
th,td{border-bottom:1px solid var(--line);padding:8px;text-align:left}
dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px}dt{font-weight:600}dd{margin:0}
.note{background:var(--note);border-left:4px solid var(--line);padding:12px;margin:16px 0}
.error{border-left:4px solid var(--err);padding:12px;background:var(--note);font-weight:600}
.muted,small{color:var(--muted)}
.secret{font-family:ui-monospace,Consolas,monospace;font-size:1.3rem;letter-spacing:.05em;word-break:break-all;background:var(--note);padding:12px}
label{display:block;font-weight:600;margin-bottom:4px}
input{font:inherit;padding:10px;border:2px solid var(--muted);border-radius:6px;background:var(--bg);color:var(--fg);width:100%;max-width:22rem;box-sizing:border-box}
button{font:inherit;min-height:44px;padding:8px 16px;border-radius:6px;border:2px solid var(--btn);background:var(--btn);color:var(--btnfg);cursor:pointer}
button.secondary{background:transparent;color:var(--fg)}
button.link{background:none;border:none;color:inherit;text-decoration:underline;text-underline-offset:3px;padding:0;min-height:24px}
form.inline{display:inline}
.order{border:2px solid var(--line);border-radius:8px;padding:12px 16px;margin:16px 0}
.live{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:var(--bg);padding:8px;z-index:1}
nav{max-width:860px;margin:0 auto}
nav ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
a{color:inherit;text-underline-offset:3px}
@media (max-width:600px){th,td{padding:6px 4px;font-size:.95rem}dl{grid-template-columns:1fr}dd{margin-bottom:8px}}