:root{color-scheme:light;--surface-1: #fcfcfb;--surface-2: #f4f4f1;--page: #f9f9f7;--sidebar: #ffffff;--text-primary: #0b0b0b;--text-secondary: #52514e;--muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--border: rgba(11, 11, 11, .1);--shadow: 0 1px 2px rgba(11, 11, 11, .04), 0 4px 12px rgba(11, 11, 11, .04);--up: #2a78d6;--down: #d03b3b;--accent: #2a78d6;--accent-soft: rgba(42, 120, 214, .1);--good: #0ca30c;--warning: #fab219;--critical: #d03b3b;--radius: 12px;--radius-sm: 8px;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--sidebar-w: 232px}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-1: #1a1a19;--surface-2: #222221;--page: #0d0d0d;--sidebar: #151514;--text-primary: #ffffff;--text-secondary: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--up: #3987e5;--down: #e34948;--accent: #3987e5;--accent-soft: rgba(57, 135, 229, .16)}}:root[data-theme=dark]{color-scheme:dark;--surface-1: #1a1a19;--surface-2: #222221;--page: #0d0d0d;--sidebar: #151514;--text-primary: #ffffff;--text-secondary: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--up: #3987e5;--down: #e34948;--accent: #3987e5;--accent-soft: rgba(57, 135, 229, .16)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--page);color:var(--text-primary);font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.015em}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:9px;padding:4px 10px 20px;font-weight:650;font-size:15px}.brand .mark{width:28px;height:28px;flex:0 0 28px;object-fit:contain;display:block}.auth-brand img{object-fit:contain;display:block}.navgroup{margin-bottom:18px}.navgroup .title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 10px 7px;font-weight:600}.navlink{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;margin-bottom:2px;border:none;background:none;cursor:pointer;font:inherit;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm)}.navlink:hover{background:var(--surface-2);color:var(--text-primary)}.navlink[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.navlink .ico{width:17px;text-align:center;flex:0 0 17px;opacity:.85}.navlink .badge{margin-left:auto;font-size:11px;font-weight:600;background:var(--surface-2);color:var(--text-secondary);padding:1px 7px;border-radius:999px}.navlink[aria-current=page] .badge{background:var(--accent);color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border);padding-top:12px}.who{padding:0 10px 10px;font-size:12px;color:var(--muted);word-break:break-all}.content{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface-1);position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:16px;font-weight:650}.topbar .sub{color:var(--text-secondary);font-size:12.5px}.spacer{flex:1}.main{padding:22px 24px 48px;max-width:1280px;width:100%}@media (max-width: 820px){.shell{flex-direction:column}.sidebar{width:100%;flex:none;height:auto;position:static;flex-direction:row;align-items:center;gap:4px;overflow-x:auto;padding:10px}.brand{padding:0 12px 0 4px}.navgroup{margin:0;display:flex;gap:2px}.navgroup .title,.sidebar-foot,.who{display:none}.navlink{width:auto;white-space:nowrap;margin:0}.main{padding:16px}}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.card>h2{margin:0 0 4px;font-size:15px;font-weight:650}.card>.sub{color:var(--text-secondary);margin:0 0 18px;font-size:13px;line-height:1.5}.row{display:flex;gap:16px;flex-wrap:wrap}.row>*{flex:1;min-width:200px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px;margin-bottom:16px}.tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:15px 17px;box-shadow:var(--shadow)}.tile .label{color:var(--text-secondary);font-size:12px;margin-bottom:7px}.tile .value{font-size:23px;font-weight:650;letter-spacing:-.025em}.tile .value.pos{color:var(--good)}.tile .value.neg{color:var(--critical)}.tile .value .unit{font-size:13px;font-weight:500}label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}input,select,textarea{font:inherit;width:100%;padding:9px 11px;border:1px solid var(--axis);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}input::placeholder{color:var(--muted)}.field{margin-bottom:14px}.hint{font-size:11.5px;color:var(--muted);margin-top:5px}button.btn{font:inherit;font-weight:550;cursor:pointer;padding:9px 15px;border-radius:var(--radius-sm);border:1px solid var(--axis);background:var(--surface-1);color:var(--text-primary);white-space:nowrap}button.btn:hover:not(:disabled){border-color:var(--text-secondary);background:var(--surface-2)}button.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}button.btn.danger{color:var(--critical);border-color:transparent}button.btn.danger:hover:not(:disabled){border-color:var(--critical);background:transparent}button.btn.sm{padding:5px 10px;font-size:12.5px}button.btn:disabled{opacity:.45;cursor:not-allowed}.btnrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:40px;height:23px;border-radius:999px;background:var(--axis);position:relative;transition:background .16s;flex:0 0 40px}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .16s;box-shadow:0 1px 3px #00000040}.switch input:checked+.track{background:var(--good)}.switch input:checked+.track:after{transform:translate(17px)}.switch input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.switch input:disabled+.track{opacity:.45;cursor:not-allowed}.switch .switch-label{font-size:12.5px;font-weight:550;color:var(--text-secondary)}.switch input:checked~.switch-label{color:var(--good)}.acct{display:flex;align-items:center;gap:16px;padding:15px 17px;margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);flex-wrap:wrap}.acct.on{border-color:var(--good);background:linear-gradient(0deg,var(--accent-soft),var(--accent-soft)),var(--surface-1)}.acct .who2{min-width:160px;flex:1}.acct .nm{font-weight:600;margin-bottom:3px;display:flex;align-items:center;gap:8px}.acct .meta{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.acct .acts{display:flex;gap:6px;align-items:center;margin-left:auto}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.pill.active,.pill.connected{color:var(--good)}.pill.halted,.pill.disconnected{color:var(--critical)}.pill.stopped{color:var(--text-secondary)}.pill.live{color:var(--critical);border-color:var(--critical)}.pill.paper{color:var(--accent)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px}.of-meter{position:relative;height:8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.of-meter:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--border)}.of-meter .fill{position:absolute;top:0;bottom:0;width:var(--w, 0%);background:var(--fill-color, var(--muted));transition:width .2s ease}.of-meter .fill.pos{left:50%}.of-meter .fill.neg{right:50%}.banner{padding:12px 15px;border-radius:var(--radius-sm);margin-bottom:16px;border:1px solid var(--border);font-size:13px;line-height:1.55;background:var(--surface-2)}.banner.error{color:var(--critical);border-color:var(--critical);background:transparent}.banner.warn{border-color:var(--warning);background:transparent}.banner.ok{color:var(--good);border-color:var(--good);background:transparent}.banner code{font-size:12px;background:var(--surface-1);padding:1px 5px;border-radius:4px;border:1px solid var(--border)}.tablewrap{overflow-x:auto;margin:0 -20px;padding:0 20px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--grid);white-space:nowrap}th{color:var(--text-secondary);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;background:var(--surface-1)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}.long{color:var(--up);font-weight:600}.short{color:var(--down);font-weight:600}.flat{color:var(--text-secondary)}.empty{color:var(--text-secondary);padding:34px 20px;text-align:center;font-size:13px}.chart{width:100%;display:block;touch-action:none}.chart-legend{display:flex;gap:18px;font-size:12px;color:var(--text-secondary);margin-bottom:12px;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:7px}.swatch{width:10px;height:14px;border-radius:2px;border:1.5px solid currentColor;flex:0 0 10px}.swatch.hollow{background:transparent}.swatch.filled{background:currentColor}.chart-holder{position:relative}.tooltip{position:absolute;pointer-events:none;z-index:20;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;font-size:12px;box-shadow:0 4px 16px #00000024;font-variant-numeric:tabular-nums;white-space:nowrap}.tooltip .t-time{color:var(--text-secondary);margin-bottom:6px}.tooltip .t-row{display:flex;justify-content:space-between;gap:16px}.tooltip .t-row span:first-child{color:var(--text-secondary)}.side{border:1px solid var(--border);border-left:3px solid var(--axis);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:14px;background:var(--surface-1)}.side.long{border-left-color:var(--up)}.side.short{border-left-color:var(--down)}.side-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.side-head .name{font-weight:650;font-size:13.5px}.side.long .side-head .name{color:var(--up)}.side.short .side-head .name{color:var(--down)}.side-head .count{font-size:11.5px;color:var(--muted)}.side-head .spacer{flex:1}.cond{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:9px 11px;border:1px solid var(--grid);border-radius:var(--radius-sm);margin-bottom:7px;background:var(--surface-2)}.cond select,.cond input{width:auto;min-width:82px;flex:0 1 auto}.cond .joiner{color:var(--muted);font-size:10.5px;font-weight:700;width:30px;letter-spacing:.05em;flex:0 0 30px}.cond .rm{margin-left:auto;border-color:transparent;color:var(--muted);font-size:15px;line-height:1;padding:4px 9px}.cond .rm:hover{color:var(--critical);border-color:var(--critical)}.operand{display:inline-flex;gap:4px;align-items:center;padding:3px;border-radius:7px;background:var(--surface-1);border:1px solid var(--grid)}.operand select,.operand input{border:none;background:transparent;padding:4px 6px}.operand select:focus,.operand input:focus{outline-offset:-2px}.cond .op-select{font-weight:550;color:var(--accent);min-width:118px}.side-empty{padding:14px;border:1px dashed var(--axis);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12.5px;text-align:center;background:transparent}.reads{padding:13px 15px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font-size:13px;line-height:1.65;margin-bottom:16px}.reads .lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;margin-bottom:6px}.reads b.long{color:var(--up)}.reads b.short{color:var(--down)}.reads .none{color:var(--muted);font-style:italic}.fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:14px}.fieldset>legend{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:0 6px}.logic-card{display:flex;align-items:flex-start;gap:16px;padding:15px 17px;margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);flex-wrap:wrap}.logic-card:hover{border-color:var(--axis)}.logic-card .body{flex:1;min-width:240px}.logic-card .nm{font-weight:600;margin-bottom:5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.logic-card .desc{font-size:12.5px;color:var(--text-secondary);line-height:1.55}.logic-card .meta{font-size:11.5px;color:var(--muted);margin-top:6px}.logic-card .acts{display:flex;gap:6px;margin-left:auto}.tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.jsonpeek{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--grid);border-radius:var(--radius-sm);padding:12px;max-height:240px;overflow:auto;white-space:pre}.auth-wrap{max-width:400px;margin:9vh auto;padding:0 16px}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;font-size:17px;font-weight:650}