:root{--color-background-primary:#fff;--color-background-secondary:#f3f1ea;--color-background-tertiary:#faf9f5;--color-background-info:#e6f1fb;--color-background-success:#e1f5ee;--color-background-warning:#faeeda;--color-background-danger:#fcebeb;--color-text-primary:#2c2c2a;--color-text-secondary:#5f5e5a;--color-text-tertiary:#888780;--color-text-info:#185fa5;--color-text-success:#0f6e56;--color-text-warning:#854f0b;--color-text-danger:#791f1f;--color-border-tertiary:#0000001a;--color-border-secondary:#0000002e;--color-border-primary:#00000047;--color-border-info:#378add;--color-border-danger:#e24b4a;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--font-sans:-apple-system,system-ui,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,monospace}@media (prefers-color-scheme:dark){:root{--color-background-primary:#26241f;--color-background-secondary:#302e28;--color-background-tertiary:#1c1b17;--color-background-info:#0c447c;--color-background-success:#0f6e56;--color-background-warning:#633806;--color-background-danger:#791f1f;--color-text-primary:#f1efe8;--color-text-secondary:#b4b2a9;--color-text-tertiary:#888780;--color-text-info:#85b7eb;--color-text-success:#9fe1cb;--color-text-warning:#fac775;--color-text-danger:#f09595;--color-border-tertiary:#ffffff1f;--color-border-secondary:#fff3}}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-background-tertiary);color:var(--color-text-primary);margin:0;padding:24px;line-height:1.5}.wrap{max-width:760px;margin:0 auto}button{border:.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:13px}button:hover{background:var(--color-background-secondary)}button:disabled{opacity:.55;cursor:default}input,select{color:var(--color-text-primary);background:var(--color-background-primary);border:.5px solid var(--color-border-secondary);border-radius:8px;height:34px;padding:0 10px;font-family:inherit;font-size:13px}input[type=range]{accent-color:#378add;height:auto;padding:0}input[type=checkbox]{height:auto}a{color:inherit;text-decoration:none}.card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);margin-bottom:1rem;padding:1rem 1.25rem}.chip{border-radius:var(--border-radius-md);white-space:nowrap;padding:3px 10px;font-size:12px}.chip.ok{background:var(--color-background-success);color:var(--color-text-success)}.chip.info{background:var(--color-background-info);color:var(--color-text-info)}.chip.warn{background:var(--color-background-warning);color:var(--color-text-warning)}.chip.bad{background:var(--color-background-danger);color:var(--color-text-danger)}.chip.mut2{background:var(--color-background-secondary);color:var(--color-text-secondary)}.fchip{border-radius:var(--border-radius-md);border:.5px solid var(--color-border-secondary);cursor:pointer;color:var(--color-text-primary);background:0 0;padding:5px 12px;font-size:13px}.fchip.active{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}.jchip{cursor:pointer;border:2px solid #0000}.jchip.active{border-color:var(--color-border-info)}.metric{background:var(--color-background-secondary);border-radius:var(--border-radius-md);border:2px solid #0000;padding:.9rem}.metric.clickable{cursor:pointer}.metric.active{border-color:var(--color-border-info)}.mlabel{color:var(--color-text-secondary);font-size:12px}.mval{margin-top:2px;font-size:22px;font-weight:500}.srow,.jrow{border-top:.5px solid var(--color-border-tertiary);cursor:pointer;align-items:center;gap:10px;padding:10px 0;display:grid}.srow{grid-template-columns:22px 1fr auto auto auto}.jrow{grid-template-columns:1fr auto}.srow.sel{background:var(--color-background-secondary)}.bar{background:var(--color-background-secondary);border-radius:99px;height:6px;margin-top:7px;overflow:hidden}.bar>span{background:var(--color-text-info);height:100%;display:block}.mut{color:var(--color-text-secondary);font-size:12px}.scb{pointer-events:none;width:auto}.trow{border-top:.5px solid var(--color-border-tertiary);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.rng{border-radius:var(--border-radius-md);border:.5px solid var(--color-border-secondary);cursor:pointer;color:var(--color-text-primary);background:0 0;padding:4px 12px;font-size:13px}.rng.active{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}.chwrap{width:100%;height:150px;position:relative}.sublabel{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.cell{border-radius:3px;height:20px}.grow{grid-template-columns:46px repeat(12,1fr);align-items:center;gap:3px;display:grid}.lgd{color:var(--color-text-secondary);align-items:center;gap:5px;font-size:12px;display:inline-flex}.sw{border-radius:3px;width:12px;height:12px;display:inline-block}.gap{border-top:.5px solid var(--color-border-tertiary);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:9px 0;display:grid}.navlink{color:var(--color-text-secondary);border-radius:8px;padding:5px 10px;font-size:13px}.navlink.active{background:var(--color-background-secondary);color:var(--color-text-primary)}.banner{background:var(--color-background-warning);color:var(--color-text-warning);border-radius:var(--border-radius-md);margin-bottom:1rem;padding:8px 14px;font-size:13px}.login-box{max-width:340px;margin:14vh auto 0}.login-box input{width:100%;margin-bottom:10px}.err{color:var(--color-text-danger);margin-top:8px;font-size:13px}.spin{animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}
