:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--bg:#f5f6f8;--surface:#fff;--border:#e2e5ea;--text:#1c2024;--muted:#6b7280;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--radius:8px;--shadow:0 1px 3px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:14px;line-height:1.5}#app{max-width:1200px;margin:0 auto;padding:24px 20px 64px}h1,h3{margin:0}.muted{color:var(--muted);padding:12px 0}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 14px;transition:background .12s,border-color .12s}.btn:hover{background:#f0f2f5}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--text);background:#e9ebef}.btn.small{padding:4px 10px;font-size:13px}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn.danger:hover{background:var(--danger);color:#fff}.login-shell{justify-content:center;align-items:center;min-height:70vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:340px;max-width:100%;padding:32px}.login-title{margin-bottom:4px;font-size:24px}.login-sub{color:var(--muted);margin:0 0 20px}.login-form{flex-direction:column;gap:12px;display:flex}.login-form input{font:inherit;border:1px solid var(--border);background:#fff;border-radius:6px;padding:9px 12px}.login-form input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.login-error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:14px;padding:8px 12px;font-size:13px}.list-header,.detail-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.app-title{flex:1;font-size:20px}.detail-header .app-title{flex:1}.list-header .btn{margin-inline-start:auto}.table-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#fafbfc;padding:10px 14px;font-weight:600}tbody td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f7f9fc}.col-time{white-space:nowrap;color:var(--muted)}.col-summary{max-width:420px}.col-summary span{text-overflow:ellipsis;display:block;overflow:hidden}.col-issue a,.issue-link{color:var(--accent);text-decoration:none}.col-issue a:hover,.issue-link:hover{text-decoration:underline}.issue-links{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;display:flex}.issue-links .pr-link{opacity:.8;white-space:nowrap;font-size:.85em}.issue-links .pr-link:hover{opacity:1}.hint-box{border-radius:var(--radius);background:#fffbeb;border:1px solid #fde68a;margin-top:8px;padding:16px 20px}.hint-box p{color:#7c5e10;margin:8px 0 0}.error-box{color:var(--danger);border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca;padding:14px 18px}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.status-new{color:#495057;background:#f1f3f5;border-color:#dee2e6}.status-issue_created{color:#1d4ed8;background:#e7f0ff;border-color:#bfdbfe}.status-issue_commented{color:#7e22ce;background:#f3e8ff;border-color:#e9d5ff}.status-error{color:var(--danger);background:#fef2f2;border-color:#fecaca}.replay-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:16px}.replay-target{justify-content:center;min-height:120px;margin-top:12px;display:flex;overflow:hidden}.replay-player{flex-direction:column;align-items:stretch;max-width:100%;display:flex}.replay-stage{border:1px solid var(--border);background:#fff;border-radius:6px;max-width:100%;position:relative;overflow:hidden}.replay-stage .replayer-wrapper{float:none;position:absolute;top:0;left:0}.replay-stage iframe{border:none}.replay-controls{align-items:center;gap:10px;margin-top:10px;display:flex}.replay-btn{cursor:pointer;min-width:40px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;flex:none;padding:6px 10px;font-size:13px;line-height:1}.replay-btn:hover{background:var(--bg)}.replay-scrubber{cursor:pointer;flex:auto;min-width:80px}.replay-time{font-variant-numeric:tabular-nums;color:var(--muted);direction:ltr;flex:none;font-size:12px}.replay-speed{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;flex:none;padding:5px 6px;font-size:12px}.replay-empty{color:var(--muted);text-align:center;width:100%;padding:32px}.freeze-frame{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);max-width:100%;margin-top:12px;padding:10px 12px;display:inline-block}.freeze-frame-title{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.freeze-frame-stage{pointer-events:none;background:#fff;border-radius:6px;max-width:320px;max-height:300px;position:relative;overflow:hidden}.freeze-frame-stage .replayer-wrapper{float:none;position:absolute;top:0;left:0}.freeze-frame-stage iframe{border:none}.panes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=820px){.panes-grid{grid-template-columns:1fr}}.pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.pane-title{margin-bottom:12px;font-size:15px}.pane-empty{color:var(--muted);font-size:13px}.pane-empty-state{border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg);padding:16px 18px}.pane-empty-headline{color:var(--text);margin:0;font-size:13px;font-weight:600}.pane-empty-detail{color:var(--muted);margin:4px 0 0;font-size:12px}.console-lines{background:#0f1419;border-radius:6px;max-height:260px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:auto}.console-line{color:#cbd5e1;white-space:pre-wrap;word-break:break-word;gap:8px;padding:2px 0;display:flex}.console-ts{color:#64748b;flex-shrink:0}.console-level{flex-shrink:0;font-weight:700}.console-line.level-error .console-level,.console-line.level-uncaught .console-level,.console-line.level-unhandledrejection .console-level{color:#f87171}.console-line.level-error .console-msg,.console-line.level-uncaught .console-msg,.console-line.level-unhandledrejection .console-msg{color:#fca5a5}.console-line.level-warn .console-level{color:#fbbf24}.console-line.level-warn .console-msg{color:#fcd34d}.net-table{font-size:12px}.net-table th{background:0 0;padding:6px 8px}.net-table td{padding:6px 8px}.net-status{color:var(--danger);font-weight:600}.net-url{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.transcript-status{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:#f1f3f5;border-radius:4px;margin-bottom:10px;padding:1px 7px;font-size:11px;display:inline-block}.transcript-status.ts-done{color:#15803d;background:#dcfce7}.transcript-status.ts-failed{color:var(--danger);background:#fef2f2}.transcript-text{white-space:pre-wrap;margin:0 0 12px}.note-label{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:4px;font-size:11px}.transcript-audio{width:100%;margin-top:4px}.meta-list{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0 0 12px;display:grid}.meta-list dt{color:var(--muted);white-space:nowrap;font-weight:600}.meta-list dd{word-break:break-word;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.view-tabs{background:#e9ebef;border-radius:8px;gap:4px;margin-inline:16px auto;padding:3px;display:inline-flex}.view-tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px}.view-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:600}.dash-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0;display:grid}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.dash-card-value{font-size:28px;font-weight:700;line-height:1.1}.dash-card-label{color:var(--muted);margin-top:4px}.dash-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 16px;padding:16px}.dash-bars{border-bottom:1px solid var(--border);align-items:flex-end;gap:6px;height:120px;margin-top:14px;padding-bottom:4px;display:flex}.dash-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.dash-bar{background:var(--accent);border-radius:4px 4px 0 0;width:100%;max-width:26px;min-height:2px}.dash-bar--zero{background:var(--border)}.dash-bar-count{color:var(--muted);margin-bottom:2px;font-size:11px}.dash-bar-day{color:var(--muted);margin-top:4px;font-size:11px}.dash-project{border-bottom:1px solid var(--border);padding:10px 0}.dash-project:last-child{border-bottom:none}.dash-project-head{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.dash-project-usage{color:var(--muted);font-size:13px}.dash-caps-form{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.dash-cap-label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.dash-cap-label input{font:inherit;border:1px solid var(--border);border-radius:6px;width:110px;padding:5px 8px}.dash-cap-saved{color:#16a34a;font-size:12px}.dash-cap-saved--error{color:var(--danger)}.dash-scope-status{border:1px solid var(--border);border-radius:6px;margin:6px 0 10px;padding:8px 10px;font-size:13px}.dash-scope-status--none{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.dash-scope-status--set{background:#16a34a14;border-color:#16a34a}.dash-scope-hint{color:var(--muted);margin-top:4px;font-size:12px}.dash-setting{margin-top:10px}.dash-setting-label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.dash-setting-label textarea{font:inherit;border:1px solid var(--border);resize:vertical;border-radius:6px;width:100%;max-width:460px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.dash-setting-help{color:var(--muted);max-width:560px;margin-top:4px;font-size:12px}.dash-setting-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.dash-danger{border-top:1px dashed var(--border);align-items:center;gap:10px;margin-top:10px;padding-top:8px;display:flex}.dash-danger-note{color:var(--muted);font-size:12px}.dash-said-text{-webkit-line-clamp:2;cursor:pointer;-webkit-box-orient:vertical;max-width:320px;display:-webkit-box;overflow:hidden}.dash-said-text.expanded{-webkit-line-clamp:unset;display:block}.dash-audio{max-width:220px;height:30px}.dash-severity-select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:3px 6px;font-size:12px}.dash-severity-select.sev-critical{color:#dc2626;background:#fef2f2;border-color:#dc2626}.dash-severity-select.sev-high{color:#ea580c;background:#fff7ed;border-color:#ea580c}.dash-severity-select.sev-medium{color:#b45309;background:#fffbeb;border-color:#d97706}.dash-severity-select.sev-low{border-color:var(--border);color:var(--muted);background:#f8fafc}.dash-realbug-group{border:1px solid var(--border);border-radius:999px;display:inline-flex;overflow:hidden}.dash-realbug-btn{font:inherit;background:var(--surface);color:var(--muted);cursor:pointer;border:none;padding:3px 10px;font-size:12px}.dash-realbug-btn+.dash-realbug-btn{border-inline-start:1px solid var(--border)}.dash-realbug-btn.active{color:#fff;font-weight:600}.dash-realbug-btn:first-child.active{background:#16a34a}.dash-realbug-btn:nth-child(2).active{background:#6b7280}.dash-realbug-btn:last-child.active{color:var(--text);background:#cbd5e1}.steps-pane{grid-column:1/-1}.steps-list{max-height:320px;margin:0;padding:0;list-style:none;overflow:auto}.step-row{border-radius:6px;grid-template-columns:44px 16px minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:6px 8px;font-size:13px;line-height:1.45;display:grid}.step-row+.step-row{border-top:1px solid var(--border)}.step-time{color:var(--muted);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.step-glyph{color:var(--muted);text-align:center}.step-text{overflow-wrap:anywhere;min-width:0}.step-count{color:var(--muted);background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:0 6px;font-size:11px}.step-navigate .step-text{font-weight:600}.step-navigate .step-glyph{color:var(--accent)}.step-scroll .step-text{color:var(--muted)}.step-row--seekable{cursor:pointer}.step-row--seekable:hover{background:var(--bg)}.step-row--seekable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (height<=700px){.steps-list{max-height:240px}}.steps-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:linear-gradient(to top, var(--surface), #fff0) bottom / 100% 20px no-repeat local, linear-gradient(to top, #00000012, #0000) bottom / 100% 8px no-repeat scroll}.steps-list>.step-row:last-child{margin-bottom:6px}.replayer-wrapper{position:relative}.replayer-mouse{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:#0000;width:20px;height:20px;transition:left 50ms linear,top 50ms linear;position:absolute}.replayer-mouse:after{content:"";opacity:.3;background:#4950f6;border-radius:100%;width:20px;height:20px;display:inline-block;transform:translate(-50%,-50%)}.replayer-mouse.active:after{animation:.2s ease-in-out click}.replayer-mouse.touch-device{background-image:none;border:4px solid #4950f600;border-radius:100%;width:70px;height:70px;margin-top:-37px;margin-left:-37px;transition:left linear,top linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:.2s ease-in-out touch-click}.replayer-mouse-tail{pointer-events:none;position:absolute}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}