:root{--bg: #0a0a1a;--surface: #12122a;--surface-2: #1a1a38;--accent: #e94560;--text: #e8e8f0;--muted: #8a8ab0;--good: #37d67a;--warn: #f5a623;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: Inter, system-ui, -apple-system, "Noto Sans Thai", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}header{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid #ffffff12}header h1{font-size:18px;margin:0;letter-spacing:.5px}header h1 .dot{color:var(--accent)}header .sub{color:var(--muted);font-size:12px}main{padding:22px;max-width:1080px;margin:0 auto}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}button{font-family:var(--sans);font-size:14px;font-weight:600;padding:10px 16px;border-radius:10px;border:1px solid #ffffff1a;background:var(--surface-2);color:var(--text);cursor:pointer;transition:.15s}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.4;cursor:not-allowed}.pill{font-family:var(--mono);font-size:12px;padding:6px 12px;border-radius:999px;background:var(--surface);color:var(--muted);border:1px solid #ffffff12}.pill.on{color:var(--good);border-color:#37d67a55}.pill.err{color:var(--accent);border-color:#e9456055}.notice{background:var(--surface);border:1px solid #ffffff12;border-left:3px solid var(--warn);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--muted);margin-bottom:18px;line-height:1.5}.notice b{color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.card{background:var(--surface);border:1px solid #ffffff10;border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}.card .label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.card .value{font-family:var(--mono);font-size:34px;font-weight:700;margin-top:6px;line-height:1}.card .unit{font-size:15px;color:var(--muted);font-weight:500;margin-left:4px}.card.hero{grid-column:span 2}.card.hero .value{font-size:46px}.card .bar-track{margin-top:12px;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.card .bar-fill{height:100%;background:var(--accent);width:0%;transition:width .12s}.card.batt .bar-fill{background:var(--good)}.log{margin-top:22px;background:#05050f;border:1px solid #ffffff10;border-radius:12px;padding:12px 14px;font-family:var(--mono);font-size:12px;color:#9a9ac8;height:190px;overflow:auto;white-space:pre-wrap}.log .tx{color:var(--accent)}.log .rx{color:var(--good)}footer{color:var(--muted);font-size:12px;padding:20px 22px;text-align:center}.known{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 4px}.known:empty{display:none}.known-h{font-size:12px;color:#94a3b8}.known-dev{font-size:12.5px;font-weight:700;padding:7px 13px;border-radius:8px;background:#3ecf8e1f;border:1px solid rgba(62,207,142,.5);color:#a7f3d0;cursor:pointer}.known-dev:hover{background:#3ecf8e;color:#06281c}