.hl-strip{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:12px 14px;margin-bottom:16px}.hl-strip[data-tone=degraded]{border-color:color-mix(in srgb,var(--warn) 35%,var(--line))}.hl-strip[data-tone=down]{border-color:color-mix(in srgb,var(--bad) 50%,var(--line))}.hl-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.hl-sum{font-size:12px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good)}.hl-sum.degraded{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}.hl-sum.down{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:6px;gap:6px}.hl-item{display:flex;gap:9px;align-items:flex-start;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2,rgba(255,255,255,.02));color:inherit;min-width:0;text-decoration:none}a.hl-item:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.hl-detail{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.hl-dot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 18%,transparent)}.hl-dot.degraded{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 20%,transparent)}.hl-dot.down{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 22%,transparent);animation:hl-pulse 1.4s ease-in-out infinite}.hl-dot.off{background:var(--faint);box-shadow:none}.hl-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good);white-space:nowrap}.hl-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.hl-pill.degraded{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}.hl-pill.down{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.hl-pill.off{background:var(--surface-2,rgba(255,255,255,.04));color:var(--muted)}@keyframes hl-pulse{50%{opacity:.4}}.spin{animation:hl-spin 1s linear infinite}@keyframes hl-spin{to{transform:rotate(1turn)}}@media (max-width:640px){.hl-grid{grid-template-columns:1fr 1fr}}