:root{color-scheme:light dark;--bg:#f6f7f9;--panel:#fff;--text:#18232e;--muted:#617181;--line:#dce3ea;--brand:#2260d1}
*{box-sizing:border-box}body{margin:0;font:15px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--text)}header{padding:20px max(24px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--panel)}header a{font-weight:750;text-decoration:none;color:var(--text)}header span{font-weight:400;margin-left:12px;color:var(--muted)}main{max-width:1080px;margin:40px auto;padding:0 24px}h1{font-size:28px;line-height:1.3}h2{font-size:20px}p{color:var(--muted)}section,form.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px;margin:20px 0}.narrow{max-width:460px;margin:60px auto}label{display:block;font-weight:600;margin-top:16px}input{display:block;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--text);background:var(--panel);margin:6px 0 18px}button,a.button{font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px 14px;cursor:pointer;color:var(--text);background:var(--panel);display:inline-block;text-decoration:none;margin:4px 6px 4px 0}button.primary,a.primary{background:var(--brand);color:white;border-color:var(--brand)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #80aaff;outline-offset:2px}.danger{color:#b63535}table{width:100%;border-collapse:collapse}th,td{padding:14px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:13px}small{color:var(--muted)}.scroll{overflow:auto}#notice:not(:empty){padding:12px 16px;background:#fff0cc;border:1px solid #e4c47d;border-radius:8px;margin-bottom:20px}dialog{max-width:560px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--panel);color:var(--text)}dialog::backdrop{background:#13233880}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:16px;border-radius:8px}footer{margin-top:20px;color:var(--muted)}@media(prefers-color-scheme:dark){:root{--bg:#111921;--panel:#19242f;--text:#e3eaf1;--muted:#98aabb;--line:#344454;--brand:#426fd5}#notice:not(:empty){background:#342b18;color:#f5ddb1}}@media(max-width:640px){header{padding:16px 20px}main{margin:24px auto}section,form.card{padding:20px}th,td{min-width:100px}}