:root{color-scheme:dark;--bg:#101823;--panel:#192536;--line:#35445b;--text:#edf1f7;--muted:#b4c1d3;--accent:#8bc9ff;--error:#ffb4b4}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,"Yu Gothic",sans-serif}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.brand{font-size:1.3rem;font-weight:700;color:var(--text);text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap;width:100%}a{color:var(--accent);text-underline-offset:4px}main{min-height:65vh}h1{font-size:1.8rem}h2{font-size:1.3rem;margin-top:32px}.badge{font-size:.8rem;color:var(--muted);border:1px solid var(--line);padding:2px 10px;border-radius:12px}section,fieldset,.card{background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:8px;margin:20px 0}label{display:block;margin:12px 0 4px}input,select,textarea,button{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:8px 12px;max-width:100%}input:not([type=checkbox]),textarea{width:min(100%,650px)}input[type=checkbox]{margin-right:8px}textarea{min-height:180px;font-family:monospace}button{cursor:pointer;background:#24587b;border-color:#4d86ac;margin:16px 8px 8px 0}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){background:#346f97}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.validation-summary-errors,.field-validation-error,.error{color:var(--error)}.notice,.status{border-left:3px solid var(--accent);padding:8px 16px;background:var(--panel)}table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted)}pre,code{font-family:ui-monospace,Consolas,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);padding:16px;border:1px solid var(--line)}code{overflow-wrap:anywhere}small,.muted,footer{color:var(--muted)}footer{border-top:1px solid var(--line);font-size:.85rem}dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 24px}dd{margin:0;overflow-wrap:anywhere}@media(max-width:650px){header,main,footer{padding:16px}nav{gap:12px}dl{display:block}dt{color:var(--muted);margin-top:12px}}