:root{color-scheme:light;--bg:#f5f4f1;--red:#d84040;--muted:#727572}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#252b28;font:15px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}#app{max-width:1180px;margin:auto;padding:32px 24px 80px}header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}header>div:last-child{text-align:right;font-size:12px}h1{margin:4px 0;font-size:30px;letter-spacing:.06em}h2{font-size:22px}h3{font-size:16px;margin:0 0 14px}small,.muted{color:var(--muted);font-size:12px}a{color:#46795a}nav{display:flex;gap:8px;border-bottom:1px solid #ddd;padding-bottom:18px;overflow:auto}button{font:inherit;background:white;color:#39453d;border:1px solid #d9ddd7;border-radius:10px;padding:10px 16px;cursor:pointer;min-height:44px}button:hover{background:#eeede8}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #86bca0;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}.active,.primary{background:var(--red);border-color:var(--red);color:white}.primary:hover{background:#b63333}.blue{background:#4a7fd4;color:white}.danger{color:#b32c2c}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;font-size:12px;min-height:48px}.toolbar button{font-size:12px;flex-shrink:0}.card{background:white;border:1px solid #e2e4de;border-radius:16px;padding:24px;margin:16px 0}.card p{white-space:pre-wrap;overflow-wrap:anywhere}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid>.card{margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.metric{padding:22px;background:#e9eee8;border-radius:14px}.metric strong{display:block;font-size:28px;margin-top:8px}.actions{display:flex;flex-wrap:wrap;gap:8px}label{display:block;margin:12px 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:12px;border:1px solid #cfd6cc;border-radius:8px;font:inherit;background:#fafbf9;color:#252b28}textarea{min-height:92px;resize:vertical}input[type=range]{padding:0;accent-color:var(--red)}output{font-size:24px;color:var(--red);float:right}fieldset{border:1px solid #ddd;border-radius:8px}.chip{display:inline-block;margin:4px;padding:5px;border-radius:20px;font-size:13px}.chip input{accent-color:#4a7fd4}dialog{width:min(620px,94vw);max-height:90vh;overflow:auto;border:1px solid #ddd;border-radius:18px;padding:28px}dialog::backdrop{background:#0007}dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#form-error{color:#b32c2c}#list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#list .card{margin:0}#list{margin-top:18px}.rank{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #eee;padding-bottom:8px}.rank b{white-space:nowrap}.barrow{display:grid;grid-template-columns:45px 1fr 55px;gap:8px;align-items:center;margin:3px 0}.barrow i{display:block;height:5px;min-width:0;margin:2px 0;border-radius:3px}.heat{display:grid;grid-template-columns:20px repeat(24,minmax(9px,1fr));gap:2px;overflow:auto}.heat span{font-size:8px;text-align:center;min-height:16px;border-radius:2px}.clock{font-variant-numeric:tabular-nums;text-align:center;font-size:64px;color:#5b9170;padding:30px}#status{overflow-wrap:anywhere}@media(max-width:700px){#app{padding:20px 14px 50px}h1{font-size:24px}nav{gap:5px}nav button{white-space:nowrap;font-size:12px;padding:8px 10px}.grid,#list{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.card{padding:18px}.metric{padding:16px}.metric strong{font-size:24px}.toolbar{align-items:flex-start}dialog{padding:20px}.heat{grid-template-columns:18px repeat(24,minmax(9px,1fr))}}
[hidden]{display:none!important}#connect-error{color:#b32c2c}#new-key{font-family:monospace;overflow-wrap:anywhere}