:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--fs-xs:11px;--fs-sm:12.5px;--fs-md:14px;--fs-lg:16px;--fs-xl:21px;--fs-2xl:28px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--row-h:44px;--topbar-h:56px;--statusbar-h:28px;--rail-w:64px;--rail-w-open:200px;--tabbar-h:62px;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 8px 24px #1018281a;--shadow-lg:0 24px 64px #1018282e;--transition:.14s ease;--brand-warm:#f58021;--brand-cool:#1c63b7}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f6f7f9;--color-surface:#fff;--color-surface-2:#fafbfc;--color-surface-hover:#f3f5f8;--color-border:#ebedf0;--color-border-strong:#d8dce2;--color-text:#1f2328;--color-text-muted:#6b7280;--color-text-subtle:#9aa1ab;--color-accent:#1a6fd8;--color-accent-contrast:#fff;--color-accent-soft:#eaf2fd;--color-nav-bg:#fff;--color-nav-border:#ebedf0;--color-nav-text:#7a818c;--color-nav-hover:#f3f5f8;--color-nav-active:#1a6fd8;--color-nav-active-bg:#eaf2fd;--color-online:#2f9e44;--color-online-soft:#e9f7ec;--color-offline:#6b7280;--color-offline-soft:#f1f3f5;--color-unknown:#a86b00;--color-unknown-soft:#fdf4e3;--color-warning:#c2610c;--color-warning-soft:#fdf0e4;--color-critical:#d63a3a;--color-critical-soft:#fdecec;--color-info:#1a6fd8;--color-info-soft:#eaf2fd;--map-bg:#eef1f5;--color-discovered:#c026d3;--color-proposal:#db2777;--login-bg:#f4f6fa;--bg-street:#1c63b71a;--bg-avenue:#1c63b729;--bg-packet:#1c63b7;--glass-bg:#ffffffb8;--glass-border:#fffc;--veil:radial-gradient(1200px 700px at 78% 50%, #f4f6fa00 0%, #f4f6fa8c 70%)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0d1117;--color-surface:#151b23;--color-surface-2:#11161d;--color-surface-hover:#1c2430;--color-border:#232b36;--color-border-strong:#2f3a48;--color-text:#e6e9ee;--color-text-muted:#9aa4b2;--color-text-subtle:#6b7684;--color-accent:#4c9bff;--color-accent-contrast:#0b1220;--color-accent-soft:#13253d;--color-nav-bg:#11161d;--color-nav-border:#1d252f;--color-nav-text:#8591a0;--color-nav-hover:#1a222c;--color-nav-active:#4c9bff;--color-nav-active-bg:#13253d;--color-online:#51cf66;--color-online-soft:#11281a;--color-offline:#9aa4b2;--color-offline-soft:#1a222c;--color-unknown:#f2c14e;--color-unknown-soft:#2e260f;--color-warning:#ff9f43;--color-warning-soft:#33220f;--color-critical:#ff6b6b;--color-critical-soft:#3a1616;--color-info:#4c9bff;--color-info-soft:#13253d;--map-bg:#0f151d;--color-discovered:#e879f9;--color-proposal:#f472b6;--login-bg:#070b12;--bg-street:#4c9bff17;--bg-avenue:#4c9bff26;--bg-packet:#9fd0ff;--glass-bg:#11161dad;--glass-border:#ffffff14;--veil:radial-gradient(1200px 700px at 78% 50%, #070b1200 0%, #070b1280 70%)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.45}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1{margin:0 0 6px;font-size:22px}h2{color:var(--color-text-muted);margin:0 0 10px;font-size:15px}p{margin:0 0 12px}.muted{color:var(--color-text-muted)}.mono{font-family:var(--font-mono);font-size:13px}.m-center{text-align:center;justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.m-notice{flex-direction:column;align-items:center;gap:10px;max-width:360px;display:flex}.m-pair{min-height:100%;padding:calc(40px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 0%, var(--color-accent-soft), transparent 70%), var(--login-bg);flex-direction:column;align-items:center;gap:20px;display:flex}.m-pair-head{color:var(--color-accent);justify-content:center;display:flex}.m-logo{width:min(220px,60vw);height:auto}.m-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-md);flex-direction:column;gap:14px;padding:20px;display:flex}.m-field{color:var(--color-text-muted);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.m-input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);height:48px;color:var(--color-text);width:100%;padding:0 14px;font-size:17px;font-weight:400}.m-pin{font-family:var(--font-mono);letter-spacing:.35em;text-align:center;font-size:24px}.m-hint{color:var(--color-text-subtle);font-size:12px;font-weight:400}.m-error,.m-warn{border-radius:var(--radius-md);padding:10px 12px;font-size:14px}.m-error{background:var(--color-critical-soft);color:var(--color-critical)}.m-warn{background:var(--color-warning-soft);color:var(--color-text)}.m-btn{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;min-height:48px;padding:0 18px;font-weight:600}.m-btn:disabled{opacity:.55}.m-btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.m-btn-danger{background:var(--color-critical);border-color:var(--color-critical);color:#fff}.m-btn-danger-ghost{color:var(--color-critical);background:0 0}.m-row{flex-wrap:wrap;gap:10px;display:flex}.m-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.m-top{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:10px;display:flex}.m-top-mark{width:auto;height:26px}.m-top-name{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.m-main{overflow:auto}.m-page{flex-direction:column;align-items:stretch;gap:14px;padding:20px 16px 28px;display:flex}.m-page .m-card{max-width:none;box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);gap:8px}.m-title{margin:4px 0 2px}.m-list{margin:0;padding:0;list-style:none}.m-list li{border-top:1px solid var(--color-border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.m-list li:first-child{border-top:0}.m-list li>div{flex-direction:column;min-width:0;display:flex}.m-sub{font-size:13px}.m-soon{flex-direction:column;gap:8px}.m-seg{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);display:flex;overflow:hidden}.m-seg button{background:0 0;border:0;flex:1;min-height:44px;font-weight:500}.m-seg button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-contrast)}.m-tabs{background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid}.m-tab{min-height:60px;color:var(--color-text-muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.m-tab[aria-current=page]{color:var(--color-accent)}.m-devices{flex-direction:column;height:100%;display:flex;position:relative}.m-devices-bar{justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 0;display:flex}.m-seg-sm button{justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:14px;display:inline-flex}.m-conn{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.m-conn:before{content:"";background:var(--color-unknown);border-radius:50%;width:8px;height:8px}.m-conn-live:before{background:var(--color-online)}.m-search{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:8px;min-height:44px;margin-bottom:12px;padding:0 12px;display:flex}.m-search input{background:0 0;border:0;outline:none;flex:1;min-width:0}.m-dev-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none;overflow:hidden}.m-dev-list li+li{border-top:1px solid var(--color-border)}.m-dev-list button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 14px;display:flex}.m-dev-main{flex-direction:column;min-width:0;display:flex}.m-dev-icon{border-radius:var(--radius-md);background:var(--color-unknown-soft);width:40px;height:40px;color:var(--color-unknown);flex:none;place-items:center;display:grid}.m-presence-online.m-dev-icon,.m-badge.m-presence-online{background:var(--color-online-soft);color:var(--color-online)}.m-presence-offline.m-dev-icon,.m-badge.m-presence-offline{background:var(--color-offline-soft);color:var(--color-offline)}.m-badge{background:var(--color-unknown-soft);color:var(--color-unknown);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.m-map{background:var(--map-bg);flex:1;min-height:300px;margin-top:10px}.m-sheet{z-index:20;background:var(--color-bg);flex-direction:column;animation:.18s ease-out m-sheet-in;display:flex;position:fixed;inset:0}@keyframes m-sheet-in{0%{opacity:0;transform:translateY(24px)}}.m-sheet-head{padding:calc(8px + env(safe-area-inset-top)) 12px 8px 4px;background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:8px;display:flex}.m-sheet-title{flex-direction:column;flex:1;min-width:0;display:flex}.m-sheet-body{padding:14px 14px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;display:flex;overflow:auto}.m-icon-btn{width:44px;height:44px;color:var(--color-text);border-radius:var(--radius-md);background:0 0;border:0;place-items:center;display:grid}.m-row-between{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.m-dial{align-self:center;width:170px;height:170px;position:relative}.m-dial-ring{width:100%;height:100%}.m-dial-ring circle{fill:none;stroke-width:9px;stroke-linecap:round}.m-dial-ring .track{stroke:var(--color-border)}.m-dial-ring .level{stroke:var(--color-text-subtle);transition:stroke-dasharray .4s}.m-dial.is-on .m-dial-ring .level{stroke:var(--brand-warm)}.m-dial.is-stale{opacity:.6}.m-dial-center{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.m-dial.is-on .m-dial-center svg{color:var(--brand-warm)}.m-dial-value{color:var(--color-text);font-size:24px;font-weight:650}.m-dial-state{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.m-controls{flex-direction:column;gap:14px;display:flex}.m-power{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.m-power button{border-radius:var(--radius-sm);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:600;display:inline-flex}.m-power button[aria-pressed=true]{background:var(--color-surface);color:var(--color-accent);box-shadow:var(--shadow-sm), 0 0 0 1px var(--color-border)}.m-power button:disabled,.m-dimmer input:disabled{opacity:.5}.m-dimmer{flex-direction:column;gap:10px;display:flex}.m-dimmer input[type=range]{appearance:none;background:linear-gradient(to right, var(--color-accent) var(--fill,0%), var(--color-border) var(--fill,0%));border-radius:4px;width:100%;height:8px}.m-dimmer input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-surface);border:2px solid var(--color-accent);width:28px;height:28px;box-shadow:var(--shadow-sm);border-radius:50%}.m-dimmer input[type=range]::-moz-range-thumb{background:var(--color-surface);border:2px solid var(--color-accent);border-radius:50%;width:24px;height:24px}.m-cmd{color:var(--color-text-muted);align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.m-cmd.ok{color:var(--color-online)}.m-cmd.failed{color:var(--color-critical)}.m-spin{animation:.9s linear infinite m-spin}@keyframes m-spin{to{transform:rotate(360deg)}}.m-metrics{margin:0}.m-metrics>div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.m-metrics>div:last-child{border-bottom:0}.m-metrics dt{color:var(--color-text-muted)}.m-metrics dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){.m-sheet,.m-spin{animation:none}}.m-row-start{align-items:center;gap:6px;min-width:0;display:flex}.m-protocol{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);color:var(--color-text-muted);letter-spacing:.03em;flex:none;padding:1px 6px;font-size:11px;font-weight:600}