:root{--ink:#1d2733;--mut:#6a7686;--line:#d9dee5;--acc:#1f5f8b;--bg:#f5f7fa}
@media(prefers-color-scheme:dark){:root{--ink:#e6ebf1;--mut:#9aa6b5;--line:#33404f;--acc:#6db3e3;--bg:#161c24}}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;color:var(--ink);background:var(--bg)}
nav{display:flex;gap:1.2rem;align-items:center;padding:.7rem 1.2rem;border-bottom:1px solid var(--line)}nav span{margin-left:auto;color:var(--mut)}
a{color:var(--acc)}main{padding:1.2rem;max-width:1200px;margin:auto}
table{border-collapse:collapse;width:100%;margin:.6rem 0}th,td{padding:.4rem .6rem;border-bottom:1px solid var(--line);text-align:left}
.tw{overflow-x:auto}input,select,button,textarea{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:4px;padding:.3rem .5rem}
button{background:var(--acc);color:#fff;border-color:var(--acc);cursor:pointer}button.sec,.rm{background:transparent;color:var(--ink);border-color:var(--line)}
.row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0;align-items:center}.card{display:grid;gap:.8rem;max-width:420px}label{display:grid;gap:.2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem}
.g{border:1px solid var(--line);border-left:3px solid var(--acc);padding:.5rem;margin:.4rem 0}.gh,.l{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.25rem 0}.gh label,.l label{display:flex;gap:.3rem}
fieldset{border:0;padding:0;margin:0}.mut{color:var(--mut)}:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.tabs{display:flex;flex-wrap:wrap;gap:.3rem;border-bottom:1px solid var(--line);margin:.6rem 0 1rem}.tabs a{padding:.45rem .9rem;text-decoration:none;color:var(--mut);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs a.on{color:var(--ink);border-color:var(--acc);font-weight:600}