:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000c;--bg-elevated:#0f0f0f;--bg-card-hover:#202020;--border:#2a2a2a;--border-strong:#3a3a3a;--border-width:1px;--topbar-height:52px;--sidebar-width:240px;--sidebar-chip-bg:color-mix(in srgb, var(--text) 5%, transparent);--rail-width:70px;--rail-item-pad:calc(var(--rail-width) / 2 - 18px);--control-border:#f5f5f51f;--control-border-strong:#f5f5f566;--control-border-accent:color-mix(in srgb, var(--accent) 50%, transparent);--gauge-track:#fff3;--devices-row-alt:#ffffff09;--devices-row-hover:#ffffff12;--surface:#0006;--surface-hover:#0009;--backdrop-base:#202020;--backdrop-tint-a:color-mix(in srgb, var(--accent-glow) 26%, transparent);--backdrop-tint-b:color-mix(in srgb, var(--accent) 22%, transparent);--backdrop-tint-c:color-mix(in srgb, var(--accent-deep) 30%, transparent);--text:#f5f5f5;--text-dim:#f5f5f580;--separator:#f5f5f51f;--accent:#2563eb;--accent-glow:#3b82f6;--accent-deep:#1e3a8a;--accent-soft:#2563eb1f;--accent-glow-shadow:#2563eb73;--accent-text:#fff;--slider-fill-dim:#3a5889;--good:#10b981;--warn:#f59e0b;--bad:#ef4444;--status-away:#d8a14a;--chart-line-alt:#ec4899;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-pill:999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--gauge-line-thickness:3.2px;--alpha-faint:.1;--alpha-medium:.4;--alpha-strong:.65;--shadow-sm:0 1px 3px rgb(0 0 0/var(--alpha-medium));--shadow-md:0 8px 24px rgb(0 0 0/var(--alpha-medium));--shadow-xl:0 20px 60px rgb(0 0 0/var(--alpha-medium));--blur-backdrop:16px;--blur-chip:8px;--blur-defocus:.5px;--ease-fast:50ms;--ease:.18s;--ease-slow:.3s;--z-floating:20;--z-dropdown:100;--z-modal:1000;--z-tooltip:1050;--z-popover:1100;--z-particles:1200;--size-sm:28px;--size-md:36px;--size-lg:44px;--font-sans:"Twemoji Country Flags", "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--panel-font:var(--font-sans);--type-hero:clamp(2.75rem, 8vw, 4rem);--type-display:2rem;--type-heading:1.375rem;--type-body:1rem;--type-small:.84rem;--type-mini:.75rem;--type-tiny:.6875rem;--type-gauge-caption:var(--type-tiny);--weight-heading:700;--weight-body:500;--weight-strong:600;--weight-display:800;--weight-small:400;--leading-tight:1.25;--page-content-max:720px;--page-max:1400px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-elevated:#ededed;--bg-card-hover:#f5f5f5;--border:#cacaca;--border-strong:#c6c6c6;--surface:#fff9;--surface-hover:#fffc;--gauge-track:#0003;--devices-row-alt:#00000009;--devices-row-hover:#00000012;--control-border:#1a1a2e1f;--control-border-strong:#1a1a2e66;--backdrop-base:#dfdfdf;--backdrop-tint-a:color-mix(in srgb, var(--accent-glow) 28%, transparent);--backdrop-tint-b:color-mix(in srgb, var(--accent) 24%, transparent);--backdrop-tint-c:color-mix(in srgb, var(--accent-glow) 22%, transparent);--text:#1a1a2e;--text-dim:#1a1a2e80;--separator:#1a1a2e1f;--accent:#2563eb;--accent-glow:#3b82f6;--accent-deep:#1e3a8a;--accent-soft:#2563eb1a;--accent-glow-shadow:#2563eb59;--accent-text:#fff;--slider-fill-dim:#8ca9da;--good:#059669;--warn:#d97706;--bad:#dc2626;--status-away:#b8812f;--chart-line-alt:#db2777}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/lexend/lexend-latin.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/lexend/lexend-latin-ext.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/lexend/lexend-vietnamese.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Twemoji Country Flags;src:url(/fonts/TwemojiCountryFlags.woff2)format("woff2");font-display:swap;unicode-range:U+1F1E6-1F1FF}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;font-weight:var(--weight-body);margin:0;padding:0;line-height:1.5}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true],[contenteditable=""],.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#root{min-height:100vh}h1,h2,h3,h4{font-weight:var(--weight-heading)}a{color:var(--accent-glow);text-decoration:none}a:hover{color:var(--accent)}button{font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit}.panel-see-through,.panel-see-through body{background:0 0}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 25%, transparent) transparent}::-webkit-scrollbar{width:8px;height:8px;display:block}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text) 25%, transparent);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--text) 45%, transparent)}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:0 0}:where(.panel-root,.panel-root *){scrollbar-width:none;-ms-overflow-style:none}:where(.panel-root,.panel-root *)::-webkit-scrollbar{display:none}input[type=range]{-webkit-appearance:none;appearance:none;height:40px;accent-color:var(--accent);cursor:pointer;touch-action:none;background:0 0}input[type=range]::-webkit-slider-runnable-track{background:var(--border-strong);border-radius:var(--radius-sm);border:none;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);width:14px;height:14px;box-shadow:none;transition:transform var(--ease-fast) ease;border:none;border-radius:50%;margin-top:-5px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-track{background:var(--border-strong);border-radius:var(--radius-sm);border:none;height:4px}input[type=range]::-moz-range-thumb{background:var(--accent);width:14px;height:14px;box-shadow:none;border:none;border-radius:50%}input[type=range]:focus{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-soft)}input[type=range][data-fill]{accent-color:auto}input[type=range][data-fill]::-webkit-slider-runnable-track{border-radius:var(--radius-sm);background:linear-gradient(to right, var(--border-strong) 0, var(--border-strong) var(--slider-fill-start,0%), var(--accent-glow,var(--accent)) var(--slider-fill-start,0%), var(--accent-glow,var(--accent)) var(--slider-fill-cap,var(--slider-fill-end,0%)), var(--slider-fill-dim,var(--accent-glow,var(--accent))) var(--slider-fill-cap,var(--slider-fill-end,0%)), var(--slider-fill-dim,var(--accent-glow,var(--accent))) var(--slider-fill-end,0%), var(--border-strong) var(--slider-fill-end,0%), var(--border-strong) 100%);height:6px}input[type=range][data-fill]::-moz-range-track{border-radius:var(--radius-sm);background:linear-gradient(to right, var(--border-strong) 0, var(--border-strong) var(--slider-fill-start,0%), var(--accent-glow,var(--accent)) var(--slider-fill-start,0%), var(--accent-glow,var(--accent)) var(--slider-fill-cap,var(--slider-fill-end,0%)), var(--slider-fill-dim,var(--accent-glow,var(--accent))) var(--slider-fill-cap,var(--slider-fill-end,0%)), var(--slider-fill-dim,var(--accent-glow,var(--accent))) var(--slider-fill-end,0%), var(--border-strong) var(--slider-fill-end,0%), var(--border-strong) 100%);height:6px}input[type=range][data-fill]::-webkit-slider-thumb{background:var(--text);box-shadow:var(--shadow-sm);margin-top:-4px}input[type=range][data-fill]::-moz-range-thumb{background:var(--text);box-shadow:var(--shadow-sm)}input[type=range][data-range-knob]{pointer-events:none;background:0 0}input[type=range][data-range-knob]::-webkit-slider-runnable-track{background:0 0;height:6px}input[type=range][data-range-knob]::-moz-range-track{background:0 0;height:6px}input[type=range][data-range-knob]::-webkit-slider-thumb{pointer-events:auto;background:var(--text);box-shadow:var(--shadow-sm);margin-top:-4px}input[type=range][data-range-knob]::-moz-range-thumb{pointer-events:auto;background:var(--text);box-shadow:var(--shadow-sm)}.chip-status,.chip-action{font-family:inherit;font-size:.8rem;font-weight:var(--weight-body);border-radius:var(--radius-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .75rem;line-height:1;display:inline-flex}.chip-action{background:var(--bg);border-color:var(--control-border);color:var(--text-dim);cursor:pointer;transition:background var(--ease-fast) ease, border-color var(--ease-fast) ease, color var(--ease-fast) ease;font-family:inherit}.chip-action:hover:not(:disabled):not(.chip-active){border-color:var(--control-border-strong);color:var(--text)}.chip-action:disabled{cursor:not-allowed;opacity:.5}.chip-action.chip-active{background:var(--accent);border-color:var(--control-border-accent);color:var(--accent-text)}.chip-status{cursor:default}.chip-status.chip-status-muted{color:var(--text-dim);border-color:var(--border);background:0 0}.chip-status.chip-status-accent{background:var(--accent-soft);color:var(--accent-glow);border-color:var(--accent-glow-shadow)}.chip-group{gap:.25rem;display:inline-flex}.chip-group-wrap{flex-wrap:wrap;max-width:100%;display:flex}.chip-group-full{width:100%;display:flex}.chip-group-full>.chip-action{flex:1 1 0}.pageConstrained{width:100%;max-width:var(--page-content-max);margin-inline-start:auto;margin-inline-end:auto}.pageFluid{width:100%;max-width:none}.pageBody{width:100%;max-width:var(--page-max);margin-inline-start:auto;margin-inline-end:auto}.pageBodyFill{width:100%;max-width:var(--page-max);flex-direction:column;flex:auto;min-height:0;margin-inline-start:auto;margin-inline-end:auto;display:flex}