:root{color-scheme:dark;--bg: #0a0a0a;--panel: #111111;--panel-2: #171717;--hover: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--fg: #ededed;--fg-2: #a1a1a1;--fg-3: #878787;--inverse-bg: #ededed;--inverse-fg: #0a0a0a;--ok: #3fcf8e;--ok-fill: #22c55e;--ok-soft: rgba(34, 197, 94, .12);--ok-line: rgba(34, 197, 94, .35);--warn: #f5b13d;--warn-fill: #f59e0b;--warn-soft: rgba(245, 158, 11, .12);--warn-line: rgba(245, 158, 11, .35);--danger: #ff6166;--danger-fill: #e5484d;--danger-soft: rgba(229, 72, 77, .13);--danger-line: rgba(229, 72, 77, .45);--focus: #52a8ff;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 0 rgba(0, 0, 0, .4), 0 8px 24px -12px rgba(0, 0, 0, .6);--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Consolas, monospace}@media (prefers-color-scheme: light){:root{color-scheme:light;--bg: #fafafa;--panel: #ffffff;--panel-2: #f5f5f5;--hover: rgba(0, 0, 0, .035);--border: rgba(0, 0, 0, .09);--border-strong: rgba(0, 0, 0, .16);--fg: #171717;--fg-2: #4d4d4d;--fg-3: #6b6b6b;--inverse-bg: #171717;--inverse-fg: #ffffff;--ok: #107d3f;--ok-fill: #16a34a;--ok-soft: rgba(22, 163, 74, .09);--ok-line: rgba(22, 163, 74, .35);--warn: #9a5b00;--warn-fill: #e79a0b;--warn-soft: rgba(245, 158, 11, .12);--warn-line: rgba(217, 119, 6, .4);--danger: #c9252c;--danger-fill: #e5484d;--danger-soft: rgba(229, 72, 77, .08);--danger-line: rgba(229, 72, 77, .4);--focus: #0070f3;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px -16px rgba(0, 0, 0, .12)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}p{margin:0}code{font-family:var(--font-mono);font-size:.92em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--fg-3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:8px 12px;border-radius:var(--radius-sm);background:var(--inverse-bg);color:var(--inverse-fg);font-weight:500;text-decoration:none;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.topbar{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);padding-top:env(safe-area-inset-top)}.topbar-inner{max-width:1160px;margin:0 auto;height:56px;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:7px;background:var(--inverse-bg);color:var(--inverse-fg)}.brand-name{font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.brand-meta{padding-left:10px;border-left:1px solid var(--border-strong);color:var(--fg-3);font-size:12px;white-space:nowrap}.status{display:inline-flex;align-items:center;gap:8px;min-width:0;height:30px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);font-size:13px;font-weight:500;color:var(--fg-2)}.status-label{white-space:nowrap}.status-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-3);font-size:12px}.status-dot{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--fg-3)}.status-ok{color:var(--fg)}.status-ok .status-dot{background:var(--ok-fill)}.status-ok .status-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--ok-fill);animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.status-warn .status-dot{background:var(--warn-fill)}.status-danger{color:var(--danger);border-color:var(--danger-line)}.status-danger .status-dot{background:var(--danger-fill)}@keyframes ping{75%,to{transform:scale(2.4);opacity:0}}.page{max-width:1160px;margin:0 auto;padding:24px max(20px,env(safe-area-inset-right)) calc(64px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.eyebrow,.field-label,.stat dt,.rt-metric dt{margin:0;font-size:12px;font-weight:500;color:var(--fg-3);letter-spacing:0}.section{padding:20px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.section-title{margin:0;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;letter-spacing:-.01em;scroll-margin-top:72px}.section-desc{margin-top:4px;max-width:62ch;color:var(--fg-2);font-size:13px;text-wrap:pretty}.section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.count{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--fg-2);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}button,select,input{font:inherit;color:inherit;touch-action:manipulation}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-sm{height:28px;padding:0 10px;font-size:13px}.btn-primary{background:var(--inverse-bg);color:var(--inverse-fg)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--inverse-bg) 86%,var(--bg))}.btn-secondary{background:var(--panel);border-color:var(--border-strong);color:var(--fg)}.btn-secondary:hover:not(:disabled){background:var(--panel-2);border-color:color-mix(in srgb,var(--fg) 30%,transparent)}.btn-danger{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-fill);border-color:var(--danger-fill);color:#fff}.btn-ok{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}.btn-ok:hover:not(:disabled){border-color:var(--ok)}.icon-btn{position:relative;display:inline-grid;place-items:center;width:28px;height:28px;flex-shrink:0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-3);cursor:pointer;transition:background-color .15s ease,color .15s ease}.icon-btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.icon-btn:hover{background:var(--hover);color:var(--fg)}.icon-btn-sm{width:24px;height:24px}.spinner{width:13px;height:13px;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}select{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--panel);color:var(--fg);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23878787' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;text-overflow:ellipsis;transition:border-color .15s ease}select:hover:not(:disabled){border-color:color-mix(in srgb,var(--fg) 30%,transparent)}select:disabled{cursor:not-allowed;color:var(--fg-2);background-color:var(--panel-2)}select option{background-color:var(--panel);color:var(--fg)}.connection{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:16px}.connection-field{display:flex;flex-direction:column;gap:6px;flex:1 1 280px;min-width:0}.connection-actions{display:flex;gap:8px}.connection-hint{flex-basis:100%;color:var(--fg-2);font-size:13px}.search{display:flex;align-items:center;gap:6px;height:36px;padding:0 6px 0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--fg-3);transition:border-color .15s ease,box-shadow .15s ease}.search:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 25%,transparent)}.search input{width:200px;min-width:0;height:100%;padding:0;border:0;outline:none;background:transparent;color:var(--fg);font-family:var(--font-mono);font-size:13px}.search input::placeholder{color:var(--fg-3);font-family:var(--font-sans)}.search input::-webkit-search-cancel-button{display:none}.tag{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:999px;border:1px solid transparent;font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.tag-danger{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}.tag-solid-danger{background:var(--danger-fill);color:#fff;letter-spacing:.06em}.alerts{display:flex;flex-direction:column;gap:8px}.alerts:empty{display:none}.alert{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid;border-radius:var(--radius);font-size:14px;line-height:1.45;overflow:hidden}.alert>svg{flex-shrink:0;margin-top:2px}.alert>div{flex:1;min-width:0;overflow-wrap:anywhere}.alert .icon-btn{margin:-4px -6px -4px 0;color:inherit}.alert-hint{color:var(--fg-2)}.alert-danger{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}.alert-danger>div{color:var(--fg)}.alert-danger .alert-hint{color:var(--fg-2)}.alert-danger strong{color:var(--danger)}.alert-warn{background:var(--warn-soft);border-color:var(--warn-line);color:var(--fg)}.alert-warn>svg,.alert-warn strong{color:var(--warn)}.alert-sos{background:var(--danger-fill);border-color:var(--danger-fill);color:#fff;font-weight:500}.alert-sos:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;animation:sos-pulse 1.2s ease-in-out infinite;pointer-events:none}.alert-sos>*{position:relative}@keyframes sos-pulse{50%{opacity:.22}}.overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px}.latest{position:relative;display:flex;flex-direction:column;gap:20px;padding:20px;min-height:236px;overflow:hidden}.latest-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.latest-body{display:flex;align-items:flex-end;gap:32px;flex-wrap:wrap;flex:1}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field-main{flex:1 1 auto}.latest-card-no{font-size:clamp(36px,6vw,60px);font-weight:600;line-height:1.05;letter-spacing:-.03em;overflow-wrap:anywhere}.latest-reader{font-size:22px;font-weight:500;color:var(--fg-2)}.latest-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border);color:var(--fg-2);font-size:13px;font-variant-numeric:tabular-nums}.latest-battery{display:inline-flex;align-items:center;gap:10px}.latest-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--fg);opacity:0;pointer-events:none;animation:flash .7s ease-out}@keyframes flash{0%{opacity:.9}to{opacity:0}}.latest.is-sos{border-color:var(--danger-line);background:linear-gradient(180deg,var(--danger-soft),transparent 70%),var(--panel)}.latest.is-sos .latest-card-no{color:var(--danger)}.latest.is-sos .latest-flash{box-shadow:inset 0 0 0 2px var(--danger-fill)}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px 0 8px}.empty-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);color:var(--fg-2)}.empty-title{font-size:15px;font-weight:600}.empty-hint{max-width:36ch;color:var(--fg-2);font-size:13px;text-wrap:balance}.stats{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat{display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:16px}.stat dd{margin:0;font-family:var(--font-mono);font-size:26px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat:last-child dd{font-size:20px;line-height:1.5}.rt-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}.rt-panel{display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);background:var(--panel-2);transition:border-color .3s ease}.rt-panel.level-strong{border-left-color:var(--ok-fill)}.rt-panel.level-weak{border-left-color:var(--warn-fill)}.rt-panel.level-lost{border-left-color:var(--danger-fill)}.rt-panel.is-sos{border-color:var(--danger-line);border-left-color:var(--danger-fill)}.rt-top{display:flex;align-items:center;gap:12px}.rt-id{flex:1;min-width:0}.rt-light{position:relative;width:14px;height:14px;flex-shrink:0;margin:0 4px;border-radius:50%;background:var(--fg-3)}.rt-light.strong{background:var(--ok-fill)}.rt-light.strong:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--ok-fill);animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.rt-light.weak{background:var(--warn-fill)}.rt-light.lost{background:var(--danger-fill)}.rt-status{font-size:16px;font-weight:600;letter-spacing:-.01em}.level-strong .rt-status{color:var(--ok)}.level-weak .rt-status{color:var(--warn)}.level-lost .rt-status{color:var(--danger)}.rt-card{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-2);font-size:12px}.rt-metrics{margin:0;display:flex;flex-wrap:wrap;gap:16px 28px}.rt-metric{display:flex;flex-direction:column;gap:2px;min-width:72px}.rt-metric dd{margin:0;font-family:var(--font-mono);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.4}.rt-metric dd .battery{height:28px}.meter,.battery-track{display:block;height:4px;border-radius:999px;background:var(--border-strong);overflow:hidden}.meter{width:96px;margin-top:6px}.meter-fill,.battery-fill{display:block;height:100%;border-radius:inherit;transform-origin:left center;transition:transform .25s ease,background-color .25s ease}.tone-ok{background:var(--ok-fill)}.tone-warn{background:var(--warn-fill)}.tone-danger{background:var(--danger-fill)}.battery{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono)}.battery-track{width:56px;flex-shrink:0}.battery-value{min-width:40px;font-size:12px;font-weight:500;color:var(--fg-2);font-variant-numeric:tabular-nums}.table-wrap{margin:0 -20px -20px;border-top:1px solid var(--border);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}table{width:100%;min-width:760px;border-collapse:collapse;font-variant-numeric:tabular-nums}thead th{height:40px;padding:0 16px;background:var(--panel-2);border-bottom:1px solid var(--border);color:var(--fg-3);font-size:12px;font-weight:500;text-align:left;white-space:nowrap}tbody th,tbody td{height:48px;padding:0 16px;border-bottom:1px solid var(--border);font-size:14px;text-align:left;white-space:nowrap}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}thead th:first-child,tbody th{padding-left:20px}thead th:last-child,tbody td:last-child{padding-right:20px}tbody tr{transition:background-color .15s ease}tbody tr:hover{background:var(--hover)}.card-cell{font-weight:600}.card-cell .tag{margin-left:8px;vertical-align:1px}.num{text-align:right!important;font-family:var(--font-mono)}.time{color:var(--fg-2);font-size:13px}.action-cell{text-align:right!important}tbody tr.is-newest{background:var(--hover)}tbody tr.is-newest .card-cell{box-shadow:inset 2px 0 0 var(--fg)}tbody tr.is-testing .card-cell{box-shadow:inset 2px 0 0 var(--ok-fill);color:var(--ok)}tbody tr.is-sos{background:var(--danger-soft)}tbody tr.is-sos .card-cell{box-shadow:inset 2px 0 0 var(--danger-fill);color:var(--danger)}.table-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px 28px;border-top:1px solid var(--border);margin:0 -20px -20px;color:var(--fg-2);text-align:center}.toast-region{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:50;transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:16px;padding:8px 8px 8px 16px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel);box-shadow:0 2px 4px #0003,0 16px 40px -8px #00000073;font-size:14px;white-space:nowrap;pointer-events:auto;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width: 860px){.overview{grid-template-columns:minmax(0,1fr)}.latest{min-height:0}}@media (max-width: 640px){.page{gap:12px;padding:16px max(16px,env(safe-area-inset-right)) calc(64px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.topbar-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.brand-meta{display:none}.stats{gap:12px}.section{padding:16px}.table-wrap,.table-empty{margin:0 -16px -16px}.connection-actions,.section-actions{width:100%}.connection-actions .btn,.section-actions>.btn{height:44px}.connection-actions .btn{flex:1}.search{flex:1;height:44px}.search input{width:100%}select,.search input{font-size:16px}select{height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}