:root{color-scheme:dark;--bg:#0e1014;--panel:#181b21;--line:#303641;--text:#f3eee7;--muted:#99948e;--accent:#e0913f;--ok:#70cb79;--warn:#e6b84d;--bad:#f4756a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui,-apple-system,"Segoe UI",sans-serif;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:rgba(14,16,20,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center}.brand strong,.brand small{display:block}.brand strong{font-size:22px}.brand small{color:var(--muted);font-size:11px}.orb{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,var(--accent),#9d551d);color:#18100b;font-weight:900;font-size:20px}button{font:inherit}#refresh{border:1px solid var(--line);border-radius:50%;width:42px;height:42px;background:var(--panel);color:var(--text);font-size:22px}main{max-width:1100px;margin:auto;padding:16px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.summary div{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);text-align:center}.summary span,.summary small{display:block}.summary span{font-size:23px;font-weight:800}.summary small{color:var(--muted);font-size:11px;margin-top:2px}nav{display:flex;gap:7px;overflow:auto;padding-bottom:13px;scrollbar-width:none}nav button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:var(--panel);color:var(--muted)}nav button.active{border-color:var(--accent);color:var(--accent);background:#291e15}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:11px}.tile{position:relative;min-height:155px;padding:15px 15px 35px;border:1px solid var(--line);border-left:5px solid var(--muted);border-radius:13px;background:var(--panel)}.tile.healthy{border-left-color:var(--ok)}.tile.degraded{border-left-color:var(--warn)}.tile.unreachable{border-left-color:var(--bad)}.top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.tile h2{font-size:18px;margin:15px 0 8px}.tile strong{font-size:16px}.healthy strong{color:var(--ok)}.degraded strong{color:var(--warn)}.unreachable strong{color:var(--bad)}.tile p{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.tile time{position:absolute;bottom:11px;right:14px;color:var(--muted);font-size:10px}footer{display:flex;justify-content:space-between;padding:12px 18px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.live{color:var(--ok)}.loading{color:var(--muted)}@media(min-width:700px){header,main,footer{padding-left:30px;padding-right:30px}}