:root{--ink:#19314c;--muted:#6b7e92;--blue:#285cce;--surface:#fff;--bg:#edf2f8;--line:#dce5ee;--green:#087e70;--red:#ba4053;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}header{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-size:23px;font-weight:750;display:flex;gap:14px;align-items:center;letter-spacing:-.5px}.brand small{font-size:13px;font-weight:400;margin-left:12px;color:var(--muted);letter-spacing:0}.mark{background:var(--blue);color:white;font:35px/42px var(--mono);width:42px;height:42px;text-align:center;border-radius:12px}.header-right,.controls{display:flex;align-items:center;gap:12px}.private{font-size:12px;color:var(--muted)}main{max-width:1600px;margin:auto;padding:40px 4vw}.kicker{color:var(--blue);font:11px var(--mono);letter-spacing:2px}h1{font-size:32px;line-height:1.4;margin:12px 0 8px;letter-spacing:-1px}p{color:var(--muted)}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.intro p{margin:0}.signal{border:1px solid var(--line);border-radius:24px;padding:9px 18px;background:white;display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #e7f4f0}.dot.stopped{background:var(--muted);box-shadow:none}.endpoint{background:var(--ink);color:white;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:24px;gap:20px}.endpoint label{color:#bbcce1;font-size:12px}.endpoint label span{margin-left:16px;color:#98afc9}.endpoint code{display:block;font:15px/1.6 var(--mono);margin-top:8px;overflow-wrap:anywhere}.endpoint button{background:#304963;color:white;border-color:#506782;white-space:nowrap}button{border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);padding:9px 14px;font:inherit;font-size:13px;cursor:pointer;transition:background .15s}button:hover{background:#e7eef8}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button.primary:hover{background:#1d49aa}.danger{color:var(--red)}button:disabled{opacity:.6;cursor:wait}input{font:inherit;border:1px solid var(--line);border-radius:7px;padding:11px 13px;color:var(--ink);background:white;min-width:0}input:focus,button:focus-visible,pre:focus-visible{outline:3px solid #8cb3f0;outline-offset:2px}input[type=checkbox]{accent-color:var(--blue);width:15px;height:15px}.check{display:flex;align-items:center;gap:7px;font-size:13px}.toolbar{margin:22px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.inbox{display:grid;grid-template-columns:minmax(310px,38%) 1fr;min-height:550px;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.list-pane{border-right:1px solid var(--line);padding:20px 0}.pane-title{display:flex;align-items:center;justify-content:space-between;gap:15px}h2{font-size:15px;font-weight:650;margin:0}.pane-title h2 span{background:#eaf0fa;color:var(--blue);padding:2px 8px;border-radius:6px;margin-left:6px}.list-pane .pane-title{padding:0 20px}.list-pane input[type=search]{width:calc(100% - 40px);margin:18px 20px 0;background:#f6f8fb}.list-note{padding:0 20px;font-size:11px}.muted{font-size:12px;color:var(--muted)}#records{max-height:650px;overflow:auto}.record{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--line);border-radius:0;padding:16px 20px;background:white;border-left:3px solid transparent}.record.selected{background:#edf3ff;border-left-color:var(--blue)}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.event{font:13px var(--mono);font-weight:650;overflow:hidden;text-overflow:ellipsis}.record time{font-size:11px;color:var(--muted);white-space:nowrap}.record .corp{display:block;color:var(--muted);font:11px/1.8 var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.badge{border-radius:4px;background:#edf2f7;color:var(--muted);font-size:10px;padding:2px 6px}.badge.good{background:#e4f4ef;color:var(--green)}.badge.bad{background:#fcebf0;color:var(--red)}.detail-pane{padding:24px;min-width:0}.empty{min-height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-icon{font:56px var(--mono);color:#98b2d5;background:#eff4fa;border-radius:24px;width:88px;height:88px;margin-bottom:24px}.empty h2{font-size:18px}.empty p{font-size:13px}.metadata{display:grid;grid-template-columns:120px 1fr;gap:7px 10px;margin:24px 0;font:12px/1.8 var(--mono);overflow-wrap:anywhere}.metadata dt{color:var(--muted)}.metadata dd{margin:0}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:10px;flex-wrap:wrap}.tabs button{border:none;font-size:12px;padding:7px 10px}.tabs [aria-selected=true]{color:var(--blue);background:#eaf0fc}.tabs #copy-body{margin-left:auto;border:1px solid var(--line)}pre{background:#f3f6fa;border:1px solid var(--line);border-radius:8px;padding:18px;font:12px/1.9 var(--mono);max-height:580px;overflow:auto;white-space:pre;tab-size:2;min-height:200px}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0;color:var(--muted);font-size:11px}.login{max-width:480px;margin:6vh auto}.login h1{font-size:44px}.login form{margin-top:32px;display:grid;gap:12px;background:white;padding:28px;border-radius:14px;border:1px solid var(--line)}.login form p{margin:0;text-align:center}.settings{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:22px}.settings p{font-size:12px;max-width:850px}.settings form{display:grid;gap:12px;max-width:560px}.settings label span{font-size:11px;color:var(--muted);margin-left:10px}#notice{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 22px;background:var(--ink);color:white;border-radius:10px;box-shadow:0 6px 30px #19314c30;z-index:10;max-width:90vw}[hidden]{display:none!important}@media(max-width:850px){main{padding:24px 18px}.inbox{grid-template-columns:1fr}.list-pane{border-right:0;border-bottom:1px solid var(--line)}#records{max-height:320px}.intro h1{font-size:25px}.brand small,.private{display:none}.controls{flex-wrap:wrap;gap:8px}.endpoint{align-items:flex-start;padding:18px}.endpoint code{font-size:12px}.endpoint label span{display:block;margin-left:0}.detail-pane{padding:18px}footer{flex-direction:column;gap:5px}.signal{padding:8px 12px;white-space:nowrap}.metadata{grid-template-columns:95px 1fr}.login h1{font-size:36px}.intro{gap:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}