:root{--bg: var(--tg-theme-bg-color, #ffffff);--section-bg: var(--tg-theme-section-bg-color, var(--tg-theme-secondary-bg-color, #f4f4f5));--text: var(--tg-theme-text-color, #111114);--hint: var(--tg-theme-hint-color, #7c7c85);--separator: color-mix(in srgb, var(--hint) 25%, transparent);--load-low: #2fa84f;--load-medium: #d99100;--load-high: #d5443a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.screen{display:flex;flex-direction:column;gap:10px;padding:12px}.screen--message{align-items:center;gap:14px;padding-top:64px;text-align:center;color:var(--hint)}.summary{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:var(--section-bg);color:inherit;font:inherit;text-align:left;cursor:pointer}.summary__text{font-weight:600}.summary__time,.card__ping{color:var(--hint);font-size:13px}.card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--section-bg)}.card--muted{opacity:.55}.card__head{display:flex;align-items:center;gap:8px}.card__flag{font-size:20px}.card__title{flex:1;margin:0;font-size:15px;font-weight:600}.card__ping{margin:0}.status{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--hint)}.status__dot{width:8px;height:8px;border-radius:50%;background:var(--hint)}.status--online .status__dot{background:var(--load-low)}.status--connecting .status__dot{background:var(--load-medium)}.status--offline .status__dot{background:var(--load-high)}.load{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--hint)}.load--empty{font-size:13px}.load__track{flex:1;height:6px;border-radius:3px;background:var(--separator);overflow:hidden}.load__fill{height:100%;border-radius:3px;transition:width .4s ease}.load__fill--low{background:var(--load-low)}.load__fill--medium{background:var(--load-medium)}.load__fill--high{background:var(--load-high)}.load__value{min-width:38px;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.card--skeleton,.summary--skeleton{height:84px;background:var(--section-bg);border-radius:12px;animation:pulse 1.4s ease-in-out infinite}.summary--skeleton{height:40px}.retry{padding:9px 18px;border:0;border-radius:10px;background:var(--tg-theme-button-color, #2f8fed);color:var(--tg-theme-button-text-color, #ffffff);font:inherit;cursor:pointer}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}