: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)}.btn-toggle{padding:4px 12px;font-size:12px}.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 .value.status-idle{color:var(--text)}.temp-grid{flex-wrap:wrap;gap:12px;display:flex}.temp-item{text-align:center;background:var(--code-bg);border-radius:6px;flex:1;min-width:80px;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(4,1fr);gap:8px;margin-bottom:10px;display:grid}.cell-summary-item{text-align:center;background:var(--code-bg);border-radius:6px;padding:10px 6px}.cell-summary-item label{color:var(--text);margin-bottom:4px;font-size:11px;display:block}.cell-summary-item span{color:var(--text-h);font-size:18px;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-item.cell-balance{box-shadow:inset 0 0 0 2px #eab308b3}.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}.mos-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mos-item{text-align:center;border:1px solid var(--border);border-radius:6px;padding:10px 8px}.mos-item.on{background:#16a34a26;border-color:#16a34a80}.mos-item.off{background:#6b72801a}.mos-item label{color:var(--text);margin-bottom:4px;font-size:12px;display:block}.mos-item span{font-size:18px;font-weight:700}.mos-item.on span{color:#16a34a}.mos-item.off span{color:var(--text)}.bit-list{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.bit-tag{color:#ef4444;background:#ef444426;border:1px solid #ef444466;border-radius:4px;padding:3px 8px;font-size:11px}.bit-empty{color:var(--text);font-size:13px}.raw-hex{word-break:break-all;background:var(--code-bg);color:var(--text);border-radius:6px;margin-top:6px;padding:8px;font-size:11px;line-height:1.5}.controls{gap:8px;display:flex}.controls button{flex:1}.meta-row{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:4px;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}.mono{font-family:var(--mono)}