:root{--text:#6b7280;--text-h:#111827;--bg:#fff;--card:#fff;--border:#e5e7eb;--code-bg:#f3f4f6;--btn-bg:#fff;--btn-hover:#f9fafb;--accent:#6366f1;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, "Courier New", monospace;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}:root[data-theme=light]{--text:#6b7280;--text-h:#111827;--bg:#fff;--card:#fff;--border:#e5e7eb;--code-bg:#f3f4f6;--btn-bg:#fff;--btn-hover:#f9fafb;--accent:#6366f1}:root[data-theme=dark]{--text:#9ca3af;--text-h:#f3f4f6;--bg:#111827;--card:#1f2937;--border:#374151;--code-bg:#374151;--btn-bg:#374151;--btn-hover:#4b5563;--accent:#818cf8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--text:#9ca3af;--text-h:#f3f4f6;--bg:#111827;--card:#1f2937;--border:#374151;--code-bg:#374151;--btn-bg:#374151;--btn-hover:#4b5563;--accent:#818cf8}}body{margin:0;padding:0}#app{max-width:100%;margin:0 auto}*{box-sizing:border-box}.app{flex-direction:column;gap:12px;max-width:640px;margin:0 auto;padding:16px;display:flex}header{text-align:center;padding:16px 0}header h1{letter-spacing:-.5px;margin:0;font-size:24px}.subtitle{color:var(--text);margin-top:2px;font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.card h2{margin:0 0 8px;font-size:15px;font-weight:600}button{border:1px solid var(--border);background:var(--btn-bg);color:var(--text-h);cursor:pointer;border-radius:6px;padding:8px 18px;font-family:inherit;font-size:14px}button:hover{background:var(--btn-hover)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{width:100%;padding:10px;font-size:15px;font-weight:600}.btn-danger{color:#ef4444;border-color:#ef4444}.btn-active{border-color:var(--accent);color:var(--accent)}.hint{color:var(--text);text-align:center;margin:6px 0 0;font-size:12px}.device-list{margin:10px 0 0;padding:0;list-style:none}.device-list li{border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;display:flex}.dev-name{color:var(--text-h);flex:1;font-weight:600}.dev-id{color:var(--text);font-size:12px;font-family:var(--mono)}.summary{text-align:center;justify-content:space-around;display:flex}.stat label{color:var(--text);margin-bottom:2px;font-size:12px;display:block}.stat .value{color:var(--text-h);font-size:22px;font-weight:700}.stat .value.status-charge{color:#16a34a}.stat .value.status-discharge{color:#ef4444}.stat small{color:var(--text);font-size:11px;font-family:var(--mono);margin-top:2px;display:block}.temp-grid{gap:12px;display:flex}.temp-item{text-align:center;background:var(--code-bg);border-radius:6px;flex:1;padding:8px}.temp-item label{color:var(--text);font-size:11px;display:block}.temp-item span{color:var(--text-h);font-size:20px;font-weight:600}.cell-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.cell-summary{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;display:grid}.cell-summary-item{text-align:center;background:var(--code-bg);border-radius:6px;padding:10px 8px}.cell-summary-item label{color:var(--text);margin-bottom:4px;font-size:12px;display:block}.cell-summary-item span{color:var(--text-h);font-size:24px;font-weight:700;line-height:1;font-family:var(--mono)}.cell-item{text-align:center;background:var(--code-bg);border-radius:4px;padding:4px 2px}.cell-item.cell-warn{background:#eab30838;border:1px solid #eab30873}.cell-item.cell-max{background:#ef444433;border:1px solid #ef44448c}.cell-item.cell-min{background:#3b82f633;border:1px solid #3b82f68c}.cell-n{color:var(--text);font-size:10px;display:block}.cell-v{color:var(--text-h);font-size:12px;font-weight:600;font-family:var(--mono)}.cell-threshold{margin-bottom:10px}.cell-threshold label{color:var(--text);margin-bottom:6px;font-size:12px;display:block}.cell-threshold-controls{grid-template-columns:1fr 64px auto;align-items:center;gap:8px;display:grid}.cell-threshold-controls input[type=number]{width:100%;font:inherit;color:var(--text-h);background:var(--btn-bg);border:1px solid var(--border);border-radius:6px;padding:6px 8px}.cell-threshold-controls span{color:var(--text);font-size:12px}.info-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.info-grid label{color:var(--text);margin-bottom:2px;font-size:11px;display:block}.info-grid span{color:var(--text-h);font-size:15px;font-weight:600}.mono{font-family:var(--mono)}.controls{gap:8px;display:flex}.controls button{flex:1}.meta-row{color:var(--text);justify-content:space-between;align-items:center;font-size:12px;display:flex}.meta-row label{color:var(--text)}.meta-row select{min-width:112px;font:inherit;color:var(--text-h);background:var(--btn-bg);border:1px solid var(--border);appearance:none;cursor:pointer;border-radius:6px;outline:none;padding:6px 28px 6px 10px}.meta-row select:hover{background:var(--btn-hover)}.meta-row select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent)}.meta-row span{font-family:var(--mono)}.status-text{color:var(--accent);padding:4px 0;font-size:14px}.error-msg{color:#ef4444;word-break:break-all;font-size:14px}.connected-bar{color:var(--text-h);align-items:center;gap:8px;font-weight:600;display:flex}.connected-bar span{flex:1}