:root{--bg: #0a0a0f;--panel: #14141c;--panel-2: #1b1b25;--line: #262633;--line-soft: #1e1e28;--text: #edeef2;--muted: #8b8c9a;--gold: #c9a24b;--gold-soft: rgba(201, 162, 75, .12);--blue: #3b82f6;--up: #2fd07a;--down: #ef4444;--warn: #f0b429;--radius: 14px;--shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 12px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 420px at 12% -8%,rgba(201,162,75,.09),transparent 60%),radial-gradient(760px 380px at 92% 0%,rgba(59,130,246,.08),transparent 62%);z-index:0}.wrap{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:22px 18px 64px}.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line-soft)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.mark{width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:linear-gradient(145deg,#1d1d28,#101017);border:1px solid #2c2c3a;display:grid;place-items:center;color:var(--gold)}.brand h1{margin:0;font-size:19px;font-weight:650;letter-spacing:-.2px}.brand h1 span{color:var(--gold)}.brand p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}.spacer{flex:1 1 auto}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:13.5px;font-weight:550;padding:9px 15px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s,background .15s,transform .08s;white-space:nowrap}.btn:hover{border-color:#3a3a4c;background:var(--panel-2)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.55;cursor:progress}.btn.primary{background:linear-gradient(180deg,#c9a24b33,#c9a24b14);border-color:#c9a24b80;color:#f0d9a3}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 18px}.stat{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);min-width:0}.stat .k{font-size:11.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);display:flex;align-items:center;gap:6px}.stat .v{font-size:26px;font-weight:660;letter-spacing:-.6px;margin-top:4px;font-variant-numeric:tabular-nums}.stat .v small{font-size:14px;color:var(--muted);font-weight:500}.v.good{color:var(--up)}.v.bad{color:var(--down)}.v.warn{color:var(--warn)}.stat .sub{font-size:12px;color:var(--muted);margin-top:2px}.banner{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:12px;margin-bottom:16px;font-size:13.5px;border:1px solid}.banner.down{background:#ef444417;border-color:#ef444461;color:#ffc7c7}.banner.ok{background:#2fd07a12;border-color:#2fd07a47;color:#b8f0d2}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.input,.select{font:inherit;font-size:13.5px;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:9px 12px;border-radius:10px;outline:none}.input{min-width:190px;flex:0 1 240px}.input:focus,.select:focus{border-color:#c9a24b8c}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:12.5px;font-weight:540;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-family:inherit}.chip.on{color:var(--text);border-color:#c9a24b8c;background:var(--gold-soft)}.meta{font-size:12.5px;color:var(--muted);margin-left:auto;font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:13px}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:15px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;min-width:0;transition:border-color .15s,transform .12s}.card:hover{border-color:#32323f;transform:translateY(-1px)}.card.is-down{border-color:#ef44446b}.card.is-warn{border-color:#f0b4295c}.card-top{display:flex;align-items:flex-start;gap:10px;min-width:0}.card-top .no{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:6px;padding:1px 6px;flex:0 0 auto;margin-top:2px}.card-top .name{font-weight:600;font-size:14.5px;min-width:0;overflow-wrap:anywhere}.card-top .url{font-size:11.5px;color:var(--muted);margin-top:1px;overflow-wrap:anywhere;text-decoration:none;display:block}.card-top .url:hover{color:var(--gold)}.pill{margin-left:auto;flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.6px;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;border:1px solid}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill.up{color:var(--up);background:#2fd07a1a;border-color:#2fd07a57}.pill.down{color:var(--down);background:#ef44441c;border-color:#ef444461}.pill.warn{color:var(--warn);background:#f0b4291a;border-color:#f0b42957}.pill.up .dot{box-shadow:0 0 #2fd07a8c;animation:pulse 2.4s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #2fd07a00}to{box-shadow:0 0 #2fd07a00}}.rows{display:grid;gap:7px}.row{display:flex;align-items:center;gap:8px;font-size:12.5px}.row .lbl{color:var(--muted);flex:0 0 auto}.row .val{margin-left:auto;font-variant-numeric:tabular-nums;text-align:right}.val.good{color:var(--up)}.val.bad{color:var(--down)}.val.warn{color:var(--warn)}.bar{height:5px;border-radius:999px;background:#23232e;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;transition:width .4s}.spark{display:block;width:100%;height:34px}.empty{text-align:center;color:var(--muted);padding:48px 16px;border:1px dashed var(--line);border-radius:var(--radius);font-size:13.5px}.foot{margin-top:26px;padding-top:16px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.foot code{color:#b9b9c8}.err{background:#ef444414;border:1px solid rgba(239,68,68,.3);color:#ffc9c9;padding:10px 14px;border-radius:10px;font-size:12.5px;margin-bottom:12px;overflow-wrap:anywhere}@media (max-width: 900px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.wrap{padding:16px 13px 52px}.summary{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:12px 13px}.stat .v{font-size:22px}.grid{grid-template-columns:1fr}.input{flex:1 1 100%;min-width:0}.meta{margin-left:0;width:100%}.card:hover{transform:none}.brand p{display:none}}