:root{--bg:#0a0c0f;--panel:#0e1115;--panel-2:#12161b;--line:#1b2128;--line-2:#252d36;--text:#e7eaee;--muted:#8591a0;--dim:#5b6572;--accent:#7cc4ff;--accent-2:#4ea8f5;--good:#5fd49a;--bad:#ff7b7b;--warn:#f5b454;--k-agent:#b69cff;--k-crawler:#f5b454;--k-search:#5fd49a;--k-library:#6fd0e0;--k-browser:#aab4c0;--k-unknown:#ff8f8f;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}code,pre,kbd{font-family:var(--mono)}code{font-size:12.5px}button{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:12.5px}.icon{flex:none}.btn{border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 12px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:#171c22;border-color:#303944}.btn:disabled{opacity:.5;cursor:default}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);background:#151a20;border-color:#0000}.btn-icon{justify-content:center;width:32px;padding:0}.btn-primary{background:var(--accent-2);border-color:var(--accent-2);color:#04121f;justify-content:center;height:38px;font-weight:600}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-warn{color:var(--warn);background:#1d1710;border-color:#5a4320}kbd{border:1px solid var(--line-2);min-width:18px;color:var(--muted);text-align:center;background:var(--panel);border-bottom-width:2px;border-radius:5px;margin-right:4px;padding:1px 5px;font-size:11px;display:inline-block}.app{grid-template:"top top top"56px"side list detail"1fr/232px minmax(340px,1fr) minmax(460px,44%);height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--panel);grid-area:top;align-items:center;gap:14px;padding:0 14px;display:flex}.sidebar{border-right:1px solid var(--line);flex-direction:column;grid-area:side;gap:22px;padding:14px 10px;display:flex;overflow:auto}.list{grid-area:list;position:relative;overflow:auto}.detail-pane{border-left:1px solid var(--line);background:var(--panel);grid-area:detail;overflow:hidden}.brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:9px;font-weight:650;display:flex}.brand-lg{font-size:20px}.brand-dim{color:var(--muted);font-weight:500}.brand-mark{border:3px solid var(--accent);width:18px;height:18px;box-shadow:inset 0 0 0 3px var(--panel), inset 0 0 0 9px var(--accent);border-radius:50%}.traplink{min-width:0;height:34px;color:var(--accent);background:#0b1520;border:1px solid #16324a;border-radius:8px;align-items:center;gap:4px;padding:0 4px 0 10px;display:flex}.traplink code{color:#cfe8ff;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;overflow:hidden}.search{background:var(--bg);border:1px solid var(--line-2);max-width:420px;height:34px;color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 6px 0 10px;display:flex}.search:focus-within{border-color:#35506a;box-shadow:0 0 0 3px #7cc4ff14}.search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1}.topbar-right{align-items:center;gap:6px;margin-left:auto;display:flex}.live{color:var(--muted);align-items:center;gap:7px;margin-right:6px;font-size:12.5px;display:inline-flex}.live-dot{background:var(--dim);border-radius:50%;width:8px;height:8px}.live-live .live-dot{background:var(--good);animation:1.8s infinite ping;box-shadow:0 0 #5fd49a88}.live-live{color:var(--good)}.live-paused .live-dot{background:var(--warn)}.live-offline .live-dot{background:var(--bad)}.live-connecting .live-dot{background:var(--warn);animation:1s infinite blink}@keyframes ping{0%{box-shadow:0 0 #5fd49a88}80%,to{box-shadow:0 0 0 7px #5fd49a00}}@keyframes blink{50%{opacity:.3}}.filters{flex-direction:column;gap:1px;display:flex}.filter,.top-agent{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:7px 10px;display:flex}.filter:hover,.top-agent:hover{color:var(--text);background:#12171c}.filter.active{color:var(--text);background:#141b23}.count{color:var(--dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.filter.active .count{color:var(--muted)}.dot{background:var(--line-2);border-radius:50%;flex:none;width:7px;height:7px}.top-agents h4{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin:0 0 6px 10px;font-size:11px;font-weight:600}.top-agent{gap:8px;font-size:13px}.top-agent-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-agent .muted{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shortcuts{grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;padding:0 10px;display:grid}.kind-dot-ai-agent,.kind-bg-ai-agent{background:var(--k-agent)}.kind-dot-ai-crawler,.kind-bg-ai-crawler{background:var(--k-crawler)}.kind-dot-search,.kind-bg-search{background:var(--k-search)}.kind-dot-library,.kind-bg-library{background:var(--k-library)}.kind-dot-browser,.kind-bg-browser{background:var(--k-browser)}.kind-dot-unknown,.kind-bg-unknown{background:var(--k-unknown)}.kind{letter-spacing:.01em;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;height:20px;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.kind-ai-agent{color:var(--k-agent);background:#b69cff14;border-color:#b69cff40}.kind-ai-crawler{color:var(--k-crawler);background:#f5b45414;border-color:#f5b45440}.kind-search{color:var(--k-search);background:#5fd49a14;border-color:#5fd49a40}.kind-library{color:var(--k-library);background:#6fd0e014;border-color:#6fd0e040}.kind-browser{color:var(--k-browser);background:#aab4c014;border-color:#aab4c040}.kind-unknown{color:var(--k-unknown);background:#ff8f8f14;border-color:#ff8f8f40}.sig{white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.sig-valid{color:var(--good)}.sig-invalid{color:var(--bad)}.sig-pending{color:var(--warn)}.sig-none{color:var(--dim)}.method{font:600 11px/1 var(--mono);color:var(--muted);background:#1a2027;border-radius:4px;padding:3px 5px}.method-get{color:#8fd3ff;background:#8fd3ff14}.method-post{color:#5fd49a;background:#5fd49a14}.method-put,.method-patch{color:#f5b454;background:#f5b45414}.method-delete{color:#ff7b7b;background:#ff7b7b14}.method-head,.method-options{color:#b69cff;background:#b69cff14}.rows{margin:0;padding:6px;list-style:none}.row{cursor:pointer;border:1px solid #0000;border-radius:9px;gap:10px;padding:10px 12px 10px 14px;display:flex;position:relative}.row:hover{background:#0f1318}.row.selected{background:#111a24;border-color:#1c3247}.row.fresh{animation:2.4s ease-out arrive}@keyframes arrive{0%{opacity:0;background:#7cc4ff30;transform:translateY(-4px)}12%{opacity:1;transform:none}to{background:0 0}}.rail{opacity:.85;border-radius:3px;width:3px;position:absolute;top:12px;bottom:12px;left:4px}.row-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.row-top,.row-bottom{align-items:center;gap:8px;min-width:0;display:flex}.row-agent{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-time{color:var(--dim);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:12px}.row-path{color:#c9d1da;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-net{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;max-width:45%;margin-left:auto;font-size:12px;overflow:hidden}.more{justify-content:center;padding:14px;display:flex}.new-pill{z-index:5;color:var(--accent);cursor:pointer;background:#0f2438;border:1px solid #2a4d6d;border-radius:999px;align-items:center;gap:6px;margin:10px auto 0;padding:7px 14px;font-size:12.5px;font-weight:600;display:flex;position:sticky;top:10px;box-shadow:0 6px 24px #0008}.list-skeleton{flex-direction:column;gap:8px;padding:10px;display:flex}.skeleton-row{background:linear-gradient(90deg,#0f1317,#151a20,#0f1317) 0 0/200% 100%;border-radius:9px;height:56px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty-hero{text-align:center;max-width:520px;margin:9vh auto 0;padding:0 24px}.empty-hero h2{letter-spacing:-.01em;margin:18px 0 8px;font-size:20px}.empty-hero p{margin:0 0 22px}.pulse{background:var(--accent);border-radius:50%;width:14px;height:14px;margin:0 auto;animation:2s infinite radar}@keyframes radar{0%{box-shadow:0 0 #7cc4ff66}to{box-shadow:0 0 0 26px #7cc4ff00}}.snippets{text-align:left;flex-direction:column;gap:8px;display:flex}.snippet{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:10px 8px 10px 12px;display:grid}.snippet .label{grid-column:1/-1}.snippet code{color:#d4dbe3;word-break:break-all}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);font-size:11px;font-weight:600}.detail{flex-direction:column;height:100%;display:flex}.detail-head{align-items:flex-start;gap:12px;padding:16px 16px 12px 18px;display:flex}.detail-title{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.detail-agent{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-agent h2{letter-spacing:-.01em;margin:0;font-size:19px}.detail-url{align-items:center;gap:8px;min-width:0;display:flex}.detail-url code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-url b{color:var(--text);font-weight:500}.detail-actions{gap:2px;display:flex}.tabs{border-bottom:1px solid var(--line);gap:2px;padding:0 12px;display:flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:10px 10px 11px;display:flex;position:relative}.tab:hover,.tab.active{color:var(--text)}.tab.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.tab-count{color:var(--muted);background:#1a2027;border-radius:999px;padding:0 5px;font-size:11px}.detail-body{flex:1;padding:16px 16px 40px;overflow:auto}.detail-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;max-width:360px;height:100%;margin:0 auto;padding:40px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:14px 16px}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.card-head h3{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin:0;font-size:12px;font-weight:600}.who-name{font-size:16px;font-weight:600}.reasons{color:var(--muted);margin:8px 0 12px;padding-left:18px;font-size:13px}.reasons li+li{margin-top:2px}.ua{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:10px;display:flex}.ua code{color:#d4dbe3;word-break:break-all}.confidence{background:#1a2027;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600}.conf-high{color:var(--good);background:#5fd49a14}.conf-medium{color:var(--warn);background:#f5b45414}.conf-low{color:var(--muted)}.facts{grid-template-columns:1fr 1fr;gap:12px 18px;margin:0;display:grid}.facts-1{grid-template-columns:1fr;gap:10px}.facts dt{color:var(--dim);margin-bottom:2px;font-size:11.5px}.facts dd{word-break:break-word;margin:0}.facts dd code{word-break:break-all;color:#d4dbe3}.toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbar p{margin:0}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle input{accent-color:var(--accent-2)}.headers{border-collapse:collapse;table-layout:fixed;width:100%}.headers tr{border-bottom:1px solid var(--line)}.headers tr:hover{background:#0f1318}.headers th{text-align:left;vertical-align:top;width:34%;font:500 12.5px/1.5 var(--mono);color:#8fd3ff;word-break:break-all;padding:8px 10px 8px 0}.headers td{vertical-align:top;padding:8px 0}.headers td code{color:#d4dbe3;word-break:break-all;white-space:pre-wrap}.headers tr.signal th{color:var(--k-agent)}.headers tr.cfadded th{color:var(--dim)}.headers .row-copy{text-align:right;opacity:0;width:40px}.headers tr:hover .row-copy{opacity:1}.headers .row-copy .btn{padding:0 6px}.tag{font:600 10px/1 var(--mono);color:var(--muted);vertical-align:1px;background:#1a2027;border-radius:4px;margin-left:6px;padding:2px 5px}.code{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:#d4dbe3;white-space:pre-wrap;word-break:break-all;margin:0;padding:14px;font-size:12.5px;line-height:1.6;overflow:auto}.code-sm{max-height:280px}.error{color:#ffb3b3;background:#2a1215;border:1px solid #4a1f25;border-radius:8px;margin-bottom:10px;padding:8px 10px}.login{background:radial-gradient(800px 400px at 50% -10%,#12304a55,#0000);place-items:center;min-height:100%;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:28px;display:flex;box-shadow:0 20px 60px #0009}.login-card p{margin:0}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.field input{border:1px solid var(--line-2);background:var(--bg);height:40px;color:var(--text);font:14px var(--mono);border-radius:8px;outline:0;padding:0 12px}.field input:focus{border-color:#35506a;box-shadow:0 0 0 3px #7cc4ff14}@media (width<=1180px){.app{grid-template-columns:210px 1fr;grid-template-areas:"top top""side list"}.detail-pane{z-index:20;width:min(620px,100%);transition:transform .18s;position:fixed;top:56px;bottom:0;right:0;transform:translate(100%);box-shadow:-20px 0 50px #000a}.has-detail .detail-pane{transform:none}.traplink code{max-width:220px}}@media (width<=760px){.app{grid-template-columns:1fr;grid-template-areas:"top""list"}.sidebar,.traplink,.live{display:none}.topbar{gap:8px}}