:root{--bg:#fff;--fg:#1d2330;--mut:#6b7385;--card:#f2f4f8;--acc:#2563eb;--ok:#16a34a;--bad:#dc2626;font-family:system-ui,sans-serif}@media(prefers-color-scheme:dark){:root{--bg:#12151c;--fg:#e8ebf2;--mut:#98a1b5;--card:#1e232e;--acc:#60a5fa;--ok:#4ade80;--bad:#f87171}}body{margin:0;background:var(--bg);color:var(--fg)}main{max-width:900px;margin:0 auto;padding:1.5rem 1rem 3rem}h1{margin:0 0 .25rem}.hint{color:var(--mut);font-size:.9rem}.note{background:var(--card);padding:.6rem .8rem;border-radius:8px;font-size:.9rem}.row{display:flex;gap:.5rem;margin:1rem 0}.row.wrap{flex-wrap:wrap}.gap{flex:1}button,select{font:inherit;color:inherit;background:var(--card);border:1px solid transparent;border-radius:8px;padding:.45rem .8rem;cursor:pointer}button.on{background:var(--acc);color:#fff}select{width:100%;margin-bottom:1rem}.bar-row{display:grid;grid-template-columns:150px 1fr 70px;gap:.6rem;align-items:center;padding:.3rem 0}.track{background:var(--card);border-radius:6px;height:18px}.bar{background:var(--acc);height:100%;border-radius:6px;transition:width .3s}.name{font-size:.9rem}.bar-row strong{text-align:right}.scroll{overflow-x:auto;margin-top:1rem}table{width:100%;border-collapse:collapse}th,td{padding:.6rem;text-align:right;border-bottom:1px solid var(--card)}th:first-child,td:first-child{text-align:left}tfoot td{font-weight:700}td.min,span.min{color:var(--ok);font-weight:600}td.max,span.max{color:var(--bad);font-weight:600}@media(max-width:560px){.bar-row{grid-template-columns:100px 1fr 60px}}