:root{color-scheme:light;--bg:#f5f6f8;--surface:white;--fg:#202b37;--line:#cdd7df;--muted:#526577;--link:#245b8e}
html[data-theme=dark]{color-scheme:dark;--bg:#101820;--surface:#1b2632;--fg:#e3ebf3;--line:#445569;--muted:#b1c0d0;--link:#8fc7ff}
@media(prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--bg:#101820;--surface:#1b2632;--fg:#e3ebf3;--line:#445569;--muted:#b1c0d0;--link:#8fc7ff}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:20px}a{color:var(--link)}nav,nav>div,.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}nav{justify-content:space-between}nav label{display:inline-flex;gap:8px;align-items:center}.panel,fieldset,article{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:20px;margin:18px 0}fieldset{margin:16px 0}label{display:block;margin:10px 0}label>span{display:block}input,textarea,select{font:inherit;padding:9px;max-width:100%;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:4px}input,textarea{width:100%}button,.button{font:inherit;display:inline-block;padding:8px 14px;border-radius:4px;border:1px solid var(--line);background:var(--surface);color:var(--link);cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:default}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.muted{color:var(--muted);font-size:14px}#notice:not(:empty){padding:12px;border:1px solid var(--line)}article{overflow-wrap:anywhere}pre{white-space:pre-wrap}h1{font-size:28px}h2{font-size:21px}[hidden]{display:none!important}