@font-face{font-family:Tactic Sans Extended;src:url(/fonts/tactic-sans/TacticSansExtExd-Blk.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:SF Mono;src:url(/fonts/sf-mono/SFMonoRegular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Mono;src:url(/fonts/sf-mono/SFMonoMedium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Mono;src:url(/fonts/sf-mono/SFMonoBold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--red-50:oklch(96% .02 24.4);--red-100:oklch(92% .05 24.4);--red-300:oklch(76% .16 24.4);--red-400:oklch(69% .2 24.4);--red-500:#ef3340;--red-600:oklch(55% .21 24.4);--red-700:oklch(46% .18 24.4);--red-800:oklch(36% .14 24.4);--red-900:oklch(26% .1 24.4);--neutral-0:#fff;--neutral-50:oklch(97% .006 60);--neutral-100:oklch(93% .01 60);--neutral-200:oklch(86% .015 60);--neutral-300:oklch(75% .015 60);--neutral-400:oklch(58% .012 60);--neutral-500:oklch(43% .01 60);--neutral-600:oklch(31% .008 60);--neutral-700:oklch(22% .006 60);--neutral-800:oklch(16% .005 60);--neutral-900:oklch(10% .004 60);--neutral-950:#000;--success-50:oklch(96% .03 155);--success-400:oklch(72% .18 155);--success-500:#12b76a;--success-700:oklch(47% .12 155);--success-900:oklch(30% .08 155);--warning-50:oklch(97% .03 75);--warning-400:oklch(77% .16 75);--warning-500:#f79009;--warning-700:oklch(52% .13 55);--warning-900:oklch(34% .09 45);--error-50:oklch(96% .02 28);--error-400:oklch(69% .18 28);--error-500:#e04438;--error-700:oklch(43% .15 28);--error-900:oklch(26% .09 28);--info-500:oklch(60% .19 245);--purple-500:oklch(44% .23 300);--track-400:oklch(64% .2 145);--telemetry-300:oklch(77% .12 215);--telemetry-400:oklch(67% .13 215);--telemetry-500:oklch(57% .13 215);--telemetry-700:oklch(38% .09 215);--telemetry-900:oklch(23% .05 215);--bg:var(--neutral-900);--surface:var(--neutral-800);--surface-raised:var(--neutral-700);--surface-deep:var(--neutral-950);--border:var(--neutral-700);--border-subtle:#fff1;--fg:var(--neutral-0);--fg-muted:var(--neutral-300);--fg-subtle:var(--neutral-400);--brand:var(--red-500);--brand-hover:var(--red-400);--brand-pressed:var(--red-600);--brand-text:var(--brand);--status-success-bg:var(--success-900);--status-success-fg:var(--success-400);--status-warning-bg:var(--warning-900);--status-warning-fg:var(--warning-400);--status-error-bg:var(--error-900);--status-error-fg:var(--error-400);--telemetry-text:var(--telemetry-300);--chip-fg-mix:white;--nav-active-bg:color-mix(in oklch, var(--red-900) 55%, transparent);--red-chip-bg:color-mix(in oklch, var(--red-900) 58%, transparent);--red-chip-fg:var(--red-300);--font-display:"Tactic Sans Extended", "Tactic Sans", "Barlow Condensed", sans-serif;--font-sans:"SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--font-mono:var(--font-sans);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 0 0 1px #ffffff0a inset, 0 2px 4px #000000d9;--shadow-md:0 0 0 1px #ffffff0d inset, 0 1px 0 #ffffff14 inset, 0 10px 20px -4px #000000f2;--shadow-lg:0 0 0 1px #ffffff0f inset, 0 28px 48px -10px #000, 0 12px 24px -6px #000000e6;--shadow-brand:0 0 0 1px #ef334038 inset, 0 -16px 34px -24px #ef3340bf inset, 0 10px 24px -12px #000;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--neutral-50);--surface:var(--neutral-0);--surface-raised:var(--neutral-0);--surface-deep:var(--neutral-100);--border:var(--neutral-200);--border-subtle:#bcb4a980;--fg:var(--neutral-900);--fg-muted:var(--neutral-600);--fg-subtle:var(--neutral-500);--brand-hover:var(--red-600);--brand-pressed:var(--red-700);--brand-text:var(--red-700);--status-success-bg:var(--success-50);--status-success-fg:var(--success-700);--status-warning-bg:var(--warning-50);--status-warning-fg:var(--warning-700);--status-error-bg:var(--error-50);--status-error-fg:var(--error-700);--telemetry-text:var(--telemetry-700);--chip-fg-mix:black;--nav-active-bg:color-mix(in oklch, var(--red-100) 70%, transparent);--red-chip-bg:color-mix(in oklch, var(--red-100) 75%, transparent);--red-chip-fg:var(--red-700);--shadow-sm:0 1px 2px 0 #0b09080d;--shadow-md:0 1px 2px 0 #0b09080f, 0 4px 8px -2px #0b090814;--shadow-lg:0 4px 6px -2px #0b09080d, 0 12px 24px -4px #0b09081f;--shadow-brand:0 12px 15px -14px #ef33408c, 0 4px 8px -2px #0b09080f}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid color-mix(in oklch, var(--brand) 75%, transparent);outline-offset:2px}::selection{background:color-mix(in oklch, var(--brand) 45%, transparent);color:var(--fg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-deep)}::-webkit-scrollbar-thumb{background:var(--neutral-600);border:2px solid var(--surface-deep);border-radius:var(--radius-full)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--brand-text);font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900;line-height:1.3}h1{font-family:var(--font-display);letter-spacing:.025em;text-transform:uppercase;text-wrap:balance;margin:3px 0 0;font-size:30px;font-weight:900;line-height:1.1}h2{font-family:var(--font-mono);margin:0;font-size:18px;font-weight:500;line-height:1.3}code{font-family:var(--font-mono);font-size:.88em}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:40px;padding:var(--space-2) var(--space-4);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border:1px solid #0000;font-weight:500;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.42}.button.primary{background:var(--brand);color:var(--neutral-0)}.button.primary:hover:not(:disabled){background:var(--brand-hover)}.button.neutral{border-color:var(--border);color:var(--fg);background:0 0}.button.neutral:hover:not(:disabled),.icon-button:hover,.row-action:hover{background:color-mix(in oklch, var(--neutral-0) 6%, transparent)}.button.destructive{border-color:var(--error-500);color:var(--status-error-fg);background:0 0}.button.destructive:hover:not(:disabled){background:color-mix(in oklch, var(--status-error-bg) 64%, transparent);color:var(--neutral-0)}.icon-button,.row-action{border:1px solid var(--border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--fg-muted);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex}.row-action{border-color:#0000;width:32px;height:32px}.auth-stage{min-height:100vh;padding:var(--space-6);background:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px), var(--bg);background-size:64px 64px;place-items:center;display:grid}.auth-stage>p{color:var(--fg-muted)}.auth-panel{background:var(--surface);border:1px solid var(--border);border-top-color:color-mix(in oklch, var(--brand) 48%, var(--border));border-radius:var(--radius-lg);width:min(100%,440px);padding:var(--space-8);box-shadow:var(--shadow-lg)}.auth-brand{margin-bottom:var(--space-12);color:var(--telemetry-text);justify-content:space-between;align-items:center;display:flex}.auth-brand img{width:152px;height:auto}.auth-mark,.modal-icon{width:48px;height:48px;margin-bottom:var(--space-8);background:color-mix(in oklch, var(--status-warning-bg) 52%, transparent);border:1px solid color-mix(in oklch, var(--warning-500) 42%, var(--border));border-radius:var(--radius-md);color:var(--status-warning-fg);place-items:center;display:grid}.auth-panel h1{font-size:38px}.auth-copy{margin:var(--space-4) 0 var(--space-8);color:var(--fg-muted)}.auth-copy code{margin-left:var(--space-1);color:var(--telemetry-text)}.auth-form{gap:var(--space-4);display:grid}.auth-form label,.confirm-modal label{gap:var(--space-2);color:var(--fg-muted);font-size:12px;font-weight:500;display:grid}.auth-form input,.confirm-modal input{background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:44px;padding:var(--space-3) var(--space-4);color:var(--fg)}.auth-form input:focus,.confirm-modal input:focus{border-color:var(--brand)}.form-error{color:var(--status-error-fg);margin:0;font-size:12px}.auth-footnote{margin:var(--space-6) 0 0;color:var(--fg-subtle);font-size:11px}.auth-loader{border:2px solid var(--border);border-top-color:var(--brand);border-radius:var(--radius-full);width:30px;height:30px;animation:.72s linear infinite spin}.app-shell{min-height:100vh}.app-header{justify-content:space-between;align-items:center;gap:var(--space-6);z-index:20;background:color-mix(in oklch, var(--surface) 94%, transparent);border-bottom:1px solid var(--border);min-height:76px;padding:var(--space-3) clamp(var(--space-4), 3vw, var(--space-8));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;position:sticky;top:0}.header-brand,.header-actions{align-items:center;display:flex}.header-brand{gap:var(--space-5)}.header-brand img{width:40px;height:auto}.header-rule{background:var(--border);width:1px;height:36px}.header-brand h1{font-size:23px}.header-brand .eyebrow{font-size:9px}.header-actions{gap:var(--space-2)}.connection-chip,.role-chip,.neutral-chip,.warning-chip{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;width:max-content;font-size:11px;font-weight:500;display:inline-flex}.connection-chip{min-height:34px;padding:var(--space-2) var(--space-3);background:color-mix(in oklch, var(--neutral-0) 5%, transparent);border:1px solid var(--border);color:var(--fg-muted)}.connection-chip.connected{background:color-mix(in oklch, var(--status-success-bg) 62%, transparent);border-color:color-mix(in oklch, var(--success-500) 42%, var(--border));color:var(--status-success-fg)}.connection-chip.reconnecting,.connection-chip.connecting{color:var(--status-warning-fg)}.connection-chip.error{color:var(--status-error-fg)}.user-block{margin:0 var(--space-2) 0 var(--space-3);text-align:right;gap:1px;display:grid}.user-block span{font-size:12px;font-weight:500}.user-block small{color:var(--fg-subtle);font-size:10px}.dashboard-main{width:min(100%,1800px);padding:clamp(var(--space-4), 2.3vw, var(--space-8));margin:0 auto}.kpi-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.kpi-cell{min-width:0;min-height:130px;padding:var(--space-5);border-right:1px solid var(--border-subtle);position:relative}.kpi-cell:last-child{border-right:0}.kpi-cell.live:before{content:"";background:var(--brand);width:2px;position:absolute;inset:0 auto 0 0}.kpi-label{align-items:center;gap:var(--space-2);color:var(--fg-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500;display:flex}.kpi-value{margin-top:var(--space-3);color:var(--fg);letter-spacing:-.055em;font-size:clamp(25px,3vw,39px);font-weight:500;line-height:1}.kpi-value small{margin-left:var(--space-2);color:var(--fg-subtle);letter-spacing:0;font-size:12px}.kpi-cell p{margin:var(--space-3) 0 0;color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.kpi-cell.telemetry .kpi-value,.kpi-cell.telemetry .kpi-label svg{color:var(--telemetry-text)}.kpi-cell.warning .kpi-value,.kpi-cell.warning .kpi-label svg{color:var(--status-warning-fg)}.device-graph{gap:var(--space-5);padding:var(--space-4);flex-direction:column;display:flex}.device-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.device-graph-cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.device-graph-cell-head{gap:var(--space-1);padding:var(--space-3);border:0;border-bottom:1px solid var(--border-subtle);text-align:left;cursor:pointer;background:0 0;flex-direction:column;display:flex}.device-graph-cell-head strong{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.device-graph-viewers{gap:var(--space-1);padding:var(--space-3);flex-wrap:wrap;display:flex}.device-graph-viewers .role-chip{cursor:pointer;border:0}.device-graph-empty{color:var(--fg-subtle);font-size:11px}.device-graph-common{padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.device-graph-common-list{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.device-graph-common-list .role-chip{cursor:pointer;border:0}.data-section{margin-top:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.data-toolbar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);min-height:58px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.view-tabs{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.view-tabs button{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:40px;padding:var(--space-2) var(--space-3);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;display:inline-flex}.view-tabs button:hover{background:color-mix(in oklch, var(--neutral-0) 4%, transparent);color:var(--fg)}.view-tabs button.active{background:var(--nav-active-bg);color:var(--fg);box-shadow:0 -2px 0 var(--brand) inset}.view-tabs button>span{border-radius:var(--radius-full);background:color-mix(in oklch, var(--neutral-0) 6%, transparent);min-width:20px;color:var(--fg-subtle);text-align:center;padding:1px 5px;font-size:9px}.search-field{align-items:center;gap:var(--space-2);background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-md);width:auto;max-width:320px;min-height:40px;padding:0 var(--space-3);color:var(--fg-subtle);flex:200px;display:flex}.search-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in oklch, var(--brand) 18%, transparent)}.search-field input{min-width:0;color:var(--fg);background:0 0;border:0;outline:0;flex:1}.search-field input::placeholder{color:var(--fg-subtle)}.search-field button{border-radius:var(--radius-md);width:28px;height:28px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.toolbar-toggle{align-items:center;gap:var(--space-2);white-space:nowrap;background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-md);min-height:40px;padding:0 var(--space-3);color:var(--fg-subtle);cursor:pointer;font-size:12px;display:inline-flex}.toolbar-toggle:hover{color:var(--fg)}.toolbar-toggle.active{background:color-mix(in oklch, var(--brand) 20%, transparent);border-color:var(--brand);color:var(--fg)}.outlier-settings{display:inline-flex;position:relative}.outlier-settings-panel{top:calc(100% + var(--space-2));z-index:30;gap:var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);width:max-content;max-width:min(360px,80vw);padding:var(--space-4);box-shadow:var(--shadow-lg);display:grid;position:absolute;right:0}.outlier-settings-group p{margin:0 0 var(--space-2);color:var(--fg-subtle);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.device-thumb{aspect-ratio:16/9;background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-md);width:64px;color:var(--fg-subtle);cursor:pointer;place-items:center;padding:0;display:grid;overflow:hidden}.device-thumb.placeholder{cursor:default}.device-thumb.small{width:48px}.device-thumb img{object-fit:cover;width:100%;height:100%}.device-name{align-items:center;gap:var(--space-2);display:inline-flex}.copy-button{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.copy-button:hover{color:var(--fg);background:color-mix(in oklch, var(--neutral-0) 6%, transparent)}.lightbox-device-head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.lightbox-device-head small{width:100%;color:var(--fg-subtle)}.session-note{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:34px;padding:var(--space-2) var(--space-4);background:color-mix(in oklch, var(--surface-deep) 55%, transparent);border-bottom:1px solid var(--border-subtle);color:var(--fg-subtle);font-size:10px;display:flex}.session-note span:first-child{align-items:center;gap:6px;display:flex}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1040px}th{height:38px;color:var(--fg-subtle);letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:500}th,td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle}tbody tr{height:58px;transition:background-color var(--dur-fast) var(--ease-out)}tbody tr:hover{background:color-mix(in oklch, var(--neutral-0) 3%, transparent)}tbody tr:last-child td{border-bottom:0}td{color:var(--fg-muted);font-size:12px}td strong{color:var(--fg);font-weight:500;display:block}.desktop-table td small{color:var(--fg-subtle);margin-top:2px;font-size:9px;display:block}td code{max-width:220px;color:var(--telemetry-text);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.status-label{white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:500;display:inline-flex}.status-label i{border-radius:var(--radius-full);background:var(--neutral-400);width:7px;height:7px;display:inline-block}.status-label.live{color:var(--status-success-fg)}.status-label.live i{background:var(--success-500);box-shadow:0 0 8px color-mix(in oklch, var(--success-500) 58%, transparent)}.status-label.ready{color:var(--status-warning-fg)}.status-label.ready i{background:var(--warning-500);box-shadow:0 0 8px color-mix(in oklch, var(--warning-500) 58%, transparent)}.status-label.offline{color:var(--fg-subtle)}@keyframes status-flash{0%{transform:scale(1)}40%{opacity:.55;transform:scale(2)}to{transform:scale(1)}}.status-label.flash i{animation:.5s ease-out status-flash}.role-chip.wildcard{border:1px dashed var(--border-strong);opacity:.75;background:0 0}.role-chip,.neutral-chip,.warning-chip{background:color-mix(in oklch, var(--neutral-0) 6%, transparent);min-height:24px;color:var(--fg-muted);padding:3px 9px}.role-chip.device{background:color-mix(in oklch, var(--status-success-bg) 62%, transparent);color:var(--status-success-fg)}.role-chip.viewer{background:color-mix(in oklch, var(--telemetry-900) 74%, transparent);color:var(--telemetry-text)}.role-chip.monitor{background:var(--red-chip-bg);color:var(--red-chip-fg)}.role-chip.webhook{background:color-mix(in oklch, var(--purple-500) 38%, transparent);color:color-mix(in oklch, var(--purple-500) 55%, var(--chip-fg-mix))}.warning-chip{background:color-mix(in oklch, var(--status-warning-bg) 64%, transparent);color:var(--status-warning-fg)}.inline-metric{align-items:center;gap:5px;display:inline-flex}.healthy{color:var(--status-success-fg)}.warning{color:var(--status-warning-fg)}.critical{color:var(--status-error-fg)}.muted{color:var(--fg-subtle)}.mobile-list{display:none}.activity-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.filter-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chip{border:1px solid var(--border);border-radius:var(--radius-full);min-height:30px;padding:0 var(--space-3);color:var(--fg-subtle);cursor:pointer;background:0 0;font-size:11px}.filter-chip:hover{color:var(--fg)}.filter-chip.active{background:color-mix(in oklch, var(--brand) 20%, transparent);border-color:var(--brand);color:var(--fg)}.activity-controls{align-items:center;gap:var(--space-2);display:flex}.activity-groups{display:grid}.activity-group summary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in oklch, var(--surface-deep) 55%, transparent);border-bottom:1px solid var(--border-subtle);color:var(--fg-muted);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-size:11px;font-weight:500;list-style:none;display:flex}.activity-group summary::-webkit-details-marker{display:none}.activity-group summary span{border-radius:var(--radius-full);background:color-mix(in oklch, var(--neutral-0) 6%, transparent);min-width:20px;color:var(--fg-subtle);text-align:center;padding:1px 5px;font-size:9px}.activity-list{display:grid}.activity-list.frozen{outline:1px dashed color-mix(in oklch, var(--warning-500) 55%, transparent);outline-offset:-1px}.activity-row{content-visibility:auto;contain-intrinsic-size:auto 66px;align-items:center;gap:var(--space-3);border:0;border-bottom:1px solid var(--border-subtle);width:100%;min-height:66px;padding:var(--space-3) var(--space-4);color:var(--fg-muted);text-align:left;cursor:pointer;background:0 0;grid-template-columns:40px minmax(0,1fr) auto;display:grid}.activity-row:hover{background:color-mix(in oklch, var(--neutral-0) 3%, transparent)}.activity-icon{background:color-mix(in oklch, var(--neutral-0) 5%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:34px;height:34px;color:var(--fg-subtle);place-items:center;display:grid}.activity-row.publication .activity-icon{color:var(--telemetry-text)}.activity-row.error .activity-icon,.activity-row.action .activity-icon{color:var(--status-error-fg)}.activity-row.connection .activity-icon{color:var(--status-success-fg)}.activity-main{gap:2px;min-width:0;display:grid}.activity-main strong{color:var(--fg);font-size:12px;font-weight:500}.activity-main small{color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.activity-chip-row{align-items:center;gap:6px;display:inline-flex}.activity-event-chip{border-radius:var(--radius-full);background:color-mix(in oklch, var(--neutral-0) 8%, transparent);width:max-content;min-height:15px;color:var(--fg-subtle);white-space:nowrap;align-items:center;padding:1px 6px;font-size:9px;font-weight:500;display:inline-flex}.activity-event-chip.chip-connected{background:color-mix(in oklch, var(--status-success-bg) 62%, transparent);color:var(--status-success-fg)}.activity-event-chip.chip-thumbnail{background:color-mix(in oklch, var(--status-success-bg) 38%, transparent);color:var(--status-success-fg)}.activity-event-chip.chip-subscribed{background:color-mix(in oklch, var(--telemetry-900) 70%, transparent);color:var(--telemetry-text)}.activity-event-chip.chip-ack{background:color-mix(in oklch, var(--telemetry-900) 45%, transparent);color:var(--telemetry-text)}.activity-event-chip.chip-cmd-ack{background:color-mix(in oklch, var(--telemetry-900) 25%, transparent);border:1px solid color-mix(in oklch, var(--telemetry-500) 35%, transparent);color:var(--telemetry-text)}.activity-event-chip.chip-ping{background:color-mix(in oklch, var(--info-500) 30%, transparent);color:color-mix(in oklch, var(--info-500) 62%, var(--chip-fg-mix))}.activity-event-chip.chip-status{background:color-mix(in oklch, var(--info-500) 18%, transparent);color:color-mix(in oklch, var(--info-500) 62%, var(--chip-fg-mix))}.activity-event-chip.chip-action{background:color-mix(in oklch, var(--purple-500) 38%, transparent);color:color-mix(in oklch, var(--purple-500) 55%, var(--chip-fg-mix))}.activity-event-chip.chip-command{background:color-mix(in oklch, var(--purple-500) 26%, transparent);color:color-mix(in oklch, var(--purple-500) 55%, var(--chip-fg-mix))}.activity-event-chip.chip-dolby{background:color-mix(in oklch, var(--purple-500) 16%, transparent);border:1px solid color-mix(in oklch, var(--purple-500) 30%, transparent);color:color-mix(in oklch, var(--purple-500) 55%, var(--chip-fg-mix))}.activity-event-chip.chip-unsubscribed{background:color-mix(in oklch, var(--status-warning-bg) 60%, transparent);color:var(--status-warning-fg)}.activity-event-chip.chip-vod-thumb{background:color-mix(in oklch, var(--status-warning-bg) 35%, transparent);color:var(--status-warning-fg)}.activity-event-chip.chip-error{background:color-mix(in oklch, var(--status-error-bg) 62%, transparent);color:var(--status-error-fg)}.activity-event-chip.chip-lwt{background:color-mix(in oklch, var(--status-error-bg) 38%, transparent);color:var(--status-error-fg)}.activity-event-chip.chip-disconnected{background:color-mix(in oklch, var(--neutral-0) 14%, transparent);color:var(--fg-muted)}.activity-event-chip.chip-message{background:color-mix(in oklch, var(--neutral-0) 6%, transparent);color:var(--fg-subtle)}.activity-meta{gap:var(--space-2);color:var(--fg-subtle);text-align:right;grid-template-columns:auto auto;align-items:center;font-size:10px;display:grid}.activity-meta-text{gap:2px;display:grid}.activity-meta-actions{align-items:center;gap:var(--space-1);display:flex}.empty-data{align-content:center;place-items:center;gap:var(--space-3);min-height:320px;padding:var(--space-8);color:var(--fg-subtle);text-align:center;display:grid}.empty-data h2,.empty-data p{margin:0}.drawer-layer,.modal-layer{z-index:80;overscroll-behavior:contain;position:fixed;inset:0}.drawer-backdrop,.modal-backdrop{background:color-mix(in oklch, var(--neutral-950) 72%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;border:0;width:100%;height:100%;position:absolute;inset:0}.detail-drawer{background:var(--surface);border-left:1px solid var(--border);width:min(500px,92vw);height:100%;box-shadow:var(--shadow-lg);animation:drawer-in var(--dur-slow) var(--ease-standard);flex-direction:column;display:flex;position:absolute;top:0;right:0}.detail-drawer>header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:78px;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.detail-drawer h2{text-overflow:ellipsis;white-space:nowrap;max-width:390px;margin-top:5px;overflow:hidden}.drawer-content{padding:var(--space-5);overflow-y:auto}.drawer-status{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.definition-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.definition-grid div{background:var(--surface-deep);min-width:0;min-height:72px;padding:var(--space-3)}.definition-grid dt{color:var(--fg-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.definition-grid dd{margin:var(--space-2) 0 0;overflow-wrap:anywhere;color:var(--fg);font-size:12px}.ping-category+.ping-category{margin-top:var(--space-5)}.outlier-badge{cursor:pointer;margin-left:6px;display:inline-flex}.outlier-badge:hover,.outlier-badge:focus-visible{outline:1px solid color-mix(in oklch, var(--warning-500) 70%, var(--border));outline-offset:2px}.definition-grid div:has(dd.flagged){background:color-mix(in oklch, var(--status-warning-bg) 45%, var(--surface-deep))}.definition-grid dd.flagged{color:var(--status-warning-fg);font-weight:600}.definition-grid dd.flagged small{color:var(--fg-subtle);margin-top:2px;font-weight:400;display:block}.category-title{margin:0 0 var(--space-2);color:var(--fg-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.raw-block,.subscription-list,.danger-zone{margin-top:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md)}.block-title{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border);color:var(--fg-muted);font-size:11px;display:flex}.raw-block>summary.block-title{cursor:pointer;list-style:none}.raw-block>summary.block-title::-webkit-details-marker{display:none}.raw-block:not([open])>summary.block-title{border-bottom:0}.block-title small{color:var(--fg-subtle);font-size:9px}.raw-block pre{background:var(--surface-deep);max-height:420px;padding:var(--space-4);color:var(--telemetry-text);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.65;overflow:auto}.subscription-list code{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--telemetry-text);overflow-wrap:anywhere;display:block}.subscription-list code:last-child{border-bottom:0}.subscription-list>p{padding:var(--space-4);color:var(--fg-subtle);margin:0}.danger-zone{gap:var(--space-3);border-color:color-mix(in oklch, var(--error-500) 36%, var(--border));padding:var(--space-4);display:grid}.danger-zone strong{color:var(--status-error-fg)}.danger-zone p,.danger-zone small{color:var(--fg-subtle);margin:3px 0 0;font-size:10px}.danger-zone .button{width:max-content}.modal-layer{width:100%;max-width:none;height:100%;padding:var(--space-4);background:0 0;border:0;place-items:center;margin:0;display:grid}.lightbox{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(720px,94vw);max-height:90vh;box-shadow:var(--shadow-lg);animation:modal-in var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.lightbox-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.lightbox-image{aspect-ratio:16/9;background:var(--surface-deep);object-fit:contain;width:100%;max-height:70vh;margin:0 auto;display:block}.confirm-modal{background:var(--surface);border:1px solid color-mix(in oklch, var(--error-500) 42%, var(--border));border-radius:var(--radius-lg);width:min(100%,520px);padding:var(--space-6);box-shadow:var(--shadow-lg);animation:modal-in var(--dur-base) var(--ease-out);position:relative}.outlier-modal{background:var(--surface);border:1px solid color-mix(in oklch, var(--warning-500) 32%, var(--border));border-radius:var(--radius-lg);width:min(100%,760px);max-height:min(86vh,760px);box-shadow:var(--shadow-lg);animation:modal-in var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.outlier-modal-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.outlier-modal-title{align-items:center;gap:var(--space-3);display:flex}.outlier-modal-title .eyebrow,.outlier-modal-title h2{margin:0}.outlier-modal-title h2{margin-top:3px;font-size:22px}.outlier-modal-icon{background:color-mix(in oklch, var(--status-warning-bg) 55%, transparent);border:1px solid color-mix(in oklch, var(--warning-500) 38%, var(--border));border-radius:var(--radius-md);width:38px;height:38px;color:var(--status-warning-fg);flex:none;place-items:center;display:grid}.outlier-modal-body{padding:var(--space-5);overflow-y:auto}.outlier-modal-summary{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin:0 0 var(--space-4);color:var(--fg-subtle);font-size:11px;display:flex}.outlier-modal-summary strong{color:var(--fg);font-size:12px}.outlier-field-modal-list{background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.outlier-field-list{margin:0}.outlier-field{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(150px,.8fr) minmax(280px,1.2fr);display:grid}.outlier-field+.outlier-field{border-top:1px solid var(--border-subtle)}.outlier-field dt,.outlier-field dd,.outlier-field dd span{min-width:0}.outlier-field dt{gap:3px;display:grid}.outlier-field dt strong{color:var(--status-warning-fg);font-size:11px;font-weight:600}.outlier-field dt small,.outlier-field dd small{color:var(--fg-subtle);font-size:9px}.outlier-field dd{gap:var(--space-3);grid-template-columns:1fr 1fr;margin:0;display:grid}.outlier-field dd span{gap:3px;display:grid}.outlier-field dd strong{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.outlier-field dd span:first-child strong{color:var(--status-warning-fg)}.confirm-modal .modal-icon{margin-bottom:var(--space-5);background:color-mix(in oklch, var(--status-error-bg) 56%, transparent);border-color:color-mix(in oklch, var(--error-500) 42%, var(--border));color:var(--status-error-fg)}.confirm-modal h2{margin-top:var(--space-2);font-size:22px}.confirm-modal>p:not(.eyebrow):not(.form-error){margin:var(--space-4) 0 var(--space-5);color:var(--fg-muted)}.confirm-modal label code{color:var(--telemetry-text);overflow-wrap:anywhere;font-size:10px;display:block}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.mobile-tabs{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=820px){.app-header{align-items:flex-start}.header-brand img{width:36px}.header-brand h1{font-size:19px}.user-block{display:none}.view-tabs button{padding-inline:var(--space-2)}.view-tabs button>span{display:none}}@media (width<=720px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.app-header{min-height:68px;padding:var(--space-2) var(--space-3);align-items:center}.header-brand{gap:var(--space-3)}.header-brand img{width:32px}.header-rule,.header-brand .eyebrow{display:none}.header-brand h1{margin:0;font-size:17px}.header-actions{gap:4px}.connection-chip{justify-content:center;width:36px;min-width:36px;padding:0}.connection-chip span,.header-actions .icon-button:last-child{display:none}.dashboard-main{padding:var(--space-3)}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-cell{min-height:105px;padding:var(--space-4);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.kpi-cell:nth-child(2n){border-right:0}.kpi-cell:nth-last-child(-n+2){border-bottom:0}.kpi-value{font-size:28px}.signal-panel{padding:var(--space-4) var(--space-3) var(--space-3)}.signal-heading h2{font-size:15px}.signal-legend{gap:var(--space-2);font-size:8px}.signal-bars{gap:1px;height:88px}.signal-foot span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.data-toolbar{min-height:auto;padding:var(--space-3)}.view-tabs{display:none}.search-field{width:100%}.session-note{padding:var(--space-2) var(--space-3);flex-direction:column;align-items:flex-start;gap:2px}.desktop-table{display:none}.mobile-list{display:grid}.mobile-card{gap:var(--space-3);border:0;border-bottom:1px solid var(--border-subtle);width:100%;padding:var(--space-4);color:var(--fg-muted);text-align:left;cursor:pointer;background:0 0;display:grid}.mobile-card:hover{background:color-mix(in oklch, var(--neutral-0) 3%, transparent)}.mobile-card>strong{color:var(--fg);font-size:15px;font-weight:500}.mobile-card>p{color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.mobile-card-head{justify-content:space-between;align-items:center;display:flex}.mobile-card-actions{align-items:center;gap:var(--space-2);display:flex}.mobile-metrics{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mobile-metrics span{min-width:0;color:var(--fg-subtle);letter-spacing:.04em;text-transform:uppercase;gap:3px;font-size:9px;display:grid}.mobile-metrics b{color:var(--fg-muted);letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.activity-row{gap:var(--space-2);padding:var(--space-3);grid-template-columns:34px minmax(0,1fr) auto}.activity-icon{width:30px;height:30px}.activity-meta time{text-overflow:ellipsis;white-space:nowrap;max-width:62px;overflow:hidden}.mobile-tabs{min-height:calc(62px + env(safe-area-inset-bottom));z-index:40;background:color-mix(in oklch, var(--surface) 96%, transparent);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-tabs button{min-height:62px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9px;display:flex}.mobile-tabs button.active{color:var(--fg);box-shadow:0 2px 0 var(--brand) inset}.detail-drawer{border-top:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-left:0;width:100%;height:min(88vh,760px);animation-name:drawer-up;inset:auto 0 0}.detail-drawer>header{min-height:70px}.drawer-content{padding:var(--space-4)}.definition-grid{grid-template-columns:1fr 1fr}.confirm-modal{padding:var(--space-5)}.outlier-modal{max-height:calc(100vh - (2 * var(--space-4)))}.outlier-modal-head,.outlier-modal-body{padding:var(--space-4)}.outlier-modal-summary{gap:var(--space-1);display:grid}.outlier-field{gap:var(--space-3);grid-template-columns:1fr}.modal-actions{grid-template-columns:1fr 1fr;display:grid}}@keyframes drawer-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=420px){.header-brand img{width:28px}.header-brand h1{font-size:15px}.header-actions .icon-button:first-of-type{display:none}.kpi-label,.kpi-cell p{font-size:9px}.definition-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.auth-loader,.detail-drawer,.confirm-modal,.outlier-modal{animation:none}.signal-bar,.view-tabs button{transition:none}}