:root{color-scheme:dark}
body{font:16px/1.5 system-ui,sans-serif;background:#0f1115;color:#e6e8ee;margin:0;min-height:100vh;display:grid;place-items:center}
main{width:min(34rem,92vw);padding:1.5rem 0}
h1{font-size:1.6rem;margin:0 0 .25rem}h2{font-size:1.1rem;margin:1.5rem 0 .5rem}
p,small,li{color:#9aa3b2}code{color:#7fb3ff;word-break:break-all}
button,input{font:inherit;border-radius:.6rem;border:1px solid #2c3340;background:#1a1f29;color:#e6e8ee;padding:.75rem 1rem}
button{cursor:pointer;background:#2563eb;border-color:#2563eb;font-weight:600}
button.secondary{background:#1a1f29;border-color:#2c3340}button.danger{background:#b3261e;border-color:#b3261e}
button:disabled{opacity:.5}
.row{display:flex;gap:.6rem;flex-wrap:wrap;margin:.75rem 0}
.card{background:#151922;border:1px solid #2c3340;border-radius:.8rem;padding:1rem;margin:.75rem 0}
.ok{color:#4ade80}.bad{color:#f87171}.big{font-size:2rem;font-weight:700}
table{width:100%;border-collapse:collapse;font-size:.85rem}td,th{text-align:left;padding:.25rem .4rem;border-bottom:1px solid #222836;color:#9aa3b2}
.codes{font:1.1rem/1.9 ui-monospace,monospace;color:#e6e8ee;columns:2}
@media print{body{background:#fff;color:#000}.noprint{display:none}.codes{color:#000}}