:root{color-scheme:light;--ink:#14202e;--mute:#5b6878;--line:#dfe4ea;--ok:#0b7a4b;--bad:#b3261e;--brand:#143a66}
*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:780px;margin:0 auto;padding:20px 16px 48px}h1{font-size:1.45rem;margin:0 0 4px}h2{font-size:1.05rem;margin:24px 0 8px}
.sub{color:var(--mute);margin:0 0 16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
label{display:block;font-size:.85rem;font-weight:600;margin:12px 0 4px}select,input{width:100%;min-height:46px;font-size:16px;padding:8px 10px;border:1px solid #b8c1cc;border-radius:8px;background:#fff;color:var(--ink)}
button{width:100%;min-height:50px;margin-top:16px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:1.05rem;font-weight:600}button:disabled{opacity:.55}
.err{color:var(--bad);min-height:1.4em;margin:8px 0 0}.agent{margin:0;font-weight:600}.agent.on{color:var(--ok)}.agent.off{color:var(--bad)}
.bar{height:10px;background:#e7ebef;border-radius:5px;overflow:hidden;margin-top:16px}#fill{height:100%;width:0;background:var(--brand)}#stage{margin:8px 0 0;color:var(--mute)}
#verdict{margin-top:14px;padding:12px;border-radius:8px}#verdict.good{background:#e6f5ee;color:#075c38}#verdict.fail{background:#fbeceb;color:#8c1d18}#verdict p{margin:0}#verdict p+p{margin-top:6px;font-size:.92rem}
.scroll{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:.88rem;min-width:640px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child td{border-bottom:0}th{font-size:.78rem;color:var(--mute)}.yes{color:var(--ok);font-weight:600}.no{color:var(--bad);font-weight:600}