@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0gsaq8ukbf34m.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}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060b07;--surface:#0c120e;--surface-raised:#111813;--line:#ffffff17;--line-strong:#ffffff26;--text:#ebece3;--muted:#929b92;--quiet:#697169;--accent:#7fc088;--warning:#e0ae57;--danger:#dc655f;--font-sans:"Inter Variable", Inter, "SF Pro Text", "Segoe UI", Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}@supports (color:lab(0% 0 0)){:root{--bg:lab(2.55272% -1.65826 .83791);--surface:lab(4.95708% -2.60226 1.31837);--surface-raised:lab(7.40306% -3.96391 2.00777);--line:lab(100% 0 0/.09);--line-strong:lab(100% 0 0/.15);--text:lab(93.1591% -1.73068 4.14413);--muted:lab(63.1171% -5.02995 3.90487);--quiet:lab(46.8505% -4.471 3.47365);--accent:lab(72.3428% -30.607 21.6355);--warning:lab(74.5614% 11.5698 51.2807);--danger:lab(57.9281% 47.0389 27.0407)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans), sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:active{opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-loading{opacity:0}.app-ready{opacity:1;transition:opacity .5s ease-out}.live-state{color:var(--muted);opacity:1;align-items:center;gap:9px;font-size:13px;transition:opacity .18s ease-out;display:flex}.live-state.ok{opacity:0;pointer-events:none}.status-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #7fc0881f;box-shadow:0 0 0 3px lab(72.3428% -30.607 21.6355/.12)}.status-dot.error,.status-dot.offline{background:var(--danger);box-shadow:0 0 0 3px #dc655f21;box-shadow:0 0 0 3px lab(57.9281% 47.0389 27.0407/.13)}.status-dot.unstable{background:var(--warning);box-shadow:0 0 0 3px #e0ae5721;box-shadow:0 0 0 3px lab(74.5614% 11.5698 51.2807/.13)}.status-dot.paused,.status-dot.waiting{background:var(--quiet);box-shadow:none}.shell{width:calc(100% - 48px);margin:0 auto;padding:0 0 48px}.summary{isolation:isolate;justify-content:space-between;align-items:center;gap:48px;min-height:96px;padding-top:16px;display:flex;position:relative}.page-heading,.total{z-index:2;position:relative}.header-distribution{z-index:0;width:100vw;height:100%;animation:1s ease-out both distribution-reveal;position:absolute;top:0;left:50%;transform:translate(-50%)}.header-distribution-line,.header-distribution-ambient{inset-inline:0;position:absolute;top:0;overflow:hidden}.header-distribution-line{z-index:2;height:6px;transition:height .12s ease-out}.header-distribution:hover .header-distribution-line{height:10px}.header-distribution-ambient{filter:blur(12px);background-repeat:no-repeat;background-size:100% 100%;height:84px;transform:translateY(-12px);-webkit-mask-image:linear-gradient(#00000047 0,#00000017 50%,#0000 100%);mask-image:linear-gradient(#00000047 0,#00000017 50%,#0000 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.header-distribution i{border-radius:0;height:100%;transition:left .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:0}@keyframes distribution-reveal{0%{filter:brightness(200%)grayscale();opacity:0}20%{filter:brightness(200%)grayscale();opacity:0}50%{filter:brightness()grayscale();opacity:1}to{filter:none}}.page-heading{flex-direction:column;align-items:flex-start;gap:5px;display:flex}h1{letter-spacing:-.045em;align-items:center;gap:10px;margin:0;font-size:clamp(29px,2.7vw,37px);font-weight:800;line-height:1;display:flex}.brand-link{color:inherit;transform-origin:50%;transition:scale .16s cubic-bezier(.22,1,.36,1),opacity .14s ease-out;display:flex}.brand-link:hover{opacity:.72}.brand-link:active{scale:.8}.brand-symbol{fill:currentColor;flex:none;width:36px;height:27px}.page-meta{align-items:center;gap:12px;min-height:18px;display:flex}.header-server-count{color:var(--quiet);font-size:12px;line-height:1.2}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font:600 11px/1 var(--font-mono), monospace;margin:0 0 17px}.total{min-width:220px;color:var(--muted);text-align:right;flex-direction:column;align-items:flex-end;font-size:13px;display:flex;overflow:clip}.total-number{color:var(--text);letter-spacing:-.055em;font-size:38px;font-weight:680;line-height:1}.numeric,.total-number,.card-value strong,.segmented button,.series-controls button,number-flow-react{font-family:"Inter Variable", Inter, var(--font-sans);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1}number-flow-react{display:inline-block}.overview{margin-bottom:24px;padding-top:10px}.overview-controls-row{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:14px;display:flex}.overview-toolbar{flex:none;justify-content:flex-end;margin-inline-start:auto;display:flex}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}h2{letter-spacing:-.035em;margin:0;font-size:25px;font-weight:570;line-height:1.15}.overview-chart{height:390px;margin:0 -6px}.overview-chart-inner,.overview-liveline{height:100%;position:relative;overflow:hidden}.overview-tooltip{z-index:3;transform-origin:top;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0b110d33;background:lab(4.54731% -2.45444 1.24309/.2);border-radius:11px;padding:10px 11px;transition:opacity .12s cubic-bezier(.23,1,.32,1),scale .12s cubic-bezier(.23,1,.32,1);position:absolute;top:10px;scale:.96;box-shadow:0 12px 36px #00000047;box-shadow:0 12px 36px lab(0% 0 0/.28)}.overview-tooltip.visible{opacity:1;scale:1}.overview-tooltip time{color:var(--quiet);text-transform:capitalize;margin-bottom:8px;font-size:10px;display:block}.overview-tooltip>div{gap:5px;display:grid}.overview-tooltip-row{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;display:grid}.overview-tooltip-row i{border-radius:50%;width:8px;height:8px}.overview-tooltip-row b{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:510;overflow:hidden}.overview-tooltip-row strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:11px;font-weight:610}.overview-tooltip-empty{color:var(--muted);font-size:11px}.series-legend{white-space:nowrap;flex:0 auto;align-items:center;gap:6px;width:max-content;max-width:100%;display:flex;overflow-x:auto}.series-legend button{border:1px solid var(--line);min-height:28px;color:var(--muted);cursor:pointer;opacity:.38;background:#ffffff06;background:lab(100% 0 0/.025);border-radius:999px;flex:none;align-items:center;gap:7px;padding:5px 10px;font-size:11px;transition:opacity .14s,color .14s,background-color .14s,border-color .14s;display:inline-flex}.series-legend button:hover{opacity:.72;color:var(--text);background:#ffffff0e;background:lab(100% 0 0/.055)}.series-legend button.active{opacity:1;color:var(--text);border-color:var(--line-strong);background:#fff1;background:lab(100% 0 0/.065)}.series-legend button span{background:var(--series-color);width:10px;height:10px;box-shadow:0 0 8px color-mix(in oklch, var(--series-color) 42%, transparent);border-radius:50%;flex:none;margin-left:-1px}.scroll-fade{scrollbar-width:none;overscroll-behavior-inline:contain}.scroll-fade::-webkit-scrollbar{display:none}.scroll-fade.is-overflowing{--mask-start:transparent;--mask-end:transparent;-webkit-mask-image:linear-gradient(to right, var(--mask-start) 0, #000 24px, #000 calc(100% - 24px), var(--mask-end) 100%);-webkit-mask-image:linear-gradient(to right, var(--mask-start) 0, #000 24px, #000 calc(100% - 24px), var(--mask-end) 100%);mask-image:linear-gradient(to right, var(--mask-start) 0, #000 24px, #000 calc(100% - 24px), var(--mask-end) 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.scroll-fade.at-start{--mask-start:#000}.scroll-fade.at-end{--mask-end:#000}.segmented{border:1px solid var(--line);background:#ffffff0a;background:lab(100% 0 0/.04);border-radius:10px;padding:3px;display:inline-flex}.segmented button{min-width:48px;min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:12px;font-weight:570;transition:background-color .16s,color .16s,opacity .1s}.segmented button:hover{color:var(--text)}.segmented button.active{color:var(--text);background:#ffffff1f;background:lab(100% 0 0/.12);box-shadow:inset 0 0 0 1px #ffffff12,0 1px 4px #00000047;box-shadow:inset 0 0 0 1px lab(100% 0 0/.07),0 1px 4px lab(0% 0 0/.28)}.chart-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.series-controls{white-space:nowrap;align-items:center;gap:4px;display:inline-flex;overflow-x:auto}.series-controls button{min-height:38px;color:var(--quiet);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:560;transition:color .14s,background-color .14s,border-color .14s,opacity .1s;display:inline-flex}.series-controls button:hover{color:var(--text);background:#ffffff0a;background:lab(100% 0 0/.04)}.series-controls button.active{color:var(--text);border-color:var(--line-strong);background:#ffffff1c;background:lab(100% 0 0/.11);box-shadow:inset 0 0 0 1px #ffffff0a;box-shadow:inset 0 0 0 1px lab(100% 0 0/.04)}.cards-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.cards-heading{justify-content:flex-end;margin-bottom:20px}.sort-controls{white-space:nowrap;border:1px solid var(--line);background:#ffffff06;background:lab(100% 0 0/.025);border-radius:10px;align-items:center;gap:3px;padding:3px;display:inline-flex;overflow-x:auto}.sort-controls button{min-height:32px;color:var(--quiet);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 11px;font-size:12px;font-weight:560;transition:color .14s,background-color .14s,opacity .1s}.sort-controls button:hover{color:var(--text)}.sort-controls button.active{color:var(--text);background:#ffffff1f;background:lab(100% 0 0/.12);box-shadow:inset 0 0 0 1px #ffffff0f,0 1px 4px #0000003d;box-shadow:inset 0 0 0 1px lab(100% 0 0/.06),0 1px 4px lab(0% 0 0/.24)}.server-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));column-gap:32px;display:grid}.server-card{background:0 0;border:0;flex-direction:column;min-width:0;height:225px;padding:10px 0 20px;display:flex;overflow:visible}.server-card.disabled{opacity:.58}.card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.server-name{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.server-name>div{min-width:0}.server-icon-wrap{flex:none;width:68px;height:68px;position:relative}.server-icon{object-fit:cover;border-radius:10px;outline:0;place-items:center;width:68px;height:68px;display:grid}.server-icon.fallback{background:color-mix(in oklch, var(--server-color) 18%, var(--surface));color:var(--server-color);letter-spacing:-.02em;outline-offset:-1px;border-radius:17px;outline:1px solid #ffffff1a;outline:1px solid lab(100% 0 0/.1);font-size:19px;font-weight:650}.status-dot-stack{outline:3px solid var(--bg);border-radius:50%;width:7px;height:7px;position:absolute;inset-block-end:-2px;inset-inline-end:-2px}.status-dot-stack.online{opacity:0}.status-dot-stack .status-dot{outline:0;position:absolute;inset:0}.status-dot-stack .status-dot.entering{animation:.22s ease-out both status-dot-in}.status-dot-stack .status-dot.leaving{animation:.22s ease-out both status-dot-out}.status-dot-stack .status-dot.online{opacity:0;animation:none}h3{letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:590;overflow:hidden}.server-name p{color:var(--quiet);font:13px/1.2 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;overflow:hidden}.server-name p>span{display:block}.server-name p .numeric{color:var(--text)}.card-top-actions{flex:none;align-items:flex-start;gap:3px;display:flex}.icon-button{width:40px;height:40px;color:var(--quiet);cursor:pointer;will-change:transform;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;margin:-2px 0 0;transition:color .15s,background-color .15s,transform .12s cubic-bezier(.22,1,.36,1);display:grid;transform:none}.icon-button:hover{color:var(--text);background:#ffffff0f;background:lab(100% 0 0/.06)}.icon-button:active{opacity:1;transform:scale(.8)}.icon-button.favorite{color:var(--warning)}.icon-button svg{transition:fill .18s ease-out,color .15s ease-out}.card-value{text-align:right;flex:none;width:max-content;max-width:112px;height:40px;line-height:1;display:grid;position:relative}.status-copy{transform-origin:100%;flex-direction:column;grid-area:1/1;align-items:flex-end;display:flex}.status-copy.entering{animation:.28s cubic-bezier(.22,1,.36,1) both status-copy-in}.status-copy.leaving{pointer-events:none;animation:.22s ease-out both status-copy-out;position:absolute;inset:0}.card-value strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:540;line-height:1}.card-value span{color:var(--muted);font-size:12px}.card-value.online strong{position:relative;top:-4px}.card-value.textual span{margin-top:5px}.card-value.textual strong{letter-spacing:-.02em;font-size:16px}.card-value.textual span{text-overflow:ellipsis;white-space:nowrap;max-width:112px;font-size:10px;overflow:hidden}.spark-chart{z-index:1;flex:none;height:104px;margin:auto 0 9px;padding-top:8px;position:relative}.spark-hint{z-index:2;color:var(--quiet);letter-spacing:-.01em;opacity:0;pointer-events:none;font-size:10px;line-height:12px;transition:opacity .12s,transform .16s cubic-bezier(.22,1,.36,1),color .12s;position:absolute;top:-29px;right:2px;transform:translateY(2px)}.spark-chart.hovered .spark-hint{opacity:1;transform:translateY(0)}.spark-chart.paused .spark-hint{color:var(--text)}.empty{border-top:1px solid var(--line);min-height:240px;color:var(--muted);place-content:center;justify-items:center;gap:9px;display:grid}@keyframes status-copy-in{0%{opacity:0;filter:blur(6px);transform:scale(.965)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes status-copy-out{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(5px);transform:scale(1.025)}}@keyframes status-dot-in{0%{opacity:0}to{opacity:1}}@keyframes status-dot-out{0%{opacity:1}to{opacity:0}}.empty strong{color:var(--text)}.empty button{border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--text);cursor:pointer;border-radius:9px;margin-top:12px;padding:9px 15px}.site-footer{color:var(--quiet);text-align:center;padding-top:24px;font-size:12px}.site-footer a{color:#fff;text-decoration:none;transition:color .14s ease-out,opacity .1s ease-out}.site-footer a:hover{color:var(--text)}.site-footer a:active{opacity:.5}@media (max-width:620px){.shell{width:calc(100% - 28px)}.summary{gap:12px;min-height:100px}h1{font-size:28px}.brand-symbol{width:31px;height:23px}.live-state{gap:0;font-size:0}.total{min-width:0}.total small{max-width:150px}.overview{margin-bottom:68px}.overview-chart{height:300px;margin-inline:0}.section-heading{flex-wrap:wrap;align-items:flex-start}.chart-toolbar,.cards-toolbar{justify-content:space-between;width:100%}.sort-controls,.series-controls{scrollbar-width:none;max-width:100%;overflow-x:auto}.series-controls button{justify-content:center;width:38px;padding-inline:0}.series-control-label{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
