:root{--logo:#1b3a9c;--bg:#fff;--fg:#1c2530;--mut:#5d6b7a;--line:#d5dbe2;--gap:#fff3cd;--gapb:#c99700;--ok:#e8f3ec;--btn:#1f4e79}
@media (prefers-color-scheme:dark){:root{--logo:#dbe3ff;--bg:#14181d;--fg:#e6ebf0;--mut:#9aa7b4;--line:#2f3943;--gap:#3a3216;--gapb:#a08000;--ok:#1b2a21;--btn:#5b9bd5}}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.45 system-ui,sans-serif}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
h1{font-size:20px;margin:0;display:flex;align-items:center;gap:14px;font-weight:600}
.logo{display:inline-block;height:26px;width:calc(26px*7.5949);background:var(--logo);-webkit-mask:url(logo.png) center/100% 100% no-repeat;mask:url(logo.png) center/100% 100% no-repeat;flex:none}h2{font-size:15px;margin:22px 0 6px}main{max-width:900px;margin:0 auto;padding:16px}
input,select{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:4px;padding:5px 7px}
button{font:inherit;border:0;border-radius:4px;padding:7px 14px;background:var(--btn);color:#fff;cursor:pointer}
button.link{background:none;color:var(--mut);text-decoration:underline;padding:0}
table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:middle}
td.k{color:var(--mut);width:34%}.gap input,.gap select{background:var(--gap);border-color:var(--gapb)}
.src{font-size:12px;padding:1px 6px;border-radius:9px;background:var(--ok);color:var(--fg);white-space:nowrap}.src.GAP{background:var(--gap)}
.note{color:var(--mut);font-size:12px}#steps li{color:var(--mut)}#steps li.done{color:var(--fg)}#msg{color:var(--mut)}
@media (max-width:600px){td,th{display:block;border:0}td.k{width:auto;padding-bottom:0}}

.warn{background:var(--gap);border:1px solid var(--gapb);padding:8px 12px;border-radius:6px}
#kind{font:inherit;padding:6px}

[hidden]{display:none!important}
