:root{--g1:#7c5cff;--g2:#3ec9ff;--bg:#06080f;--glass:#ffffff0d;--glass2:#ffffff16;--stroke:#ffffff1a;--stroke2:#ffffff29;--ink:#f4f6ff;--dim:#9aa6c0;--faint:#8894ad;--on-g:#0a0d18;--warn:#ffb454;--danger:#ff6b81;--ok:#4ade9c;--glow:0 12px 44px -10px #7c5cff8c;--r:22px;--r-m:17px;--r-s:14px;--r-xs:11px;--r-full:999px;--touch-min:44px;--pad:18px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--fs-3xs:9.5px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:20px;--fs-xl:24px;--fw-med:650;--fw-bold:750;--fw-heavy:850;--tr-xl:-.022em;--tr-lg:-.014em;--tr-num:-.018em;--tr-lat:.012em;--lh-title:1.14;--lh-body:1.5;--maxw:412px;--mat-card-blur:12px;--mat-chrome-blur:26px;--mat-card-bg:#ffffff0d;--mat-card-edge:#ffffff24;--sh-inset:inset 0 1px 0 #ffffff0e;--sh-card:0 8px 22px -16px #00000080;--press:.1s ease-out;--font:"Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:100dvh}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}:focus-visible{outline:2px solid var(--g2);outline-offset:2px}.num{font-variant-numeric:tabular-nums;letter-spacing:var(--tr-num)}.lat{letter-spacing:var(--tr-lat)}.shell{max-width:var(--maxw);padding:0 var(--pad) var(--sp-6);margin:0 auto}.chrome{z-index:9;margin:0 calc(var(--pad) * -1);padding:max(var(--sp-5), env(safe-area-inset-top)) var(--pad) var(--sp-3);-webkit-backdrop-filter:blur(var(--mat-chrome-blur)) saturate(100%);border-bottom:1px solid var(--stroke);background:#06080fd1;position:sticky;top:0}.brand{align-items:center;gap:var(--sp-3);display:flex}.brand img{border-radius:9px;flex:none;width:34px;height:34px}.brand h1{font-size:var(--fs-xl);font-weight:var(--fw-heavy);letter-spacing:var(--tr-xl);line-height:var(--lh-title);background:linear-gradient(100deg, var(--g1), var(--g2));color:#0000;-webkit-background-clip:text;background-clip:text}.brand .count{font-size:var(--fs-3xs);color:var(--faint);font-weight:var(--fw-med);text-align:left;margin-inline-start:auto;line-height:1.45}.envbar{gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.envbar button{min-height:var(--touch-min);border:1px solid var(--stroke);border-radius:var(--r-s);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--dim);transition:background var(--press), border-color var(--press), color var(--press);background:#ffffff08;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;display:flex}.envbar button small{font-size:var(--fs-3xs);font-weight:var(--fw-med);color:var(--faint)}.envbar button[aria-pressed=true][data-env=production]{background:linear-gradient(100deg, var(--g1), var(--g2));color:var(--on-g);box-shadow:var(--glow);border-color:#0000}.envbar button[aria-pressed=true][data-env=staging]{background:var(--warn);color:var(--on-g);border-color:#0000;box-shadow:0 12px 44px -10px #ffb45480}.envbar button[aria-pressed=true] small{color:#0a0d18b8}.filters{gap:var(--sp-2);margin-top:var(--sp-3);scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);padding-bottom:2px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters button{min-height:32px;padding:0 var(--sp-3);border-radius:var(--r-full);border:1px solid var(--stroke);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--dim);white-space:nowrap;transition:background var(--press), color var(--press), border-color var(--press);background:#ffffff08;flex:none;align-items:center;gap:5px;display:flex}.filters button b{font-weight:var(--fw-med);color:var(--faint);font-size:var(--fs-3xs)}.filters button[aria-pressed=true]{color:var(--ink);border-color:var(--stroke2);background:#ffffff29}.filters button[aria-pressed=true] b{color:var(--dim)}.grid{gap:var(--sp-3);margin-top:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.tile{gap:var(--sp-2);padding:var(--sp-4) var(--sp-3) var(--sp-3);background-color:var(--mat-card-bg);border:1px solid var(--stroke);border-top-color:var(--mat-card-edge);border-radius:var(--r-m);-webkit-backdrop-filter:blur(var(--mat-card-blur)) saturate(100%);box-shadow:var(--sh-card), var(--sh-inset);transition:background-color var(--press), border-color var(--press);flex-direction:column;display:flex;position:relative}.tile.is-press{border-color:var(--stroke2);background-color:#ffffff1c}.mono{width:var(--touch-min);height:var(--touch-min);border-radius:var(--r-s);flex:none}img.mono{object-fit:contain;border:1px solid var(--stroke);background:#ffffff0d}.mono-txt{font-size:var(--fs-md);font-weight:var(--fw-heavy);letter-spacing:var(--tr-lg);color:var(--on-g);place-items:center;display:grid}.tile h2{font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:var(--tr-lg);line-height:1.2}.tile p{font-size:var(--fs-xs);color:var(--faint);margin-top:-2px;line-height:1.35}.statusrow{padding-top:var(--sp-2);align-items:center;gap:6px;margin-top:auto;display:flex}.dot{border-radius:50%;flex:none;width:7px;height:7px}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px #4ade9c24}.dot.warn{background:var(--warn);box-shadow:0 0 0 3px #ffb45424}.dot.bad{background:var(--danger);box-shadow:0 0 0 3px #ff6b8124}.dot.mute{background:var(--faint)}.statusrow span{font-size:var(--fs-3xs);color:var(--dim);font-weight:var(--fw-med)}.flag{top:10px;text-align:center;max-width:104px;line-height:1.3;font-size:var(--fs-3xs);font-weight:var(--fw-bold);border-radius:var(--r-full);color:var(--warn);background:#ffb45429;border:1px solid #ffb4544d;padding:2px 7px;position:absolute;inset-inline-end:10px}.flag.bad{color:var(--danger);background:#ff6b8124;border-color:#ff6b8147}.tile.dim{opacity:.62}.tile.dim .mono{filter:grayscale(.55)}.tile.void{opacity:.5;pointer-events:none}.tile.void .statusrow span{color:var(--faint)}.grid[data-env=staging] .tile:not(.void){border-inline-start:2px solid #ffb4548c}.empty{padding:var(--sp-6) var(--sp-4);text-align:center;border:1px dashed var(--stroke);border-radius:var(--r-m);grid-column:1/-1}.empty p{font-size:var(--fs-sm);color:var(--dim)}.foot{margin-top:var(--sp-5);font-size:var(--fs-3xs);color:var(--faint);text-align:center;line-height:1.7}.foot b{font-weight:var(--fw-med);color:var(--dim)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}