*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:#0b1117;color:#e6edf3;margin:0}
h1{font-size:22px;margin:0}h2{font-size:16px;margin:0 0 8px}
.container{max-width:1100px;margin:16px auto;padding:0 12px}
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.btn{background:#0ea5e9;border:1px solid #0284c7;color:#00131f;padding:8px 12px;border-radius:12px;font-weight:600;cursor:pointer}
.btn:disabled{opacity:.6;cursor:not-allowed}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.card{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:12px;box-shadow:0 1px 0 rgba(255,255,255,.05)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;margin:8px 0}
.sep{height:8px}
label{opacity:.9}
input{width:100%;padding:8px 10px;border-radius:10px;border:1px solid #334155;background:#0f172a;color:#e6edf3;font-size:14px}
input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px rgba(8,145,178,.25)}
.standards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.standards .head{font-weight:600;text-align:center;opacity:.85}
.standards .pct{display:flex;align-items:center;justify-content:center;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:8px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.hint{opacity:.7;font-size:12px;margin-top:8px}
.footer{max-width:1100px;margin:6px auto 16px;padding:0 12px;opacity:.6}
@media (max-width: 900px){.grid{grid-template-columns:1fr}}