:root{color-scheme:dark light;--bg: #0e1116;--panel: #161b22;--line: #2a313a;--text: #e6edf3;--muted: #8b949e;--ok: #3fb950;--warn: #d29922;--bad: #f85149;--accent: #58a6ff;--cold: #58a6ff;--hot: #f0883e;--price: #bc8cff}@media(prefers-color-scheme:light){:root{--bg: #ffffff;--panel: #f6f8fa;--line: #d0d7de;--text: #1f2328;--muted: #656d76}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wrap{max-width:62rem;margin:0 auto;padding:1.25rem}.wrap.wide{max-width:92rem}header.top{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:.75rem;margin-bottom:1.25rem}header.top h1{font-size:1.15rem;margin:0}header.top .who{color:var(--muted);font-size:.85rem;margin-left:auto}nav.tabs{display:flex;gap:.25rem;margin-bottom:1.25rem}nav.tabs button{font:inherit;padding:.45rem .9rem;cursor:pointer;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:6px}nav.tabs button[aria-selected=true]{color:var(--text);background:var(--panel);border-color:var(--accent)}.banner{border:1px solid var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent);border-radius:6px;padding:.7rem .9rem;margin-bottom:1.25rem;font-size:.9rem}.banner strong{color:var(--warn)}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1rem}.card h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .75rem;font-weight:600}.big{font-size:2.6rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}.sub{color:var(--muted);font-size:.85rem}.mqtt-reconnecting{color:var(--warn)}table.kv{width:100%;border-collapse:collapse}table.kv th,table.kv td{text-align:left;padding:.38rem 0;border-bottom:1px solid var(--line);font-weight:400}table.kv th{color:var(--muted);width:48%}table.kv td{font-variant-numeric:tabular-nums}table.kv tr:last-child th,table.kv tr:last-child td{border-bottom:0}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.modes{display:flex;gap:.5rem;flex-wrap:wrap}.modes button{flex:1 1 6rem;font:inherit;padding:.6rem .5rem;cursor:pointer;border-radius:6px;background:transparent;border:1px solid var(--line);color:var(--text)}.modes button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.modes button:disabled{opacity:.5;cursor:not-allowed}.modes small{display:block;color:var(--muted);font-size:.72rem;margin-top:.15rem}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-width:24rem}.keypad-key{font:inherit;min-height:3.4rem;padding:.45rem .4rem;cursor:pointer;border-radius:8px;background:transparent;border:1px solid var(--line);color:var(--text);font-weight:600;font-size:.88rem;touch-action:none;user-select:none;-webkit-user-select:none}.keypad-key:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.keypad-key[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}.sp800{display:flex;flex-direction:column;gap:.75rem;max-width:24rem}.lcd{background:#07140c;color:#9aff7a;border-radius:8px;padding:.7rem .8rem;border:1px solid #16351f;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.lcd-line{white-space:pre;letter-spacing:.14em;font-size:.95rem;min-height:1.25em;line-height:1.3}.lcd-num{font-size:1.55rem;font-weight:600;font-variant-numeric:tabular-nums;margin-top:.4rem;letter-spacing:.08em;display:flex;align-items:baseline;gap:.6rem}.lcd-num .blink,.lcd-line .blink{animation:lcdblink 1.1s step-end infinite}@keyframes lcdblink{50%{opacity:.25}}.lcd-level{font-size:.8rem;color:#6ecf8e;letter-spacing:0;font-weight:500}.lcd-rgb{width:.85rem;height:.85rem;border-radius:50%;border:1px solid #c8ffb0;box-shadow:0 0 6px currentColor}.sp800-leds{display:flex;flex-wrap:wrap;gap:.45rem .7rem}.sp800-led{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--muted)}.sp800-led i{width:.62rem;height:.62rem;border-radius:50%;background:#3a424a;box-shadow:inset 0 0 0 1px var(--line);display:inline-block}.sp800-led-mode{color:var(--text);font-weight:600;text-transform:capitalize}.sp800-led.red i{background:var(--bad);box-shadow:0 0 8px var(--bad)}.sp800-led.green i{background:var(--ok);box-shadow:0 0 8px var(--ok)}.sp800-led.orange i{background:var(--warn);box-shadow:0 0 8px var(--warn)}.sp800-led.auto i{background:var(--accent);box-shadow:0 0 8px var(--accent)}.sp800-led.unknown i{background:var(--muted)}button.action{font:inherit;padding:.45rem .9rem;cursor:pointer;border-radius:6px;background:transparent;border:1px solid var(--line);color:var(--text);margin:0 .4rem .4rem 0}button.action:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}button.action.danger{border-color:var(--bad);color:var(--bad)}pre.logs{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:.75rem;max-height:26rem;overflow:auto;font-size:.78rem;line-height:1.45;margin:0;white-space:pre-wrap;word-break:break-word}.chart-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:-.15rem 0 .35rem}.chart-toolbar .hint{color:var(--muted);font-size:.78rem;margin:0 auto 0 0}.chart-zoom{display:flex;align-items:center;gap:.25rem}.chart-zoom .action{margin:0;min-width:2rem;padding:.25rem .6rem;font-size:.8rem}.chart-zoom .action:disabled{opacity:.4;cursor:default}.chart-frame{outline:none}.chart-frame:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent);border-radius:6px}.chart{width:100%;height:auto;overflow:visible;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.chart.is-panning{cursor:grabbing}.chart-readout{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;font-size:.82rem;font-variant-numeric:tabular-nums;margin-top:.55rem;padding:.5rem .7rem;background:var(--bg);border:1px solid var(--line);border-radius:6px}.chart-readout.pinned{border-color:var(--accent)}.chart-readout .when{color:var(--text);font-weight:600}.chart-readout .tag{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:.08rem .4rem;line-height:1.2}.chart-readout .tag.recorded{color:var(--muted);border-color:var(--line)}.chart-readout .kv{color:var(--muted)}.chart-readout .kv b{color:var(--text);font-weight:600}.chart-readout .water b{color:var(--hot)}.chart-readout .ambient b{color:var(--cold)}.chart-readout .price b{color:var(--price)}.chart-readout .link{font:inherit;font-size:.78rem;color:var(--accent);background:none;border:0;padding:0;cursor:pointer;margin-left:auto}.chart-readout .link:hover{text-decoration:underline}.legend{display:flex;gap:1.1rem;font-size:.78rem;color:var(--muted);margin-top:.4rem;flex-wrap:wrap}.legend i.sw{display:inline-block;width:1rem;vertical-align:middle;margin-right:.35rem}.legend i.solid{height:3px;border-radius:2px}.legend i.dash{height:0;border-top:2px dashed}.legend i.dot{height:0;border-top:2px dotted}.legend i.area{height:.55rem;border-radius:2px;opacity:.45}.legend i.now{height:0;border-top:2px dashed var(--accent)}.bars{display:inline-flex;align-items:flex-end;gap:1px;height:12px;margin-right:.4rem;vertical-align:-2px}.bars i{width:3px;background:var(--line);border-radius:1px}.bars i.on{background:currentColor}.bars.ok{color:var(--ok)}.bars.warn{color:var(--warn)}.bars.bad{color:var(--bad)}canvas.wave{display:block;width:100%;height:220px;cursor:grab;touch-action:none}canvas.wave:active{cursor:grabbing}pre.logs.decode{padding:0}button.decode-row{display:flex;align-items:baseline;gap:.85rem;width:100%;text-align:left;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:transparent;border:0;color:var(--text);padding:.2rem .75rem;cursor:pointer}button.decode-row:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}button.decode-row .t{flex:0 0 7.2rem;color:var(--muted)}button.decode-row .cmd{flex:0 0 auto;min-width:14rem;color:var(--accent);white-space:nowrap}button.decode-row .count{color:var(--muted)}button.decode-row .raw{flex:0 0 21rem;color:var(--muted);white-space:nowrap}button.decode-row .fields{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:.65rem}button.decode-row .hex{color:var(--muted)}button.decode-row .flag{color:var(--bad)}form.login{max-width:22rem;margin:12vh auto}form.login input{display:block;width:100%;font:inherit;padding:.55rem .7rem;margin-bottom:.6rem;background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--text)}form.login button{width:100%;font:inherit;padding:.55rem;cursor:pointer;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#05080c;font-weight:600}.err{color:var(--bad);font-size:.85rem;margin-top:.6rem}.msg{color:var(--muted);font-size:.85rem;margin-top:.6rem}