:root{--bg: #fcf8fc;--bg-raised: #ffffff;--bg-hover: #f7f1f8;--bg-inset: #f7f1f8;--bg-dark: #1b0a21;--bg-dark-card: #281030;--line: #e9e2eb;--line-strong: #d8cde0;--fg: #1b0a21;--fg-dim: #4e3859;--fg-faint: #6b5578;--accent: #611f69;--accent-strong: #4A154B;--accent-purple: #7C3AED;--accent-dim: rgba(97, 31, 105, .08);--accent-glow: rgba(97, 31, 105, .25);--red: #ef4444;--amber: #f59e0b;--green: #16a34a;--gray: #6b5578;--shadow-sm: 0 2px 5px rgba(74, 21, 75, .05), 0 1px 3px rgba(0, 0, 0, .03);--shadow-card: 0 13px 27px -5px rgba(74, 21, 75, .08), 0 8px 16px -8px rgba(0, 0, 0, .05);--shadow-lg: 0 30px 60px -12px rgba(74, 21, 75, .15), 0 18px 36px -18px rgba(0, 0, 0, .1);--font-heading: "Plus Jakarta Sans", "Outfit", sans-serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 10px;--radius-lg: 18px;--sidebar-w: 230px}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:14px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,.page-title,.brand{font-family:var(--font-heading)}::selection{background:var(--accent-dim);color:var(--accent-strong)}a{color:inherit}.navbar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);display:flex;flex-direction:column;gap:.25rem;padding:1.25rem .9rem;background:var(--bg-raised);border-right:1px solid var(--line);box-shadow:1px 0 3px #00000005;z-index:100}.brand{display:flex;align-items:center;gap:.65rem;font-weight:800;font-size:1.15rem;letter-spacing:-.03em;color:var(--fg);text-decoration:none;padding:.2rem .55rem 1.2rem}.brand-icon{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#611f69,#7c3aed);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800;flex:none;box-shadow:0 4px 12px #611f6959}.nav-links{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-radius:var(--radius);font-size:.88rem;font-weight:600;color:var(--fg-dim);text-decoration:none;transition:all .15s ease}.nav-link .icon{width:16px;height:16px;opacity:.7;transition:opacity .15s}.nav-link:hover{color:var(--fg);background:var(--bg-hover)}.nav-link.active{color:var(--accent);background:var(--accent-dim);font-weight:700}.nav-link.active .icon{opacity:1;color:var(--accent)}.nav-spacer{flex:1}.nav-foot{padding:.8rem .6rem .2rem;font-size:.78rem;color:var(--fg-faint);border-top:1px solid var(--line);line-height:1.6}.nav-foot .mode-open{color:var(--green);font-weight:600}@media (max-width: 900px){.navbar{position:static;width:auto;flex-direction:row;align-items:center;padding:.6rem 1rem;border-right:none;border-bottom:1px solid var(--line)}.brand{padding:0 .5rem 0 0}.nav-links{flex-direction:row}.nav-foot{display:none}}.container{margin-left:var(--sidebar-w);max-width:1460px;padding:1.75rem 2rem 3rem}@media (max-width: 900px){.container{margin-left:0;padding:1.25rem 1rem 2rem}}.page-title{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.2rem}.page-sub{color:var(--fg-dim);font-size:.88rem;margin-bottom:1.4rem}.card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card+.card{margin-top:1.1rem}.card-pad{padding:1.1rem 1.3rem}.section-label{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:.6rem}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:1.1rem}.stat{padding:.9rem 1.15rem;border-right:1px solid var(--line)}.stat:last-child{border-right:none}.stat .k{font-size:.72rem;font-weight:600;color:var(--fg-faint);letter-spacing:.03em}.stat .v{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:1px}.stat .v small{font-size:.75rem;font-weight:500;color:var(--fg-faint);margin-left:4px}.toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.9rem}.input-field,.select-field{background:var(--bg-raised);border:1px solid var(--line-strong);color:var(--fg);height:34px;padding:0 .7rem;border-radius:var(--radius);font-family:inherit;font-size:.86rem;outline:none;transition:border-color .15s,box-shadow .15s}.input-field::placeholder{color:var(--fg-faint)}.input-field:focus,.select-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.select-field{padding-right:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:34px;padding:0 .9rem;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--fg);font-family:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #1018280a}.btn:hover{background:var(--bg-hover)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:34px;padding:0 1rem;border-radius:var(--radius);border:1px solid var(--accent-strong);background:var(--accent);color:#fff;font-family:inherit;font-size:.86rem;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #1018281a}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--fg-dim)}.btn-ghost:hover{color:var(--fg);background:var(--bg-hover)}.icon{width:14px;height:14px;display:inline-block;vertical-align:-2px}.reason{display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:500}.dot{width:7px;height:7px;border-radius:50%;flex:none}.dot-red{background:var(--red)}.dot-amber{background:var(--amber)}.dot-blue{background:var(--accent)}.dot-gray{background:var(--gray)}.dot-green{background:var(--green)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:.6rem 1.1rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint);background:#fafbfe;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:.68rem 1.1rem;border-bottom:1px solid var(--line);font-size:.86rem;font-variant-numeric:tabular-nums;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:var(--bg-hover)}.cell-dim{color:var(--fg-dim)}.cell-faint{color:var(--fg-faint)}.cell-num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-size:.79rem}.truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{text-align:center;color:var(--fg-faint);padding:3rem 1rem;font-size:.86rem}.replay-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.1rem;align-items:start}@media (max-width: 1000px){.replay-grid{grid-template-columns:1fr}}.player-layout{display:flex;flex-direction:column;gap:.8rem}.player-viewports{aspect-ratio:16 / 10;background:#0f172a;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.player-viewports .empty-state{color:#94a3b8}.funnel-cols{display:flex;align-items:stretch;gap:.4rem;padding:.9rem 1rem .7rem;overflow-x:auto}.funnel-col{flex:1 1 0;min-width:96px;max-width:170px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.3rem .3rem .4rem;border-radius:var(--radius);cursor:pointer;text-align:center}.funnel-col:hover{background:var(--bg-hover)}.funnel-col-lane{height:110px;width:100%;display:flex;align-items:flex-end;justify-content:center}.funnel-col-bar{width:70%;max-width:72px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#6d3ef0,var(--accent));transition:height .3s ease}.funnel-col-path{font-weight:700;font-size:.78rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.funnel-col-meta{font-size:.72rem;color:var(--fg-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.funnel-drop{color:var(--amber);font-weight:700;font-size:.72rem}.funnel-issues{color:var(--red);font-weight:700;font-size:.72rem;text-decoration:none;background:#d92d2014;border-radius:999px;padding:.08rem .5rem}.funnel-issues:hover{text-decoration:underline}.issue-head{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;padding:.8rem 1rem;cursor:pointer;border-radius:var(--radius-lg)}.issue-head:hover{background:var(--bg-hover)}.issue-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.issue-chevron{color:var(--fg-faint);font-size:.9rem;width:16px;text-align:center}.issue-body{border-top:1px solid var(--line)}.sub-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;align-items:start}@media (max-width: 800px){.sub-panels{grid-template-columns:1fr}}.panel-head{padding:.7rem 1rem .5rem;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--fg-faint);border-bottom:1px solid var(--line)}.panel-body{max-height:260px;overflow-y:auto}.panel-body .empty-state{padding:1.4rem 1rem}.panel-row{display:flex;align-items:baseline;gap:.6rem;padding:.5rem 1rem;font-size:.82rem;border-bottom:1px solid var(--line);cursor:pointer}.panel-row:last-child{border-bottom:none}.panel-row:hover{background:var(--bg-hover)}.panel-num{flex:none;width:18px;height:18px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:.7rem;font-weight:700;display:grid;place-items:center;align-self:center}.panel-main{flex:1;font-weight:600;overflow-wrap:anywhere}.panel-meta{flex:none;color:var(--fg-faint);font-size:.72rem;font-variant-numeric:tabular-nums}.player-controls-bar{display:flex;align-items:center;gap:.9rem;background:var(--bg-raised);border:1px solid var(--line);box-shadow:var(--shadow-card);padding:.65rem .95rem;border-radius:var(--radius-lg)}.timecode{font-family:var(--font-mono);font-size:.76rem;color:var(--fg-dim);min-width:40px;font-variant-numeric:tabular-nums}.wallclock{font-family:var(--font-mono);font-size:.76rem;color:var(--accent);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}input[type=range].scrubber{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:3px;background:var(--line-strong);outline:none;cursor:pointer}input[type=range].scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 3px #1018284d;cursor:grab}input[type=range].scrubber::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 3px #1018284d;cursor:grab}.marker-lane{position:relative;height:6px;margin-bottom:3px}.marker{position:absolute;top:0;width:3px;height:6px;border-radius:1px;cursor:pointer}.rail{display:flex;flex-direction:column;max-height:calc(100vh - 110px)}.rail-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 .4rem}.rail-tab{padding:.6rem .7rem;font-size:.8rem;font-weight:600;color:var(--fg-faint);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-family:inherit}.rail-tab:hover{color:var(--fg-dim)}.rail-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.rail-body{overflow-y:auto;flex:1;scroll-behavior:smooth}.rail-row{display:flex;gap:.6rem;padding:.45rem 1rem;font-size:.78rem;font-family:var(--font-mono);border-bottom:1px solid var(--line);cursor:pointer;align-items:baseline}.rail-row:hover{background:var(--bg-hover)}.rail-row .t{color:var(--fg-faint);flex:none;font-variant-numeric:tabular-nums}.rail-row .body{overflow-wrap:anywhere}.activity-row{display:flex;gap:.55rem;padding:.42rem .85rem .42rem .7rem;font-size:.79rem;border-bottom:1px solid var(--line);border-left:2px solid transparent;cursor:pointer;align-items:baseline;color:var(--fg-faint);transition:background .15s,color .15s}.activity-row:hover{background:var(--bg-hover)}.activity-row .t{font-family:var(--font-mono);font-size:.72rem;flex:none;min-width:34px;font-variant-numeric:tabular-nums}.activity-row .body{overflow-wrap:anywhere;flex:1}.activity-row .abs{font-family:var(--font-mono);font-size:.7rem;color:var(--fg-faint);flex:none;font-variant-numeric:tabular-nums}.activity-row.past{color:var(--fg-dim)}.activity-row.current{background:var(--accent-dim);border-left-color:var(--accent);color:var(--fg)}.activity-row.current .abs{color:var(--accent)}.kv{display:grid;grid-template-columns:120px 1fr;gap:.35rem .75rem;padding:.9rem 1.1rem;font-size:.84rem}.kv dt{color:var(--fg-faint)}.kv dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hr{border:none;border-top:1px solid var(--line);margin:0}.hint{padding:.75rem 1.1rem;font-size:.77rem;color:var(--fg-dim);line-height:1.55}.hint code{font-family:var(--font-mono);color:var(--fg);background:var(--bg-inset);border-radius:4px;padding:.05rem .3rem;font-size:.71rem}.split-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--line)}.split-bar .active-part{background:var(--green)}.copy-block{position:relative;background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem .95rem;font-family:var(--font-mono);font-size:.75rem;line-height:1.6;overflow-x:auto;white-space:pre}.pill-key{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-inset);border:1px solid var(--line);border-radius:5px;padding:.12rem .45rem}details>summary{cursor:pointer;color:var(--fg-dim);font-size:.84rem}details[open]>summary{margin-bottom:.6rem}