:root{color-scheme:dark;--bg:#141416;--panel:#1c1d22;--raised:#23262f;--line:#2a2d36;--strong:#353945;--muted:#777e90;--text:#b1b5c3;--fg:#fcfcfd;--accent:#f7931a;--primary:#3772ff;--ok:#58bd7d;--bad:#ef466f;font:15px/1.6 "Inter","DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.bar{height:70px;display:flex;align-items:center;gap:16px;padding:0 max(24px,calc((100% - 1280px)/2));border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--fg);font-size:17px;white-space:nowrap}.brand:hover{text-decoration:none}.brand strong{font-weight:800}.brand em{color:var(--accent);font-style:normal;font-weight:700}.logo{width:30px;height:30px;flex:none}
nav{display:flex;gap:22px;margin-left:24px}nav a{color:var(--muted);font-size:14px;font-weight:600}nav a:hover{color:var(--fg);text-decoration:none}nav a[aria-current]{color:var(--fg)}
.bar>select{margin-left:auto}
main{max-width:1328px;margin:auto;padding:40px 24px}
.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.intro p{max-width:640px;color:var(--muted);margin:6px 0}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)!important;padding:4px 12px;border-radius:999px;background:var(--raised)}.pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
h1,h2{color:var(--fg)}h1{font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-.02em;margin:12px 0;font-weight:700}h2{font-size:18px;margin:0 0 8px;font-weight:650;letter-spacing:-.01em}
.total{display:grid;gap:2px;text-align:right;min-width:220px}body:not(.on) .total{visibility:hidden}.total>span{color:var(--muted);font-size:13px}.total strong{font-size:40px;font-weight:700;color:var(--fg);letter-spacing:-.03em;white-space:nowrap;font-variant-numeric:tabular-nums}.total small{color:var(--muted)}
.panel,.miner{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:24px;min-width:0}.panel{margin-bottom:16px}.panel>p{max-width:820px}
.muted,small,footer{color:var(--muted)}
button,input,select{font:inherit;font-size:14px;color:var(--fg);border:1px solid var(--strong);border-radius:10px;background:transparent;padding:8px 12px;min-height:40px;min-width:0}
input[type=text]{background:var(--raised);border-color:var(--raised);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}input[type=text]:focus{border-color:var(--primary)}
select{background:var(--panel)}
button{cursor:pointer;font-weight:600;border-width:2px;border-radius:90px;padding:8px 18px}button:hover{border-color:var(--fg)}button:disabled{opacity:.45;cursor:wait}
button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover{background:#2b62e6;border-color:#2b62e6}
button.danger{border-color:#5a3333;color:var(--bad)}button.danger:hover{border-color:var(--bad)}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
label{display:block;margin:18px 0 8px;font-size:13px;font-weight:600;color:var(--text)}
.row{display:flex;gap:10px;flex-wrap:wrap}.row input{flex:1;min-width:200px}
.check{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-weight:500;color:var(--muted)}.check input{min-height:auto;width:16px;height:16px;accent-color:var(--primary)}
.note{font-size:13px;color:var(--muted);margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.actions{display:flex;gap:8px;flex-wrap:wrap}
#notice{min-height:24px;overflow-wrap:anywhere;color:var(--bad);margin:0 0 8px}
#miners{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px;margin-bottom:16px}
.miner.offline{border-color:#5a3333}
.heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.miner h2{overflow-wrap:anywhere;margin:0}
.state{font-size:12px;font-weight:600;white-space:nowrap;padding:2px 10px;border-radius:999px;color:var(--ok);background:#58bd7d1f}.offline .state{color:var(--bad);background:#ef466f1f}
.rate{font-size:34px;font-weight:800;color:var(--fg);letter-spacing:-.03em;margin:20px 0 0;font-variant-numeric:tabular-nums}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.metric{display:grid;gap:2px;min-width:0}.metric span{color:var(--muted);font-size:12px}.metric strong{font-size:16px;font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.heading select{max-width:180px}canvas{display:block;width:100%;height:260px;margin-top:24px}
summary{cursor:pointer;font-weight:650;color:var(--fg)}
footer{font-size:13px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}footer p{margin:6px 0}
@media(max-width:820px){nav{display:none}}
@media(max-width:640px){.bar{padding:0 16px;gap:10px}.bar button{padding:6px 12px}main{padding:24px 16px}.intro{display:block}.total{text-align:left;margin-top:20px}.total strong{font-size:32px}.panel,.miner{padding:18px}.heading{align-items:flex-start;flex-wrap:wrap}.heading select{max-width:100%}.row input,.row button{flex-basis:100%}canvas{height:210px}.brand{font-size:15px;gap:8px}.logo{width:26px;height:26px}.bar select{padding:6px 8px}}
.performance{padding:28px}.performance h2{font-size:24px;margin:0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}#history-range{font-size:12px;margin:5px 0 0}.performance>.heading{align-items:flex-start}.performance .actions{justify-content:flex-end}.performance .actions button{border-radius:10px;border-width:1px;font-size:12px}
.statistics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line);margin:24px 0}.stat{padding:18px 20px;background:var(--panel);display:grid;gap:5px;min-width:0}.stat>span{font-size:12px;color:var(--text)}.stat>strong{color:var(--fg);font-size:27px;line-height:1.3;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat:first-child>strong{color:var(--accent)}.stat>small{font-size:11px;min-height:18px}
.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-switch{display:flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.metric-switch button{border:0;border-radius:6px;padding:5px 14px;min-height:32px;font-size:12px;color:var(--muted)}.metric-switch button[aria-pressed=true]{background:var(--raised);color:var(--fg)}.average-legend{font-size:11px;display:flex;align-items:center;gap:8px;color:var(--muted)}.average-legend:before{content:"";width:20px;border-top:2px dashed var(--muted)}
.chart-wrap{position:relative;margin-top:20px}canvas{display:block;width:100%;height:300px;margin:0;touch-action:pan-y}.chart-tooltip{position:absolute;pointer-events:none;width:205px;padding:12px 14px;background:#111216f5;border:1px solid var(--strong);border-radius:10px;box-shadow:0 8px 24px #0006;z-index:1}.chart-tooltip time,.chart-tooltip small{display:block;font-size:11px;color:var(--text)}.chart-tooltip strong{display:block;color:var(--fg);font-size:20px;font-variant-numeric:tabular-nums}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-size:13px;color:var(--muted)}#history-note{font-size:12px;margin:12px 0 0}.readings{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.readings summary{font-size:12px;color:var(--text)}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums;margin-top:12px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th{color:var(--muted);font-weight:500}th:first-child,td:first-child{text-align:left}td{color:var(--text)}
@media(max-width:900px){.stat{padding:14px}.stat>strong{font-size:22px}.performance>.heading{flex-wrap:wrap}.performance .actions{justify-content:flex-start}}
@media(max-width:640px){.performance{padding:18px}.statistics{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.stat{padding:14px 12px}.stat>strong{font-size:22px}.performance .actions{width:100%}.performance .actions select{flex:1;max-width:100%}.performance .actions button{flex:none}.performance h2{font-size:21px}canvas{height:260px}.chart-tooltip{width:175px}.average-legend{font-size:10px}.metric-switch button{padding:5px 10px}}