:root{--bg:#f4f7fb;--panel:#ffffff;--panel-strong:#eef3f8;--ink:#14171f;--muted:#5b6472;--line:#d8dee8;--accent:#b6244f;--accent-dark:#8f1d40;--good:#137333;--warn:#b06000;--bad:#b3261e;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.app-shell{isolation:isolate;max-width:1180px;margin:0 auto;padding:40px 20px 72px;position:relative}.app-shell>:not(.page-background){position:relative;z-index:1}.page-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:1}.page-background:before{position:absolute;inset:-18%;background:radial-gradient(circle at 18% 18%,rgba(20,23,31,.28),transparent 31%),radial-gradient(circle at 82% 20%,rgba(20,23,31,.16),transparent 28%),radial-gradient(circle at 52% 82%,rgba(20,23,31,.14),transparent 34%);content:""}.page-background:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,247,251,.1),rgba(244,247,251,.02) 46%,rgba(244,247,251,.22)),linear-gradient(180deg,rgba(244,247,251,.02),rgba(244,247,251,.74) 86%);content:""}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);grid-gap:24px;gap:24px;align-items:stretch;padding:28px 0 36px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:780px;margin-bottom:18px;font-size:64px;line-height:.96}h1,h2{letter-spacing:0}h2{margin-bottom:8px;font-size:26px}.lede{max-width:760px;color:var(--muted);font-size:20px;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--ink);border-radius:6px;background:var(--panel);color:var(--ink);font-weight:750;text-decoration:none}.button.primary{border-color:var(--accent);background:var(--accent);color:white}.hero-panel,.section{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.92);box-shadow:0 18px 48px rgba(20,23,31,.06)}.hero-panel{display:grid;align-content:start;grid-gap:16px;gap:16px;padding:18px}.mode-badge{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;font-weight:750}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:92px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong)}.metric-card span{display:block;color:var(--muted);font-size:13px;font-weight:700}.metric-card strong{display:block;margin-top:10px;font-size:28px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.section{margin-top:22px;padding:22px}.section-heading{display:flex;gap:12px;align-items:flex-start}.section-title-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.section p{color:var(--muted);line-height:1.55}.panel-note{margin-bottom:0}.control-band{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(260px,1.2fr);grid-gap:14px;gap:14px;align-items:flex-end}label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px;font-weight:750}input:not([type]),input[type=number],input[type=password],input[type=text],input[type=url],select{min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font:inherit}input[type=file]{padding:10px;background:white}.privacy-note,input[type=file]{border:1px solid var(--line);border-radius:6px}.privacy-note{padding:11px 12px;color:var(--muted);background:var(--panel-strong);font-size:13px;line-height:1.4}.live-section{scroll-margin-top:18px}.live-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px;align-items:end}.live-form .button{width:100%}.live-check{min-height:42px}.live-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:16px 0}.filter-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.check-control{display:flex;min-height:42px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}.diagnosis-grid,.explorer-grid,.replay-grid,.split-grid{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start}.diagnosis-grid,.replay-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-panel,.diagnosis-card,.empty-state,.replay-grid>div,.request-detail{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);padding:16px}.chart-panel h3,.diagnosis-card h3,.replay-grid h3,.request-detail h3{margin:0 0 10px;font-size:18px}.workflow-section{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.workflow-evidence{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.workflow-evidence p{overflow-wrap:anywhere}.workflow-evidence ul{margin:10px 0 0;padding-left:18px}.bar-list{grid-gap:10px}.bar-list,.bar-row{display:grid;gap:10px}.bar-row{grid-template-columns:42px 1fr 82px;grid-gap:10px;align-items:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar-row span{color:var(--muted);font-weight:800}.bar-track,.timeline-track{position:relative;height:10px;overflow:hidden;border-radius:999px;background:#d8dee8}.bar-fill{height:100%;border-radius:inherit;background:var(--accent)}.stack-wrap{display:grid;grid-gap:12px;gap:12px}.stack-bar{display:flex;overflow:hidden;height:18px;border-radius:999px;background:#d8dee8}.dot.success,.stack-part.success{background:var(--good)}.dot.partial,.dot.timeout,.stack-part.partial,.stack-part.timeout{background:var(--warn)}.dot.cancelled,.dot.error,.stack-part.cancelled,.stack-part.error{background:var(--bad)}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-size:13px}.dot{display:inline-block;width:9px;height:9px;border-radius:999px}.table-wrap{overflow-x:auto;margin-top:18px}table{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}caption{padding-bottom:10px;color:var(--muted);font-weight:750}caption,td,th{text-align:left}td,th{padding:10px 12px;border-top:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:13px}.selected-row{background:#fff7fb}.link-button{padding:0;border:0;background:transparent;color:var(--accent-dark);font:inherit;font-weight:800;cursor:pointer}code{padding:2px 6px;border-radius:4px;background:var(--panel-strong);color:var(--ink)}.status{display:inline-flex;min-width:74px;justify-content:center;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:800}.status.success{background:#e7f4ec;color:var(--good)}.status.partial,.status.timeout{background:#fff3dc;color:var(--warn)}.status.cancelled,.status.error{background:#fdebea;color:var(--bad)}.error-text{color:var(--bad)}.timeline{display:grid;grid-gap:10px;gap:10px}.timeline-row{display:grid;grid-template-columns:82px 1fr 82px;grid-gap:10px;gap:10px;align-items:center;color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline-track i{position:absolute;top:50%;width:12px;height:12px;border:2px solid white;border-radius:999px;background:var(--accent);transform:translate(-50%,-50%)}.gap-strip{display:flex;align-items:flex-end;gap:3px;min-height:48px;padding:8px;border:1px solid var(--line);border-radius:6px;background:white}.gap-strip span{width:5px;min-height:5px;border-radius:3px 3px 0 0;background:var(--accent)}.gap-strip span.stall{background:var(--bad)}.card-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.diagnosis-card ul{margin:12px 0 0;padding-left:18px;color:var(--muted);line-height:1.45}.button.small{min-height:38px;padding:0 12px}.gate-banner{min-width:220px;padding:10px 12px;border-radius:6px;font-weight:850;text-align:center}.gate-banner.pass{background:#e7f4ec;color:var(--good)}.gate-banner.fail{background:#fdebea;color:var(--bad)}.gate-editor{margin-top:16px}.gate-editor input{max-width:420px}.command-block,.mini-command{overflow-x:auto;padding:14px;border-radius:8px;background:#151922;color:#f6f7fb}.mini-command{margin-bottom:0}@media (max-width:860px){.control-band,.diagnosis-grid,.explorer-grid,.filter-grid,.hero,.live-form,.live-status-grid,.replay-grid,.split-grid{grid-template-columns:1fr}.section-title-row{display:grid}h1{font-size:44px}.metric-grid,.metric-grid.compact{grid-template-columns:1fr 1fr}}@media (max-width:560px){.app-shell{padding:28px 14px 56px}h1{font-size:38px}.lede{font-size:17px}.button,.hero-actions{width:100%}.metric-grid,.metric-grid.compact{grid-template-columns:1fr}}