:root{--bg: var(--tg-theme-bg-color, #0f0f14);--bg2: var(--tg-theme-secondary-bg-color, #1a1a24);--text: var(--tg-theme-text-color, #e8e8f0);--hint: var(--tg-theme-hint-color, #707080);--accent: var(--tg-theme-link-color, #4da6ff);--green: #3ecf6e;--red: #e05555;--yellow: #e0b444;--radius: 8px;--gap: 10px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.app{max-width:480px;margin:0 auto;padding:12px 12px 32px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.header-title{font-size:16px;font-weight:700;letter-spacing:.08em;color:var(--accent)}.header-ts{font-size:11px;color:var(--hint);margin-bottom:12px}.refresh-btn{background:var(--bg2);border:none;color:var(--hint);font-size:18px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.refresh-btn:active{color:var(--accent)}.refresh-btn.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section{background:var(--bg2);border-radius:var(--radius);padding:10px 12px;margin-bottom:var(--gap)}.section-title{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--hint);margin-bottom:8px;text-transform:uppercase}.container-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 8px}.container-dot{display:flex;align-items:center;gap:5px;overflow:hidden}.dot{flex-shrink:0;width:7px;height:7px;border-radius:50%}.dot-label{font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-row{display:flex;align-items:center;gap:7px;padding:3px 0}.project-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.status-code{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.status-code.ok{color:var(--green)}.status-code.bad{color:var(--red)}.latency{font-size:11px;color:var(--hint);font-variant-numeric:tabular-nums}.badge{font-size:11px;padding:2px 7px;border-radius:10px;font-weight:600}.badge.ok{background:#3ecf6e26;color:var(--green)}.badge.bad{background:#e0555526;color:var(--red)}.warn-row{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}.stack-row{display:flex;align-items:center;gap:8px;padding:3px 0}.stack-label{width:30px;flex-shrink:0;font-size:11px;color:var(--hint)}.bar-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.stack-val{width:100px;flex-shrink:0;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.timer-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.activity-row{display:flex;align-items:baseline;justify-content:space-between;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04);gap:8px}.activity-row:last-child{border-bottom:none}.activity-key{font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-date{flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums}.hint{color:var(--hint)}.center-msg{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--hint);font-size:14px}.center-msg.error{color:var(--red)}