:root{--green: #78a22f;--slate: #122831;--slate-lift: #1d3a47;--void: #08151b;--green-lift: #9ecb45;--answering: #4dbe7a;--late: #ffc94d;--silent: #e03340;--unheard: #86a9c4;--ink: #dbe7ec;--ink-muted: #8ba3ad;--ink-faint: #5b7480;--hair: rgb(120 162 47 / 22%);--hair-strong: rgb(120 162 47 / 45%);--panel: rgb(18 40 49 / 72%);--display: "Chakra Petch", "Segoe UI", sans-serif;--body: "IBM Plex Sans", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--void);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--green-lift);outline-offset:2px}.field{position:relative;min-height:100%;padding:14px;background:radial-gradient(ellipse 900px 620px at 50% 42%,rgb(120 162 47 / 7%),transparent 70%),radial-gradient(ellipse 600px 400px at 50% 100%,rgb(29 58 71 / 40%),transparent 70%)}.field:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgb(255 255 255 / 2%) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.label{font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green-lift)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.panel{position:relative;background:var(--panel);border:1px solid var(--hair);padding:12px 14px}.panel:before,.panel:after{content:"";position:absolute;width:9px;height:9px;border:1px solid var(--hair-strong);pointer-events:none}.panel:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.panel:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--hair)}.panel__count{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.topbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 14px;margin-bottom:14px;background:var(--panel);border:1px solid var(--hair)}.brand{display:flex;align-items:baseline;gap:10px}.brand__name{font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:.2em}.brand__host{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.topbar__spacer{flex:1 1 auto}.stamp{display:flex;flex-direction:column;gap:1px}.stamp__v{font-family:var(--mono);font-size:13px}.stamp__v--big{font-size:17px}.ghost-button{font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:none;border:1px solid var(--hair-strong);color:var(--green-lift);padding:5px 10px;cursor:pointer}.ghost-button:hover{background:#78a22f24}.ghost-button[disabled]{color:var(--ink-faint);border-color:var(--hair);cursor:default;background:none}.grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(420px,1.35fr) minmax(280px,1fr);gap:14px;align-items:start}@media(max-width:1180px){.grid{grid-template-columns:1fr 1fr}.col--centre{grid-column:1 / -1;order:-1}}@media(max-width:720px){.grid{grid-template-columns:1fr}}.col{display:flex;flex-direction:column;gap:14px;min-width:0}.dial__wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.dial{width:100%;max-width:440px;height:auto;display:block}.dial__centre-num{font-family:var(--display);font-size:62px;font-weight:700;fill:var(--ink)}.dial__centre-of{font-family:var(--mono);font-size:13px;fill:var(--ink-muted)}.dial__centre-cap{font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.18em;fill:var(--green-lift)}.dial__mark-txt{font-family:var(--mono);font-size:9.5px;fill:var(--ink-faint)}.tick{cursor:pointer}.tick line{stroke-linecap:round}.tick.is-active line{stroke-width:6}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sweep{transform-origin:210px 210px;animation:sweep 12s linear infinite}@media(prefers-reduced-motion:reduce){.sweep{animation:none;opacity:.25}}.headline{font-size:17px;line-height:1.45;text-wrap:balance;text-align:center;margin:0;max-width:46ch}.headline strong{font-weight:600}.headline__sub{font-size:13px;color:var(--ink-muted);text-align:center;margin:6px 0 0;max-width:52ch}.dial__key{font-size:12px;line-height:1.5;color:var(--ink-muted);text-align:center;max-width:52ch;margin:10px 0 0}.legend{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--hair);background:#08151b99;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--ink-muted);cursor:pointer}.chip:hover{border-color:var(--hair-strong);color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--green-lift);color:var(--ink);background:#78a22f1f}.chip__n{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.glyph{width:10px;height:10px;flex:0 0 10px}.roster{display:flex;flex-direction:column;max-height:560px;overflow-y:auto}.roster::-webkit-scrollbar{width:8px}.roster::-webkit-scrollbar-thumb{background:var(--slate-lift)}.row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;padding:7px 4px;border-bottom:1px solid rgb(29 58 71 / 45%);cursor:pointer;text-align:left;background:none;border-left:0;border-right:0;border-top:0;width:100%}.row:hover,.row.is-active{background:#78a22f1a}.row.is-dim{opacity:.22}.row__name{font-size:13px;font-weight:500;line-height:1.25}.row__where{font-size:11px;color:var(--ink-faint);line-height:1.3}.row__right{text-align:right}.row__ago{font-family:var(--mono);font-size:12.5px}.row__state{font-family:var(--display);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.incident{padding:10px 0 10px 11px;border-left:3px solid var(--silent);border-bottom:1px solid rgb(29 58 71 / 45%)}.incident:last-child{border-bottom:0}.incident--warning{border-left-color:var(--late)}.incident__what{font-size:13.5px;line-height:1.4;margin:0 0 4px}.incident__meta{display:flex;gap:10px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;color:var(--ink-faint)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1d3a4773}.tile{background:var(--slate);padding:9px 10px}.tile__k{font-family:var(--display);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.tile__v{font-family:var(--mono);font-size:15px;margin-top:2px}.tile__v small{font-size:10.5px;color:var(--ink-faint)}.notice{max-width:60ch;margin:0 auto;padding:22px}.notice__title{font-family:var(--display);font-size:20px;font-weight:600;margin:0 0 10px}.notice p{margin:0 0 12px;line-height:1.6}.notice--trouble{border-left:3px solid var(--silent)}.gate{display:flex;flex-direction:column;gap:10px;margin-top:16px}.gate input{font-family:var(--mono);font-size:13px;padding:9px 11px;background:var(--void);border:1px solid var(--hair-strong);color:var(--ink)}.gate input::placeholder{color:var(--ink-faint)}.staleness{font-family:var(--mono);font-size:11px;color:var(--late)}