:root{--bg: #e8ecef;--panel: #ffffff;--panel-2: #f4f6f8;--ink: #12171a;--muted: #5c6771;--hair: #cdd5da;--accent: #0a5cff;--accent-ink: #ffffff;--ok: #0a8a44;--warn: #b26a00;--err: #cf3020;--pulse: rgba(10, 92, 255, .16);--deck-target: 56px;--mono: "Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "Roboto", system-ui, sans-serif}:root[data-theme=dark]{--bg: #080b0d;--panel: #10171c;--panel-2: #0a1014;--ink: #e9eff2;--muted: #8b98a2;--hair: #212d35;--accent: #57a0ff;--accent-ink: #05121f;--ok: #33cc7a;--warn: #e6a338;--err: #ff6f5c;--pulse: rgba(87, 160, 255, .18)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-text-size-adjust:100%}#app{display:grid;grid-template-rows:auto auto 1fr auto;height:100dvh;max-width:640px;margin:0 auto;background:var(--bg)}.tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--panel);border-bottom:1px solid var(--hair)}.tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:9px 0;cursor:pointer}.tab.active{color:var(--ink);border-bottom-color:var(--accent)}.mid{min-height:0;display:grid}.mid>*{min-height:0;grid-area:1 / 1}.strip{display:grid;grid-template-columns:1.3fr 1.25fr .7fr .85fr auto;gap:1px;background:var(--hair);border-bottom:1px solid var(--hair)}.cell{background:var(--panel);padding:8px 10px 7px;min-width:0}.cell .lbl{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.cell .val{display:flex;align-items:baseline;gap:5px;font-family:var(--mono);font-size:16px;font-weight:500;line-height:1.15;white-space:nowrap;min-width:0}.cell .val>span:not(.unit):not(.dot){overflow:hidden;text-overflow:ellipsis}.cell .val .unit{font-size:11px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--muted);align-self:center}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent)}.dot.warn{background:var(--warn)}.dot.err{background:var(--err)}.dot.live{animation:breathe 2s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}.cell.stale .val{color:var(--warn)}.icons{display:flex;background:var(--panel)}.icon{background:transparent;border:0;color:var(--muted);font-size:18px;padding:0 11px;cursor:pointer}.icon:active{color:var(--ink)}.trace{min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 0 10px;background:var(--panel-2);font-family:var(--mono);font-size:13.5px;line-height:1.5;-webkit-overflow-scrolling:touch}.row{padding:1px 12px;white-space:pre-wrap;word-break:break-word}.row.tx{color:var(--accent)}.row.tx:before{content:"› ";opacity:.6}.row.evt{color:var(--muted);font-style:italic}.row.arrive{animation:pulse .9s ease-out}@keyframes pulse{0%{background:var(--pulse)}to{background:transparent}}.trace .empty{color:var(--muted);padding:24px 16px;text-align:center;font-family:var(--sans);font-size:14px}.graph{display:flex;flex-direction:column;overflow:hidden;background:var(--panel-2)}.counters{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border-bottom:1px solid var(--hair)}.counters .cell{background:var(--panel)}.chart{flex:1 1 0;width:100%;min-height:84px;display:block}.chart+.chart{border-top:1px solid var(--hair)}.deck{background:var(--panel);border-top:1px solid var(--hair);padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;gap:8px}.btn{min-height:var(--deck-target);border:1px solid var(--hair);border-radius:10px;background:var(--panel-2);color:var(--ink);font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer;touch-action:manipulation}.btn:active{background:var(--hair)}.btn:disabled{opacity:.4}.btn.warn{color:var(--err);border-color:color-mix(in srgb,var(--err) 45%,var(--hair))}.deck-row{display:grid;grid-template-columns:1fr auto auto;gap:8px}.field{min-height:var(--deck-target);width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--hair);border-radius:10px;background:var(--panel-2);color:var(--ink);font-family:var(--mono);font-size:15px;padding:0 14px}.field::placeholder{color:var(--muted)}.field:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn.ghost{background:transparent}.btn.send,.btn.connect{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.send{padding:0 20px}.btn.connect{width:100%;min-height:60px;font-size:17px;letter-spacing:.04em}.btn.small{min-height:40px;padding:0 14px;font-size:13px;border-radius:8px}.hidden{display:none!important}.cfg-band{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.cfg-band .btn.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.cfg-field{display:flex;flex-direction:column;gap:4px;min-width:0}.cfg-grid+.cfg-field{margin-top:10px}.cfg-lbl{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.select{appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) center,calc(100% - 10px) center;background-size:5px 5px;background-repeat:no-repeat}.cfg-hint{display:block;font-family:var(--mono);font-size:11px;color:var(--muted);margin:6px 0 8px}.cfg-preview{font-family:var(--mono);font-size:12.5px;color:var(--accent);background:var(--panel-2);border:1px solid var(--hair);border-radius:8px;padding:8px 10px;word-break:break-word;margin-bottom:10px}.cfg-warn{font-size:12.5px;line-height:1.4;color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);border-radius:8px;padding:7px 10px;margin-bottom:10px}.cfg-apply{width:100%}.cfg-section{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px;padding-top:12px;border-top:1px solid var(--hair)}.cfg-delay{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-bottom:10px}.cfg-toggle{display:flex;align-items:center;gap:10px;font-size:15px;padding:6px 0}.cfg-toggle input{width:44px;height:26px;accent-color:var(--accent)}.cfg-note{color:var(--warn);font-size:13px;margin:4px 0 12px}.sheet-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--ink) 45%,transparent);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:640px;background:var(--panel);border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));max-height:88dvh;overflow-y:auto;overflow-x:hidden}.sheet>*{min-width:0}.sheet h2{font-size:15px;letter-spacing:.04em;margin:4px 0 12px}.session{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--hair);font-family:var(--mono);font-size:13px}.session .meta{color:var(--muted);font-size:11px}.session-actions{display:flex;gap:8px;flex:0 0 auto}.sheet .empty{color:var(--muted);padding:16px 4px;font-size:13px}@media(prefers-reduced-motion:reduce){.row.arrive,.dot.live{animation:none}}