:root{--bg:#101418;--panel:#171d23;--line:#232c34;--text:#e6edf3;--dim:#8b9aa7;--ok:#4ad6c4;--on-ok:#06231f;--bad:#f0736a;--warn-bg:#3a2f18;--warn-fg:#e0b552;--err-bg:#2a1b1b;--err-line:#4a2a28;--err-fg:#f0a9a3;--grid:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f4f6f8;--panel:#fff;--line:#dfe5ea;--text:#16202a;--dim:#5f707e;--ok:#0f9c8a;--on-ok:#fff;--bad:#c8362c;--warn-bg:#fdf1d6;--warn-fg:#8a6420;--err-bg:#fdecea;--err-line:#f3c8c4;--err-fg:#99271f;--grid:#0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#f4f6f8;--panel:#fff;--line:#dfe5ea;--text:#16202a;--dim:#5f707e;--ok:#0f9c8a;--on-ok:#fff;--bad:#c8362c;--warn-bg:#fdf1d6;--warn-fg:#8a6420;--err-bg:#fdecea;--err-line:#f3c8c4;--err-fg:#99271f;--grid:#0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wrap{max-width:34rem;margin:0 auto;padding:1.5rem 1rem 3rem}h1{margin:0 0 .25rem;font-size:1.35rem}.sub{color:var(--dim);margin:0 0 1.75rem;font-size:.9rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;margin-bottom:1.25rem;padding:.25rem 1rem}.row{border-bottom:1px solid var(--line);align-items:baseline;gap:1rem;padding:.7rem 0;display:flex}.row:last-child{border-bottom:0}.row .label{color:var(--dim);flex:1}.row .value{font-variant-numeric:tabular-nums;text-align:right}.value.ok{color:var(--ok)}.value.bad{color:var(--bad)}button{width:100%;font:inherit;color:var(--on-ok);background:var(--ok);border:0;border-radius:.6rem;padding:.85rem 1rem;font-weight:600}button:disabled{background:var(--line);color:var(--dim)}.result{border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:.6rem;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem}.head{align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.head h1{margin:0}.head button{width:auto;padding:.6rem 1rem}.status{color:var(--dim);margin:.2rem 0 0;font-size:.85rem}.status.connected{color:var(--ok)}.status.connecting,.status.reconnecting{color:var(--warn-fg)}.ghost{color:var(--dim);border:1px solid var(--line);background:0 0}.banner{background:var(--err-bg);border:1px solid var(--err-line);color:var(--err-fg);border-radius:.6rem;margin-bottom:1.25rem;padding:.7rem 1rem;font-size:.9rem}.tabs{gap:.4rem;margin-bottom:1.25rem;display:flex}.tab{background:var(--panel);color:var(--dim);border:1px solid var(--line);flex:1;padding:.6rem;font-weight:500}.tab.on{background:var(--line);color:var(--text)}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);align-items:center;gap:.5rem;margin:1.5rem 0 .6rem;font-size:.8rem;font-weight:600;display:flex}.value.big{font-size:1.3rem;font-weight:600}.value.narrow{min-width:3.2rem}.value.small{color:var(--dim);font-size:.8rem}input[type=range]{accent-color:var(--ok);flex:1;min-width:0}.pip{text-align:center;background:var(--line);width:1.4rem;height:1.4rem;color:var(--dim);border-radius:.3rem;margin-left:.25rem;font-size:.75rem;line-height:1.4rem;display:inline-block}.pip.on{background:var(--ok);color:var(--on-ok)}.toggle{background:var(--line);width:auto;color:var(--dim);padding:.35rem .9rem;font-size:.85rem}.toggle.on{background:var(--ok);color:var(--on-ok)}.tag{background:var(--line);color:var(--dim);text-transform:none;letter-spacing:0;border-radius:.25rem;margin-left:.4rem;padding:.05rem .4rem;font-size:.7rem;display:inline-block}.tag.warn{background:var(--warn-bg);color:var(--warn-fg)}.barrow{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.barrow .sub{flex:1;margin:0}.barrow button{width:auto;padding:.4rem .8rem;font-size:.85rem}.log{max-height:65vh;overflow-y:auto}.frame{border-bottom:1px solid var(--line);padding:.55rem 0}.frame:last-child{border-bottom:0}.frame-head{align-items:baseline;gap:1rem;display:flex}.frame-head .type{flex:1;font-size:.9rem;font-weight:500}.frame-head .sub{margin:0}.bytes{color:var(--dim);word-break:break-all;margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.seg{border:1px solid var(--line);border-radius:.5rem;display:flex;overflow:hidden}.seg button{width:auto;color:var(--dim);background:0 0;border-radius:0;padding:.3rem .55rem;font-size:.75rem;font-weight:500}.seg button.on{background:var(--line);color:var(--text)}.chart{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;margin-bottom:1.25rem;padding:.75rem}.chart.empty{color:var(--dim);text-align:center;padding:2rem .75rem;font-size:.9rem}.chart svg{width:100%;height:170px;display:block}.chart .grid{stroke:var(--grid);stroke-width:1px;vector-effect:non-scaling-stroke}.legend{flex-direction:column;gap:.3rem;margin-top:.6rem;display:flex}.legend-item{align-items:center;gap:.5rem;font-size:.82rem;display:flex}.swatch{border-radius:.2rem;flex:none;width:.7rem;height:.7rem}.legend-label{color:var(--dim);flex:1}.legend-value{font-variant-numeric:tabular-nums;font-weight:600}.legend-range{color:var(--dim);font-variant-numeric:tabular-nums;text-align:right;min-width:6.5rem}h2 .tiny{width:auto;margin-left:auto;padding:.2rem .5rem;font-size:.7rem}.bubble{aspect-ratio:1;background:var(--panel);border:1px solid var(--line);border-radius:50%;width:100%;max-width:17rem;margin:.5rem auto 1.5rem;position:relative}.ring{border:1px solid var(--line);border-radius:50%;position:absolute}.ring.outer{inset:12%}.ring.inner{inset:40%}.cross{background:var(--line);position:absolute}.cross.h{height:1px;top:50%;left:6%;right:6%}.cross.v{width:1px;top:6%;bottom:6%;left:50%}.dot-track{will-change:transform;transition:transform .2s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0}.dot{background:var(--warn-fg);border-radius:50%;width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem;transition:background .25s;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.dot-track{transition:none}}.bubble.ok .dot{background:var(--ok)}.narrow-label{flex:none;width:5.5rem}.narrow-toggle{text-align:center;flex:none;width:2.2rem;padding:.35rem 0}.sub2{color:var(--dim);font-size:.75rem;font-weight:400;display:block}input[type=color]{border:1px solid var(--line);background:0 0;border-radius:.4rem;flex:1;height:2.2rem;padding:0}.effects{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.chip{background:var(--panel);width:auto;color:var(--dim);border:1px solid var(--line);padding:.45rem .8rem;font-size:.82rem;font-weight:500}.chip.on{background:var(--ok);color:var(--on-ok);border-color:var(--ok)}.head-main{flex:1;min-width:0}.head-side{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.tabs{flex-wrap:wrap}.tab{flex:5rem;font-size:.85rem}.rowtap{border:0;border-bottom:1px solid var(--line);width:100%;min-height:3.5rem;color:var(--text);font:inherit;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.rowtap:last-child{border-bottom:0}.rowtap:active{background:var(--line)}.rowtap:disabled{opacity:.5}.rowtap .label{color:var(--dim);flex:1}.pill{text-align:center;background:var(--line);min-width:3.6rem;color:var(--dim);border-radius:1rem;flex:none;padding:.45rem .8rem;font-size:.85rem;font-weight:600}.pill.on{background:var(--ok);color:var(--on-ok)}.value.warn{color:var(--warn-fg)}.row .tiny{flex:none;width:auto;padding:.3rem .6rem;font-size:.75rem}.bar{background:var(--line);border-radius:.25rem;flex:1;height:.5rem;overflow:hidden}.bar-fill{background:var(--ok);height:100%;transition:width .2s linear;display:block}.mono{letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}input.pin{min-width:0;font:inherit;letter-spacing:.15em;text-align:right;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:.4rem;flex:1;padding:.5rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem}.alarms{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.alarm{background:var(--err-bg);border:1px solid var(--err-line);color:var(--err-fg);border-radius:.6rem;align-items:baseline;gap:.75rem;padding:.7rem .9rem;animation:1.6s ease-in-out infinite alarm-pulse;display:flex}.alarm-name{flex:1;font-weight:600}.alarm-value{font-variant-numeric:tabular-nums;font-weight:600}.alarm-where{opacity:.75;font-size:.78rem}@keyframes alarm-pulse{0%,to{border-color:var(--err-line)}50%{border-color:var(--bad)}}@media (prefers-reduced-motion:reduce){.alarm{border-color:var(--bad);animation:none}}