: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}@media (prefers-color-scheme:dark){:root{--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 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-item{text-align:center;background:var(--code-bg);border-radius:4px;padding:4px 2px}.cell-item.cell-warn{background:#ef444426}.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-stats{color:var(--text);text-align:center;margin-top:8px;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}.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}