*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;letter-spacing:-.005em}:root{--font-sans: "Inter Tight", ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=dark]{--bg: #0A0B0E;--bg-2: #111318;--bg-3: #181B22;--bg-hover: #1D2029;--border: #222630;--border-strong: #2E333F;--text: #E6E8EC;--text-dim: #9AA0AC;--text-faint: #6B7080;--accent: #7C5CFF;--accent-bg: rgba(124,92,255,.14);--sev-rev: #FF5B5F;--sev-rev-bg: rgba(255,91,95,.12);--sev-rev-border: rgba(255,91,95,.35);--sev-ux: #FFB547;--sev-ux-bg: rgba(255,181,71,.12);--sev-ux-border: rgba(255,181,71,.35);--sev-cos: #8B8D98;--sev-cos-bg: rgba(139,141,152,.14);--sev-cos-border: rgba(139,141,152,.35);--ok: #3FD27F;--ok-bg: rgba(63,210,127,.14);--shadow-drawer: -12px 0 40px rgba(0,0,0,.5)}[data-theme=light]{--bg: #F5F6F8;--bg-2: #FFFFFF;--bg-3: #FFFFFF;--bg-hover: #F0F2F5;--border: #E2E4EA;--border-strong: #CDD1D9;--text: #171A21;--text-dim: #5A6270;--text-faint: #8A919D;--accent: #5B3CEB;--accent-bg: rgba(91,60,235,.1);--sev-rev: #D3292F;--sev-rev-bg: rgba(211,41,47,.08);--sev-rev-border: rgba(211,41,47,.35);--sev-ux: #C87A10;--sev-ux-bg: rgba(200,122,16,.1);--sev-ux-border: rgba(200,122,16,.4);--sev-cos: #6B7080;--sev-cos-bg: rgba(107,112,128,.1);--sev-cos-border: rgba(107,112,128,.3);--ok: #1C8A4B;--ok-bg: rgba(28,138,75,.1);--shadow-drawer: -12px 0 40px rgba(0,0,0,.12)}[data-theme=terminal]{--bg: #0C0F0B;--bg-2: #0F130D;--bg-3: #141911;--bg-hover: #1A2015;--border: #1F2819;--border-strong: #2E3B25;--text: #C6E0B7;--text-dim: #7A9968;--text-faint: #4B6040;--accent: #7FE04F;--accent-bg: rgba(127,224,79,.12);--sev-rev: #FF5E4F;--sev-rev-bg: rgba(255,94,79,.1);--sev-rev-border: rgba(255,94,79,.35);--sev-ux: #F4C14E;--sev-ux-bg: rgba(244,193,78,.1);--sev-ux-border: rgba(244,193,78,.35);--sev-cos: #6E8A5F;--sev-cos-bg: rgba(110,138,95,.12);--sev-cos-border: rgba(110,138,95,.3);--ok: #7FE04F;--ok-bg: rgba(127,224,79,.12);--shadow-drawer: -12px 0 40px rgba(0,0,0,.7);--font-sans: var(--font-mono)}.app{display:grid;grid-template-rows:1fr;grid-template-columns:auto 1fr;height:100vh}.app.nav-open{grid-template-columns:220px 1fr}.app.nav-collapsed{grid-template-columns:56px 1fr}.app-main{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;max-width:100%;height:100%}.app-main>.topbar{flex:0 0 56px}.app-main>.run-strip{flex:0 0 auto}.app-main>.body{flex:1 1 auto;min-height:0}.side-nav{background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.side-nav-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px;height:56px;border-bottom:1px solid var(--border)}.app.nav-collapsed .side-nav-hd{padding:14px 8px;justify-content:center;flex-direction:column;gap:6px;height:auto}.side-nav-toggle{color:var(--text-dim);flex-shrink:0}.side-nav-list{display:flex;flex-direction:column;gap:2px;padding:10px 8px}.side-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--text-dim);padding:7px 10px;font:inherit;font-size:13px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left}.app.nav-collapsed .side-nav-item{justify-content:center;padding:8px}.side-nav-item:hover{background:var(--bg-hover);color:var(--text)}.side-nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.side-nav-icon{display:grid;place-items:center;flex-shrink:0}.topbar{display:flex;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg-2);height:56px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;letter-spacing:-.01em}.brand-mark{width:28px;height:28px;background:url(/logo.png) center/contain no-repeat;flex-shrink:0}.brand-sep{color:var(--text-faint);margin:0 2px}.brand-sub{color:var(--text-dim);font-weight:500;font-size:13px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-nav{display:flex;gap:2px;margin-left:8px}.topbar-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--text-dim);padding:6px 10px;font:inherit;font-size:12.5px;border-radius:5px;cursor:pointer}.topbar-nav button:hover,.topbar-nav button.active{background:var(--bg-hover);color:var(--text)}.topbar-spacer{flex:1}.topbar-right{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:8px;padding:0 10px;height:30px;width:260px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-dim)}.search input{flex:1;background:transparent;border:0;color:var(--text);font:inherit;font-size:12.5px;outline:none}.search-kbd{font-family:var(--font-sans);font-size:10.5px;color:var(--text-faint);border:1px solid var(--border);border-radius:3px;padding:1px 4px}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent),#1a1a2e 35%));display:grid;place-items:center;color:#fff;font-weight:600;font-size:11px;letter-spacing:.02em}.run-strip{display:flex;align-items:stretch;gap:0;border-bottom:1px solid var(--border);background:var(--bg-2);padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.run-strip::-webkit-scrollbar{height:6px}.run-strip::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.run-tab{display:flex;flex-direction:column;gap:2px;padding:10px 20px;min-width:160px;flex-shrink:0;border-right:1px solid var(--border);cursor:pointer;position:relative;background:transparent;border-top:0;border-bottom:0;border-left:0;color:var(--text);text-align:left;font:inherit}.run-tab:hover{background:var(--bg-hover)}.run-tab.active{background:var(--bg)}.run-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.run-tab-top{display:flex;align-items:center;gap:8px;font-size:12px}.run-tab-id{font-family:var(--font-sans);font-weight:600;letter-spacing:-.01em}.run-tab-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.run-tab-status.passed{background:var(--ok)}.run-tab-status.failed{background:var(--sev-rev)}.run-tab-status.running{background:var(--sev-ux);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.run-tab-meta{font-size:11px;color:var(--text-dim);font-family:var(--font-sans)}.body{display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.body>*{min-height:0;min-width:0}.body.has-drawer{display:grid;grid-template-columns:1fr min(620px,60%);grid-template-rows:1fr}.body>.main-col{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.drawer{position:relative;z-index:5;border-left:1px solid var(--border);background:var(--bg-2);display:flex;flex-direction:column;min-height:0;min-width:0;animation:slideIn .2s ease}.run-hero{padding:22px 28px;border-bottom:1px solid var(--border);background:var(--bg-2)}.run-hero-top{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.run-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:4px;background:transparent;color:var(--sev-ux);border:1px solid color-mix(in oklab,var(--sev-ux),transparent 65%);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-sans)}.run-hero-badge .dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--sev-ux);animation:pulse 1.4s ease-in-out infinite}.run-hero-badge.ok{color:var(--ok);border-color:color-mix(in oklab,var(--ok),transparent 65%)}.run-hero-badge.fail{color:var(--sev-rev);border-color:color-mix(in oklab,var(--sev-rev),transparent 65%)}.run-hero-title{font-size:17px;font-weight:700;letter-spacing:-.015em}.run-hero-commit{font-family:var(--font-sans);color:var(--text-dim);font-size:12.5px}.run-hero-target{color:var(--text-faint);font-size:12px;margin-left:auto;font-family:var(--font-sans)}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin-top:6px}.progress-cell{position:relative;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-2);min-height:64px;display:flex;flex-direction:column;gap:2px}.progress-cell[data-state=done]{border-color:var(--ok);background:color-mix(in oklab,var(--ok-bg),var(--bg-2) 70%)}.progress-cell[data-state=fail]{border-color:var(--sev-rev);background:color-mix(in oklab,var(--sev-rev-bg),var(--bg-2) 70%)}.progress-cell[data-state=running]{border-color:var(--sev-ux);background:color-mix(in oklab,var(--sev-ux-bg),var(--bg-2) 60%)}.progress-cell[data-state=queued]{opacity:.55}.progress-cell .pc-label{font-size:11px;font-weight:600;letter-spacing:-.01em}.progress-cell .pc-meta{font-size:10px;color:var(--text-dim);font-family:var(--font-sans)}.progress-cell .pc-status{position:absolute;top:8px;right:8px;font-size:10px;font-family:var(--font-sans);text-transform:uppercase;font-weight:600}.progress-cell[data-state=done] .pc-status{color:var(--ok)}.progress-cell[data-state=fail] .pc-status{color:var(--sev-rev)}.progress-cell[data-state=running] .pc-status{color:var(--sev-ux)}.progress-bar{margin-top:10px;height:4px;background:var(--bg-3);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--sev-ux);transition:width .3s ease}.run-summary{display:flex;gap:0;margin-top:12px;flex-wrap:wrap;align-items:stretch;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg)}.stat{display:flex;flex-direction:column;gap:4px;padding:14px 20px;border-right:1px solid var(--border);min-width:130px;flex:1}.stat:last-of-type{border-right:0}.stat-n{font-size:24px;font-weight:700;letter-spacing:-.02em;font-family:var(--font-sans);line-height:1.05;color:var(--text)}.stat-l{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:var(--font-sans)}.stat.rev .stat-n{color:var(--sev-rev)}.stat.ux .stat-n{color:var(--sev-ux)}.stat.cos .stat-n{color:var(--text)}.toolbar{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0}.filter-group{display:inline-flex;gap:4px}.filter-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-dim);padding:6px 12px;font:inherit;font-size:12.5px;cursor:pointer;border-radius:6px;display:inline-flex;align-items:center;gap:7px;transition:background .12s ease,color .12s ease}.filter-chip:hover{background:var(--bg-hover);color:var(--text)}.filter-chip.active{background:var(--bg-hover);color:var(--text);font-weight:600}.filter-chip .count{font-family:var(--font-sans);font-size:11px;color:var(--text-faint);background:var(--bg);border:1px solid var(--border);padding:0 6px;border-radius:10px;min-width:18px;text-align:center}.filter-chip.active .count{color:var(--text-dim)}.filter-dot{width:7px;height:7px;border-radius:50%}.filter-dot.rev{background:var(--sev-rev)}.filter-dot.ux{background:var(--sev-ux)}.filter-dot.cos{background:var(--sev-cos)}.toolbar-spacer{flex:1}.sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;font-size:12px;padding:5px 26px 5px 10px;border-radius:6px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%239AA0AC' d='M0 0h10L5 6z'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.ghost-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:5px 10px;font:inherit;font-size:12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.ghost-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.primary-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent);border:0;color:#fff;padding:6px 12px;font:inherit;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer}.primary-btn:hover{filter:brightness(1.1)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.issue-list{flex:1;overflow-y:auto;min-height:0}.issue-row{display:grid;grid-template-columns:140px 1fr 140px 150px 96px;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border);cursor:pointer;align-items:center;background:var(--bg)}.issue-row:hover{background:var(--bg-hover)}.issue-row.selected{background:var(--accent-bg)}.issue-row.selected:before{content:"";position:absolute;left:0;width:3px;top:0;bottom:0;background:var(--accent)}.issue-row{position:relative}.issue-row.resolved{opacity:.5}.issue-row.resolved .issue-title-text{text-decoration:line-through}.issue-col-sev{display:flex;align-items:center;gap:8px}.sev-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 6px;border-radius:3px;font-size:10.5px;font-weight:500;letter-spacing:0;text-transform:none;font-family:var(--font-sans);border:0;white-space:nowrap;background:transparent}.sev-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.sev-pill.rev{color:var(--sev-rev);background:color-mix(in oklab,var(--sev-rev),transparent 88%)}.sev-pill.ux{color:var(--sev-ux);background:color-mix(in oklab,var(--sev-ux),transparent 88%)}.sev-pill.cos{color:var(--sev-cos);background:color-mix(in oklab,var(--sev-cos),transparent 88%)}.issue-title{display:flex;flex-direction:column;gap:3px;min-width:0}.issue-title-row{display:flex;align-items:center;gap:8px;min-width:0}.issue-id{font-family:var(--font-sans);font-size:11px;color:var(--text-faint);flex-shrink:0}.issue-title-text{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-plain{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-cat{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-dim)}.cat-icon{width:12px;height:12px;display:inline-block}.issue-devices{display:flex;gap:4px;flex-wrap:wrap}.device-chip{padding:2px 6px;border-radius:3px;background:var(--bg-3);border:1px solid var(--border);font-size:10px;font-family:var(--font-sans);color:var(--text-dim);white-space:nowrap}.issue-impact{display:flex;flex-direction:column;gap:2px}.impact-n{font-size:13px;font-weight:600;font-family:var(--font-sans)}.impact-l{font-size:10px;color:var(--text-dim);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em}.issue-actions{display:flex;gap:4px;justify-content:flex-end}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;width:24px;height:24px;border-radius:4px;color:var(--text-dim);cursor:pointer;display:grid;place-items:center}.icon-btn:hover{background:var(--bg-3);color:var(--text)}.icon-btn.spinning svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.list-header{display:grid;grid-template-columns:140px 1fr 140px 150px 96px;gap:16px;padding:10px 20px;background:var(--bg-2);border-bottom:1px solid var(--border);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-family:var(--font-sans);position:sticky;top:0;z-index:1}.empty-state{flex:1 1 auto;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:12px;margin:0 auto;max-width:520px}.empty-state h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.015em}.empty-state p{margin:0;color:var(--text-dim);line-height:1.5}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-hd{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:10px}.drawer-hd-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.drawer-hd-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drawer-title{font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--text)}.drawer-meta{display:flex;gap:14px;font-size:11px;color:var(--text-dim);font-family:var(--font-sans)}.drawer-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;width:28px;height:28px;border-radius:5px;color:var(--text-dim);cursor:pointer;display:grid;place-items:center;font-size:16px}.drawer-close:hover{background:var(--bg-hover);color:var(--text)}.drawer-body{flex:1;overflow-y:auto;min-height:0;padding:16px 20px 24px;display:flex;flex-direction:column;gap:18px}.plain-callout{padding:14px 16px;border-radius:6px;background:var(--bg-2);border:1px solid var(--border)}.plain-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-family:var(--font-sans)}.plain-text{font-size:14px;line-height:1.5;color:var(--text)}.section-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-family:var(--font-sans);display:flex;align-items:center;gap:8px;margin-bottom:10px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.evi-tabs{display:flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;width:-moz-fit-content;width:fit-content;margin-bottom:10px}.evi-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-dim);padding:6px 12px;font:inherit;font-size:11px;cursor:pointer;border-right:1px solid var(--border);font-family:var(--font-sans);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.evi-tab:last-child{border-right:0}.evi-tab.active{background:var(--bg);color:var(--text);font-weight:600}.evi-tab:hover:not(.active){background:var(--bg-hover);color:var(--text)}.evi-chrome{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.evi-chrome-bar{display:flex;align-items:center;gap:6px;padding:7px 10px;background:#eef0f3;border-bottom:1px solid #D9DCE1}[data-theme=dark] .evi-chrome-bar,[data-theme=terminal] .evi-chrome-bar{background:#2a2e3a;border-bottom-color:#1b1e26}.evi-dot{width:8px;height:8px;border-radius:50%;background:#cbd0d8}[data-theme=dark] .evi-dot,[data-theme=terminal] .evi-dot{background:#4a505c}.evi-dot:nth-child(1){background:#ff605c}.evi-dot:nth-child(2){background:#ffbd44}.evi-dot:nth-child(3){background:#00ca4e}.evi-urlbar{flex:1;margin:0 8px;padding:3px 8px;font-size:11px;font-family:var(--font-sans);color:#5b6270;background:#fff;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .evi-urlbar,[data-theme=terminal] .evi-urlbar{background:#1a1c22;color:#c6cad3}.evi-chrome-meta{font-size:10px;font-family:var(--font-sans);color:var(--text-faint)}.evi-chrome-body{background:#fafafb;display:flex;justify-content:center;max-height:420px;overflow:hidden}.evi-chrome-body svg{width:100%;height:auto;display:block;max-height:420px}.evi-diff{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 1400px){.evi-diff{grid-template-columns:1fr 1fr}}.evi-diff-pane{display:flex;flex-direction:column;gap:6px}.evi-diff-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em}.evi-dot-ok{width:8px;height:8px;border-radius:50%;background:var(--ok)}.evi-dot-bad{width:8px;height:8px;border-radius:50%;background:var(--sev-rev)}.evi-replay{display:flex;flex-direction:column;gap:10px}.evi-timeline{border:1px solid var(--border);border-radius:8px;background:var(--bg-3);padding:10px 14px}.evi-timeline-hd{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:8px}.evi-timeline-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text);font-family:var(--font-sans)}.evi-timeline-meta{font-size:11px;color:var(--text-dim);font-family:var(--font-sans)}.evi-timeline ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.evi-timeline li{display:grid;grid-template-columns:48px 1fr;gap:10px;font-size:12px;padding:4px 0}.evi-timeline li .evi-t{font-family:var(--font-sans);color:var(--text-faint);font-size:11px}.evi-timeline li .evi-a{color:var(--text)}.evi-timeline li:last-child .evi-a{color:var(--sev-rev);font-weight:600}.signal-grid{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 1200px){.signal-grid{grid-template-columns:1fr 1fr}}.signal{padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-3);display:flex;flex-direction:column;gap:2px}.signal-k{font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-sans);font-weight:600}.signal-v{font-size:12px;color:var(--text);font-family:var(--font-sans);word-break:break-word}.signal-v.mono{font-family:var(--font-sans)}.tech-block{padding:12px 14px;background:var(--bg-3);border:1px solid var(--border);border-radius:6px;font-family:var(--font-sans);font-size:12px;line-height:1.55;color:var(--text);word-break:break-word}.device-list{display:flex;flex-wrap:wrap;gap:6px}.device-card{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--sev-rev-bg);color:var(--sev-rev);min-width:140px}.device-card.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.device-card-name{font-size:12px;font-weight:600;font-family:var(--font-sans)}.device-card-meta{font-size:10px;color:var(--text-dim);font-family:var(--font-sans)}.fix-box{padding:12px 14px;border:1px dashed var(--ok);border-radius:6px;background:var(--ok-bg);color:var(--text);font-size:12.5px;line-height:1.5}.fix-box b{color:var(--ok);font-family:var(--font-sans);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;display:block;margin-bottom:4px}.drawer-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:center;flex-shrink:0;background:var(--bg-2)}.drawer-footer-spacer{flex:1}.issue-list::-webkit-scrollbar,.drawer-body::-webkit-scrollbar{width:10px}.issue-list::-webkit-scrollbar-thumb,.drawer-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px;border:2px solid transparent;background-clip:content-box}.issue-list::-webkit-scrollbar-thumb:hover,.drawer-body::-webkit-scrollbar-thumb:hover{background:var(--text-faint);border:2px solid transparent;background-clip:content-box}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-3);border:1px solid var(--border-strong);color:var(--text);padding:10px 16px;border-radius:8px;font-size:12.5px;box-shadow:0 8px 24px #0000004d;z-index:1000;display:flex;align-items:center;gap:8px;animation:toastIn .2s ease}@keyframes toastIn{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}.toast .ok-dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.page{flex:1;min-height:0;overflow-y:auto;padding:28px 32px;display:flex;flex-direction:column;gap:20px}.page-hd{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border);padding-bottom:16px}.page-title{font-size:20px;font-weight:700;letter-spacing:-.015em;font-family:Inter Tight,system-ui,sans-serif}.page-sub{font-size:12px;color:var(--text-dim);font-family:var(--font-sans);margin-top:4px}.page-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.mono{font-family:var(--font-sans)}.dim{color:var(--text-dim)}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;font-family:var(--font-sans)}.status-chip.ok{background:var(--ok-bg);color:var(--ok)}.status-chip.fail{background:var(--sev-rev-bg);color:var(--sev-rev)}.status-chip.warn,.status-chip.running{background:var(--sev-ux-bg);color:var(--sev-ux)}.status-chip.running:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sev-ux);animation:pulse 1.4s ease-in-out infinite}.runs-table{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-2)}.runs-table-hd,.runs-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr .8fr 1fr 24px;gap:12px;padding:10px 16px;align-items:center}.runs-table-hd{background:var(--bg-3);border-bottom:1px solid var(--border);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-family:var(--font-sans)}.runs-row{border-bottom:1px solid var(--border);cursor:pointer;font-size:13px;transition:background .12s ease}.runs-row:last-child{border-bottom:0}.runs-row:hover{background:var(--bg-hover)}.runs-row-id{display:flex;align-items:center;gap:8px;font-family:var(--font-sans);font-weight:600}.runs-row-commit{font-family:var(--font-sans);font-size:11px;color:var(--text-dim);margin-top:3px;margin-left:16px}.matrix-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.matrix-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:opacity .15s ease}.matrix-card.disabled{opacity:.45}.matrix-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.matrix-card-top>div:first-child{min-width:0;flex:1}.matrix-card-name{font-size:14px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matrix-card-os{font-size:11px;color:var(--text-dim);font-family:var(--font-sans);margin-top:2px}.matrix-card-meta{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.matrix-card-meta>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.matrix-k{font-size:11px;color:var(--text-faint);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em}.matrix-v{font-size:12px}.matrix-card-issues{display:flex;flex-direction:column;gap:6px}.matrix-issue{display:flex;align-items:center;gap:8px;font-size:12px}.matrix-issue-title{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}.switch{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--bg-3);border:1px solid var(--border-strong);transition:.15s;border-radius:999px}.switch-slider:before{content:"";position:absolute;height:12px;width:12px;left:2px;top:2px;background:var(--text-dim);transition:.15s;border-radius:50%}.switch input:checked+.switch-slider{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch-slider:before{transform:translate(14px);background:#fff}.baseline-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.baseline-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .15s ease}.baseline-card:hover{border-color:var(--border-strong)}.baseline-thumb{background:var(--bg-3);border-bottom:1px solid var(--border);aspect-ratio:200 / 120;display:block}.baseline-meta{padding:12px 14px;display:flex;flex-direction:column;gap:4px}.baseline-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.baseline-label{font-size:13px;font-weight:600}.baseline-url{font-size:11px;color:var(--text-dim)}.baseline-foot{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--text-dim);margin-top:6px;padding-top:8px;border-top:1px dashed var(--border)}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:28px;padding:28px 32px}.settings-side{display:flex;flex-direction:column;gap:1px}.settings-side-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:8px 12px;text-align:left;cursor:pointer;font:inherit;font-size:13px;color:var(--text-dim);border-radius:5px}.settings-side-item:hover{background:var(--bg-hover);color:var(--text)}.settings-side-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.settings-body{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:24px 28px;min-width:0}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-section .page-title{margin-bottom:4px}.form-row{display:flex;flex-direction:column;gap:6px;max-width:480px}.form-row label,.form-label{font-size:12px;font-weight:600;color:var(--text)}.form-hint{font-size:11.5px;color:var(--text-dim);line-height:1.4}.toggle-row{flex-direction:row;align-items:center;justify-content:space-between;max-width:none;padding:12px 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:0}.toggle-row>div:first-child{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.text-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border);padding:8px 10px;border-radius:5px;color:var(--text);font:inherit;font-size:13px;font-family:var(--font-sans);outline:none;transition:border-color .12s ease}.text-input:focus{border-color:var(--accent)}.team-list{display:flex;flex-direction:column;gap:8px}.team-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.team-row:last-child{border-bottom:0}.bill-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.bill-card>div:first-child{flex:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#08090c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;animation:fadeIn .15s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 64px);background:var(--bg-2);border:1px solid var(--border-strong);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px #0006;animation:slideIn .18s ease forwards}.modal-hd{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-body{padding:18px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;min-height:0}.modal-foot{padding:14px 22px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.seg-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border);padding:10px 12px;border-radius:6px;cursor:pointer;font:inherit;text-align:left;color:var(--text-dim);transition:all .12s ease}.seg-item:hover{border-color:var(--border-strong);color:var(--text)}.seg-item.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.seg-l{font-size:12.5px;font-weight:600}.seg-h{font-size:11px;opacity:.8;margin-top:2px}.device-pick{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.device-pick-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border);padding:8px 10px;border-radius:5px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:2px;text-align:left;color:var(--text-dim);transition:all .12s ease}.device-pick-item:hover{border-color:var(--border-strong);color:var(--text)}.device-pick-item.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.device-pick-name{font-size:12.5px;font-weight:600}.device-pick-meta{font-size:10.5px;font-family:var(--font-sans);opacity:.8}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg);padding:24px;overflow-y:auto}.auth-card{width:min(420px,100%);background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 40px #00000014}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.auth-tabs{display:flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;padding:2px;background:var(--bg)}.auth-tab{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:7px 12px;font:inherit;font-size:12.5px;color:var(--text-dim);cursor:pointer;border-radius:4px}.auth-tab.active{background:var(--bg-2);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000000d}.auth-title{font-size:20px;font-weight:700;letter-spacing:-.015em;margin-top:4px}.auth-sub{font-size:13px;color:var(--text-dim);margin-bottom:4px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form .form-row{max-width:none}.auth-err{font-size:12px;color:var(--sev-rev);background:var(--sev-rev-bg);padding:8px 10px;border-radius:5px;border:1px solid var(--sev-rev-border)}.auth-submit{width:100%;padding:9px;font-size:13px;margin-top:4px}.auth-foot{font-size:12.5px;color:var(--text-dim);text-align:center;border-top:1px solid var(--border);padding-top:14px;margin-top:4px}.auth-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0;font:inherit;font-size:inherit;color:var(--accent);cursor:pointer;font-weight:600}.auth-link:hover{text-decoration:underline}.plans-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:grid;place-items:start center;padding:40px 24px;overflow-y:auto}.plans-shell{width:min(960px,100%);display:flex;flex-direction:column;gap:18px}.plans-hd{display:flex;align-items:center;justify-content:space-between}.plans-title{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-top:8px}.plans-sub{font-size:13.5px;color:var(--text-dim)}.plans-grid{display:grid;gap:14px;margin-top:8px;grid-template-columns:repeat(3,1fr)}@media (max-width: 800px){.plans-grid{grid-template-columns:1fr}}.plan-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:24px;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:12px;transition:border-color .12s ease,box-shadow .12s ease;position:relative}.plan-card:hover{border-color:var(--border-strong)}.plan-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan-badge{position:absolute;top:14px;right:14px;background:transparent;color:var(--accent);font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.06em;text-transform:uppercase;border:1px solid color-mix(in oklab,var(--accent),transparent 60%)}.plan-name{font-size:12px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.plan-price{display:flex;align-items:baseline;gap:4px;padding-bottom:4px;border-bottom:1px solid var(--border)}.plan-price-n{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.plan-price-c{font-size:13px;color:var(--text-dim)}.plan-blurb{font-size:13px;color:var(--text-dim);line-height:1.5;min-height:38px}.plan-features{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px;font-size:13px}.plan-features li{display:flex;align-items:flex-start;gap:8px;color:var(--text)}.plan-check{color:var(--ok);font-weight:700;flex-shrink:0;font-size:12px;line-height:1.4}.plans-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.side-nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;border-radius:10px;padding:1px 7px;min-width:18px;text-align:center}.app.nav-collapsed .side-nav-badge{margin-left:0;position:absolute;top:4px;right:4px;font-size:9px;padding:0 4px;min-width:14px}.app.nav-collapsed .side-nav-item{position:relative}.inbox{flex:1 1 auto;min-height:0;min-width:0;display:grid;grid-template-columns:240px minmax(0,1fr);overflow:hidden;background:var(--bg)}.inbox-rail{border-right:1px solid var(--border);background:var(--bg-2);padding:14px 8px;display:flex;flex-direction:column;gap:1px;overflow-y:auto;min-height:0}.inbox-rail-hd{font-size:14px;font-weight:700;letter-spacing:-.01em;padding:4px 10px 12px}.inbox-rail-section{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:14px 10px 6px}.inbox-rail-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;cursor:pointer;color:var(--text-dim);font:inherit;font-size:13px;text-align:left}.inbox-rail-item:hover{background:var(--bg-hover);color:var(--text)}.inbox-rail-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.inbox-rail-icon{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;flex-shrink:0;background:var(--bg-3);font-size:12px}.inbox-rail-item.active .inbox-rail-icon{background:var(--accent);color:#fff}.inbox-rail-avatar{position:relative;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent),#1a1a2e 35%));color:#fff;font-size:9.5px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border-radius:50%;background:var(--ok);border:1.5px solid var(--bg-2)}.inbox-rail-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-rail-badge{background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;border-radius:10px;padding:1px 7px;min-width:18px;text-align:center}.inbox-main{display:flex;flex-direction:column;min-width:0;min-height:0}.inbox-hd{padding:14px 22px;border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0}.inbox-hd-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.inbox-hd-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.inbox-scroller{flex:1;overflow-y:auto;min-height:0;padding:16px 22px 12px;display:flex;flex-direction:column;gap:8px}.inbox-day{align-self:center;font-size:11px;color:var(--text-faint);background:var(--bg-2);border:1px solid var(--border);padding:2px 10px;border-radius:10px;margin:8px 0}.inbox-msg{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:6px 0;max-width:720px}.inbox-msg.bot .inbox-avatar{background:linear-gradient(135deg,var(--sev-ux),var(--accent))}.inbox-msg.own{display:flex;justify-content:flex-end;align-self:flex-end;max-width:70%;padding:4px 0}.inbox-msg.own .inbox-avatar{display:none}.inbox-msg.own .inbox-msg-body{background:var(--accent);color:#fff;border:0;border-radius:14px 14px 4px;padding:8px 14px;max-width:100%;box-shadow:0 1px 2px #00000014}.inbox-msg.own .inbox-msg-hd{display:none}.inbox-msg.own .inbox-msg-text{color:#fff;font-size:13.5px}.inbox-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent),#1a1a2e 35%));color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.inbox-msg-body{min-width:0;display:flex;flex-direction:column;gap:3px}.inbox-msg-hd{display:flex;align-items:baseline;gap:8px}.inbox-msg-author{font-size:13px;font-weight:600}.inbox-msg-ts{font-size:11px;color:var(--text-faint)}.inbox-msg-text{font-size:13.5px;line-height:1.45;color:var(--text);white-space:pre-wrap;word-break:break-word}.inbox-composer{padding:12px 22px;border-top:1px solid var(--border);background:var(--bg-2);display:flex;gap:8px;align-items:center;flex-shrink:0}.inbox-composer .text-input{flex:1}.inbox-composer.disabled{padding:14px 22px}.backend-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--bg)}.backend-pill .backend-dot{width:6px;height:6px;border-radius:50%;background:var(--text-faint)}.backend-pill.live{color:var(--ok);border-color:var(--ok);background:var(--ok-bg)}.backend-pill.live .backend-dot{background:var(--ok)}.backend-pill.offline{color:var(--text-faint)}.backend-pill.checking{color:var(--text-dim)}.backend-pill.checking .backend-dot{animation:pulse 1.4s ease-in-out infinite}.auth-warn{font-size:12px;color:var(--sev-ux);background:var(--sev-ux-bg);padding:8px 10px;border-radius:5px;border:1px solid var(--sev-ux-border);line-height:1.4}.auth-warn code{font-family:var(--font-mono);font-size:11px}.auth-info{font-size:12px;color:var(--ok);background:var(--ok-bg);padding:8px 10px;border-radius:5px;border:1px solid var(--ok)}.side-nav-group{display:flex;flex-direction:column;gap:1px;padding-bottom:8px;margin-bottom:4px;position:relative}.side-nav-group:not(.side-nav-group--bare):not(:last-child):after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:1px;background:var(--border)}.side-nav-group-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:8px 10px 4px}.side-nav-live{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--sev-rev);box-shadow:0 0 color-mix(in oklab,var(--sev-rev),transparent 30%);animation:side-nav-live-pulse 1.6s ease-out infinite}.app.nav-collapsed .side-nav-live{position:absolute;top:6px;right:6px;margin:0}@keyframes side-nav-live-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--sev-rev),transparent 30%)}70%{box-shadow:0 0 0 6px color-mix(in oklab,var(--sev-rev),transparent 100%)}to{box-shadow:0 0 color-mix(in oklab,var(--sev-rev),transparent 100%)}}.flow-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin-top:18px;margin-bottom:18px}.flow-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.flow-eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.flow-title{margin:4px 0 2px;font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.015em}.flow-sub{font-size:12px;color:var(--text-faint)}.flow-legend{display:flex;gap:12px;flex-wrap:wrap}.flow-leg{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.flow-pip{width:10px;height:10px;border-radius:2px;display:inline-block}.flow-pip--pass{background:var(--ok, #22c55e)}.flow-pip--fail{background:var(--sev-rev)}.flow-pip--warn{background:var(--sev-ux)}.flow-pip--run{background:var(--sev-cos);animation:pulse-small 1.4s ease-in-out infinite}.flow-pip--queue{background:var(--border)}.flow-axis{position:relative;height:22px;margin-bottom:8px;border-bottom:1px dashed var(--border)}.flow-tick{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in oklab,var(--border),transparent 40%)}.flow-tick-label{position:absolute;bottom:-16px;font-size:10px;color:var(--text-faint);font-family:var(--font-mono);white-space:nowrap}.flow-now-line{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--accent, #6e58ff);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent, #6e58ff),transparent 70%)}.flow-now-tag{position:absolute;top:-22px;transform:translate(-50%);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent, #6e58ff);padding:2px 6px;border-radius:4px}.flow-row{display:grid;grid-template-columns:200px 1fr;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid color-mix(in oklab,var(--border),transparent 50%)}.flow-row:last-of-type{border-bottom:0}.flow-name{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text)}.flow-name strong{font-weight:600}.flow-ratio{margin-left:auto;font-size:10px;color:var(--text-faint);font-family:var(--font-mono)}.flow-track{position:relative;height:22px;background:color-mix(in oklab,var(--surface-2),transparent 40%);border-radius:4px}.flow-seg{position:absolute;top:1px;bottom:1px;border-radius:3px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:default;transition:transform .12s,filter .12s}.flow-seg:hover{transform:scaleY(1.08);filter:brightness(1.08);z-index:1}.flow-seg--pass{background:color-mix(in oklab,var(--ok, #22c55e),transparent 30%)}.flow-seg--fail{background:color-mix(in oklab,var(--sev-rev),transparent 30%)}.flow-seg--warn{background:color-mix(in oklab,var(--sev-ux),transparent 30%)}.flow-seg--run{background:linear-gradient(90deg,color-mix(in oklab,var(--sev-cos),transparent 50%),color-mix(in oklab,var(--sev-cos),transparent 20%),color-mix(in oklab,var(--sev-cos),transparent 50%));background-size:200% 100%;animation:shimmer 1.6s linear infinite}.flow-seg--queue{background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--border),transparent 30%) 0 4px,transparent 4px 8px);border:1px dashed var(--border)}.flow-seg-badge{font-size:9.5px;font-weight:600;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.18);padding:0 4px}.flow-seg--queue .flow-seg-badge{color:var(--text-faint);text-shadow:none}.flow-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-dim)}.flow-stat strong{color:var(--text);margin-right:4px;font-weight:600}.narration-hd .log-chips{display:flex;gap:4px}.log-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s,color .15s,border-color .15s}.log-chip:hover{background:var(--surface-2);color:var(--text)}.log-chip.active{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.log-chip-pip{width:6px;height:6px;border-radius:50%}.log-chip-pip--ok{background:var(--ok, #22c55e)}.log-chip-pip--warn{background:var(--sev-ux)}.log-chip-pip--err{background:var(--sev-rev)}.narration-actions{display:flex;align-items:center;gap:6px}.log-icon-btn{width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:background .12s,color .12s}.log-icon-btn:hover{background:var(--surface-2);color:var(--text)}.log-icon-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.narration-empty{padding:24px;text-align:center;color:#6c7ba0;font-size:12px}.cov-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media (max-width: 900px){.cov-insights{grid-template-columns:1fr}}.insight-card{display:grid;grid-template-columns:36px 1fr;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;align-items:flex-start;transition:border-color .15s,transform .15s,box-shadow .15s}.insight-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.insight-card[data-tone=bad]{border-color:color-mix(in oklab,var(--sev-rev),transparent 60%)}.insight-card[data-tone=warn]{border-color:color-mix(in oklab,var(--sev-ux),transparent 60%)}.insight-card[data-tone=ok]{border-color:color-mix(in oklab,var(--ok, #22c55e),transparent 60%)}.insight-ico{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.insight-card[data-tone=bad] .insight-ico{background:color-mix(in oklab,var(--sev-rev),transparent 86%);color:var(--sev-rev)}.insight-card[data-tone=warn] .insight-ico{background:color-mix(in oklab,var(--sev-ux),transparent 86%);color:var(--sev-ux)}.insight-card[data-tone=ok] .insight-ico{background:color-mix(in oklab,var(--ok, #22c55e),transparent 86%);color:var(--ok, #22c55e)}.insight-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px}.insight-sub{font-size:12px;color:var(--text-dim);line-height:1.45}.hist-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}@media (max-width: 900px){.hist-summary{grid-template-columns:repeat(2,1fr)}}.hist-sum-cell{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.hist-sum-cell--lead{grid-column:span 1;background:linear-gradient(180deg,color-mix(in oklab,var(--accent, #6e58ff),transparent 95%) 0%,var(--surface) 100%)}.hist-sum-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.hist-sum-value{font-size:30px;font-weight:600;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.hist-sum-unit{font-size:14px;color:var(--text-faint);font-weight:400;margin-left:2px}.hist-sum-meta{font-size:12px;color:var(--text-faint);display:flex;align-items:center;gap:6px}.hist-heatmap{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:16px}.hist-heatmap-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.hist-heatmap-title{font-size:14px;font-weight:600;color:var(--text)}.hist-heatmap-sub{font-size:11.5px;color:var(--text-faint);margin-top:2px}.hist-heatmap-legend{display:flex;gap:8px;align-items:center;font-size:10.5px;color:var(--text-faint)}.hm-scale{display:inline-flex;gap:2px}.hm-scale span{width:12px;height:12px;border-radius:2px;display:inline-block;border:1px solid var(--border)}.hm-s0{background:var(--surface-2)}.hm-s1{background:color-mix(in oklab,var(--ok, #22c55e),transparent 70%)}.hm-s2{background:color-mix(in oklab,var(--ok, #22c55e),transparent 45%)}.hm-s3{background:color-mix(in oklab,var(--ok, #22c55e),transparent 15%)}.hm-s-fail{background:color-mix(in oklab,var(--sev-rev),transparent 30%)}.hm-fail-key{display:inline-flex;align-items:center;gap:5px;margin-left:8px}.hm-grid{display:grid;grid-template-columns:repeat(30,1fr);gap:4px;margin-bottom:8px}.hm-cell{aspect-ratio:1;border-radius:3px;border:1px solid var(--border);transition:transform .12s}.hm-cell:hover{transform:scale(1.18)}.hm-cell--s0{background:var(--surface-2)}.hm-cell--s1{background:color-mix(in oklab,var(--ok, #22c55e),transparent 70%)}.hm-cell--s2{background:color-mix(in oklab,var(--ok, #22c55e),transparent 45%)}.hm-cell--s3{background:color-mix(in oklab,var(--ok, #22c55e),transparent 15%)}.hm-cell--fail{background:color-mix(in oklab,var(--sev-rev),transparent 30%)}.hm-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--text-faint);font-family:var(--font-mono)}.hist-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:14px}.fb-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.fb-divider{width:1px;height:20px;background:var(--border)}.chip-group{display:inline-flex;gap:4px}.chip{padding:5px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:11.5px;color:var(--text-dim);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.chip:hover{background:var(--surface-2);color:var(--text)}.chip.active{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(95deg,color-mix(in oklab,var(--accent, #6e58ff),transparent 0%),color-mix(in oklab,#c44dff,transparent 0%),color-mix(in oklab,#ff5fa5,transparent 0%)) border-box;border:1px solid transparent;color:var(--text);font-weight:600}.hist-search{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);min-width:240px}.hist-search input{border:0;outline:0;background:transparent;font-size:12.5px;color:var(--text);flex:1;min-width:0}.hist-search kbd{font-size:10px;font-family:var(--font-mono);color:var(--text-faint);border:1px solid var(--border);border-radius:3px;padding:1px 5px;background:var(--surface-2)}.notif-card-v2{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .15s}.notif-card-v2:hover{border-color:var(--text-faint);transform:translateY(-1px);box-shadow:0 6px 14px #0000000d}.notif-cover-v2{aspect-ratio:16 / 8;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;position:relative;margin:-2px -2px 4px}.notif-cover-v2[data-tone=blocker]{background:radial-gradient(circle at 80% 20%,#f97373,#4a1417)}.notif-cover-v2[data-tone=warn]{background:radial-gradient(circle at 80% 20%,#f7b554,#4a3a14)}.notif-cover-v2[data-tone=info]{background:radial-gradient(circle at 20% 80%,#6e9cff,#1a2547)}.notif-cover-v2[data-tone=accent]{background:radial-gradient(circle at 20% 30%,#4ade80,#103424)}.notif-cover-v2 .cover-eyebrow{font-size:9.5px;font-weight:700;letter-spacing:.1em;opacity:.85;margin-bottom:4px;text-transform:uppercase}.notif-cover-v2 .cover-title{font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.01em}.notif-card-hd-v2{display:flex;align-items:baseline;gap:8px}.notif-card-hd-v2 .notif-card-title{flex:1;font-size:13px;font-weight:600;color:var(--text)}.notif-card-hd-v2 .notif-card-meta{font-size:11px;color:var(--text-faint);white-space:nowrap}.notif-card-hd-v2 .dot-sev{width:7px;height:7px;border-radius:50%;flex:none}.notif-tab--gradient.active{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(95deg,#3bacff,#3facff,#44abff 1.56%,#4caaff 3.12%,#59a8ff 6.25%,#70a3ff 12.5%,#9897fb 25%,#d57ae9 50%,#b193e1,#84a7d9 75%,#64afd4 81.25%,#4fb3d2,#31b7d0 87.5%,#13b9cf 89.06%,#01bace,#00bacc 90.62%,#00bbc6 93.75%,#00bebf) border-box;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(95deg,color(xyz 0.351 0.377 1.116),color(xyz 0.355 0.376 1.106),color(xyz 0.359 0.375 1.096) 3.12%,color(xyz 0.366 0.373 1.076) 6.25%,color(xyz 0.381 0.368 1.036) 12.5%,#9897fb 25%,#d57ae9 50%,#b193e1,#84a7d9 75%,#64afd4 81.25%,#4fb3d2,#31b7d0 87.5%,#13b9cf,color(xyz 0.281 0.394 0.645) 90.62%,color(xyz 0.266 0.398 0.632) 93.75%,color(xyz 0.238 0.406 0.608)) border-box;border:1px solid transparent}@keyframes card-rise{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spark-draw{0%{stroke-dasharray:0 1000}to{stroke-dasharray:1000 0}}@keyframes cov-cell-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.kpi-card,.conf-graph,.cov-wrap,.cov-stat,.live-hero,.narration-card,.runs-graph,.run-hero,.row-list,.matrix-card{animation:card-rise .85s cubic-bezier(.2,.7,.2,1) both}.kpi-grid>.kpi-card:nth-child(1){animation-delay:.1s}.kpi-grid>.kpi-card:nth-child(2){animation-delay:.22s}.kpi-grid>.kpi-card:nth-child(3){animation-delay:.34s}.kpi-grid>.kpi-card:nth-child(4){animation-delay:.46s}.cov-stats>.cov-stat:nth-child(1){animation-delay:.1s}.cov-stats>.cov-stat:nth-child(2){animation-delay:.22s}.cov-stats>.cov-stat:nth-child(3){animation-delay:.34s}.cov-stats>.cov-stat:nth-child(4){animation-delay:.46s}.conf-graph,.runs-graph,.cov-wrap{animation-delay:.05s}.live-hero{animation-delay:.08s}.narration-card{animation-delay:.25s}.row-list{animation-delay:.55s}.kpi-card,.cov-stat,.matrix-card{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.kpi-card:before,.cov-stat:before,.matrix-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--accent, #6e58ff),transparent 50%) 20%,color-mix(in oklab,var(--accent, #6e58ff),transparent 30%) 50%,color-mix(in oklab,var(--accent, #6e58ff),transparent 50%) 80%,transparent 100%);opacity:0;transform:translateY(-2px);transition:opacity .25s,transform .25s}.kpi-card:hover:before,.cov-stat:hover:before,.matrix-card:hover:before{opacity:1;transform:translateY(0)}.kpi-card:hover,.cov-stat:hover,.matrix-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px color-mix(in oklab,var(--text),transparent 88%),0 2px 6px color-mix(in oklab,var(--text),transparent 90%);border-color:color-mix(in oklab,var(--accent, #6e58ff),transparent 60%)}.cov-stat:has(.cov-stat-value--rev):hover{border-color:color-mix(in oklab,var(--sev-rev),transparent 60%);box-shadow:0 14px 40px color-mix(in oklab,var(--sev-rev),transparent 80%)}.conf-graph-line{stroke-dasharray:2000 2000;animation:spark-draw 2.6s cubic-bezier(.4,0,.2,1) .35s both}.conf-graph-area,.runs-graph-area,.runs-graph-bar{animation:card-rise .9s ease-out .55s both}.spark-line{stroke-dasharray:1000 1000;animation:spark-draw 2.2s cubic-bezier(.4,0,.2,1) .65s both}.spark-area{animation:card-rise .8s ease-out .85s both}.cov-table tbody td,.cov-table tbody th{animation:cov-cell-in .55s cubic-bezier(.2,.7,.2,1) both}.cov-table tbody tr:nth-child(1) td,.cov-table tbody tr:nth-child(1) th{animation-delay:.15s}.cov-table tbody tr:nth-child(2) td,.cov-table tbody tr:nth-child(2) th{animation-delay:.3s}.cov-table tbody tr:nth-child(3) td,.cov-table tbody tr:nth-child(3) th{animation-delay:.45s}.cov-table tbody tr:nth-child(4) td,.cov-table tbody tr:nth-child(4) th{animation-delay:.6s}.cov-cell--fail .cov-x{box-shadow:0 0 color-mix(in oklab,var(--sev-rev),transparent 50%);animation:cov-fail-pulse 2.4s ease-out infinite}@keyframes cov-fail-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--sev-rev),transparent 50%)}60%{box-shadow:0 0 0 8px color-mix(in oklab,var(--sev-rev),transparent 100%)}to{box-shadow:0 0 color-mix(in oklab,var(--sev-rev),transparent 100%)}}.side-nav-item{position:relative;transition:background .15s,color .15s,transform .15s}.side-nav-item:hover{transform:translate(1px)}.side-nav-item.active{background:color-mix(in oklab,var(--accent, #6e58ff),transparent 92%);color:var(--accent, #6e58ff);font-weight:600}.side-nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--accent, #6e58ff);animation:card-rise .25s ease-out}.tb-pill,.tb-bell,.primary-btn,.ghost-btn,.filter-chip{transition:transform .12s,background .12s,border-color .12s,box-shadow .12s,color .12s}.tb-pill:active,.tb-bell:active,.primary-btn:active,.ghost-btn:active{transform:scale(.97)}.tb-pill--gradient{background-size:220% 100%;animation:shimmer 6s linear infinite}.primary-btn{background:linear-gradient(180deg,color-mix(in oklab,var(--accent, #6e58ff),white 10%) 0%,var(--accent, #6e58ff) 100%);box-shadow:0 1px #ffffff2e inset,0 1px 2px #0000000f}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in oklab,var(--accent, #6e58ff),transparent 70%)}.conf-graph-legend .primary-btn{background:linear-gradient(180deg,color-mix(in oklab,var(--accent, #6e58ff),white 12%) 0%,var(--accent, #6e58ff) 100%)}.brand-mark{position:relative;filter:drop-shadow(0 0 0 transparent);transition:filter .25s}.brand:hover .brand-mark{filter:drop-shadow(0 0 6px color-mix(in oklab,var(--accent, #6e58ff),transparent 50%))}.side-nav-live{box-shadow:0 0 0 4px color-mix(in oklab,var(--sev-rev),transparent 86%)}.kpi-card,.cov-stat,.conf-graph,.runs-graph,.narration-card,.live-hero,.run-hero,.matrix-card{box-shadow:0 1px color-mix(in oklab,var(--text),transparent 95%) inset,0 1px 2px #00000005}.search-overlay,.fb-overlay{animation:card-rise .18s ease-out}.notif-panel{transform-origin:top right}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}.fb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:color-mix(in oklab,var(--bg),transparent 30%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.fb-panel{width:min(440px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px #0000002e;overflow:hidden;display:flex;flex-direction:column;animation:search-pop .14s ease-out}.fb-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.fb-hd h3{margin:0;font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.fb-close{width:24px;height:24px;border:0;background:transparent;cursor:pointer;color:var(--text-faint);font-size:20px;line-height:1;border-radius:4px}.fb-close:hover{background:var(--surface-2);color:var(--text)}.fb-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.fb-row{display:flex;flex-direction:column;gap:8px}.fb-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.fb-optional{color:var(--text-faint);font-weight:400;text-transform:none;letter-spacing:0;margin-left:4px}.fb-cats{display:flex;gap:6px;flex-wrap:wrap}.fb-cat{flex:1;min-width:80px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;font-size:12px;color:var(--text-dim);font-weight:500;transition:border-color .12s,background .12s,color .12s}.fb-cat:hover{background:var(--surface-2);color:var(--text)}.fb-cat.active{border-color:var(--accent, #6e58ff);background:color-mix(in oklab,var(--accent, #6e58ff),transparent 92%);color:var(--text)}.fb-stars{display:flex;gap:4px}.fb-star{border:0;background:transparent;cursor:pointer;font-size:22px;color:var(--border);padding:2px 4px;border-radius:4px;transition:color .12s,transform .08s}.fb-star:hover{transform:scale(1.1)}.fb-star.active{color:#fbbf24}.fb-textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px 12px;font-family:var(--font-sans);font-size:13px;color:var(--text);resize:vertical;min-height:100px;outline:0}.fb-textarea:focus{border-color:var(--accent, #6e58ff);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent, #6e58ff),transparent 80%)}.fb-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-faint)}.fb-page{font-family:var(--font-mono)}.fb-err{font-size:12px;color:var(--sev-rev);padding:8px 10px;border-radius:6px;background:color-mix(in oklab,var(--sev-rev),transparent 90%);border:1px solid color-mix(in oklab,var(--sev-rev),transparent 70%)}.fb-foot{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--border);background:var(--surface-2)}.fb-panel--done{text-align:center;padding:36px 28px;display:flex;flex-direction:column;align-items:center;gap:8px}.fb-panel--done h3{margin:0;font-size:16px}.fb-panel--done p{margin:0;font-size:13px;color:var(--text-faint)}.fb-done-icon{width:48px;height:48px;border-radius:50%;background:color-mix(in oklab,var(--ok, #22c55e),transparent 86%);color:var(--ok, #22c55e);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:4px}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:color-mix(in oklab,var(--bg),transparent 30%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.search-palette{width:min(560px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 60px #0000002e;overflow:hidden;animation:search-pop .14s ease-out}@keyframes search-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.search-input{flex:1;border:0;outline:0;background:transparent;font-size:14px;color:var(--text);font-family:var(--font-sans)}.search-results{max-height:60vh;overflow-y:auto;padding:6px}.search-result{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:0;background:transparent;cursor:pointer;text-align:left;width:100%;border-radius:6px;font-size:13px;color:var(--text)}.search-result.active{background:var(--surface-2)}.search-kind{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:2px 6px;border-radius:4px;border:1px solid var(--border);color:var(--text-faint);text-align:center}.search-kind--nav{color:var(--accent, #6e58ff);border-color:color-mix(in oklab,var(--accent, #6e58ff),transparent 60%)}.search-kind--run{color:var(--ok, #22c55e);border-color:color-mix(in oklab,var(--ok, #22c55e),transparent 60%)}.search-kind--issue{color:var(--sev-rev);border-color:color-mix(in oklab,var(--sev-rev),transparent 60%)}.search-label{font-weight:500}.search-hint{color:var(--text-faint);font-size:12px;white-space:nowrap}.search-empty{padding:36px;text-align:center;color:var(--text-faint);font-size:13px}.search-placeholder{color:var(--text-faint);flex:1;text-align:left}.topbar-title{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar-h{font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.01em}.topbar-crumb{font-size:11px;color:var(--text-faint)}.tb-pills{display:flex;align-items:center;gap:4px}.tb-pill{height:26px;padding:0 10px;border-radius:13px;border:1px solid var(--border);background:var(--surface);font-size:12px;color:var(--text-dim);font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.tb-pill:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong, var(--border))}.tb-pill--gradient{color:#fff;border-color:transparent;background:linear-gradient(90deg,#6e58ff,#c44dff,#ff5fa5)}.tb-pill--gradient:hover{color:#fff;filter:brightness(1.08)}.tb-pill--gradient svg{color:#fff}.bell-wrap{position:relative}.tb-bell{width:30px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;position:relative;transition:background .12s,color .12s}.tb-bell:hover{background:var(--surface-2);color:var(--text)}.tb-bell-dot{position:absolute;top:5px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--sev-rev);box-shadow:0 0 0 2px var(--surface)}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:460px;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 40px #0000002e,0 2px 8px #00000014;z-index:80;display:flex;flex-direction:column;overflow:hidden;animation:notif-pop .14s ease-out}@keyframes notif-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notif-tabs{display:flex;align-items:center;gap:2px;padding:6px 6px 0;border-bottom:1px solid var(--border);background:var(--surface)}.notif-tab{flex:0 0 auto;height:28px;padding:0 10px;border:0;background:transparent;cursor:pointer;font-size:12px;color:var(--text-faint);font-weight:500;border-radius:6px 6px 0 0;border-bottom:2px solid transparent;margin-bottom:-1px}.notif-tab:hover{color:var(--text-dim)}.notif-tab.active{color:var(--text);border-bottom-color:var(--accent, #6e58ff)}.notif-close{margin-left:auto;width:24px;height:24px;border:0;background:transparent;cursor:pointer;color:var(--text-faint);font-size:18px;line-height:1;border-radius:4px}.notif-close:hover{background:var(--surface-2);color:var(--text)}.notif-body{overflow-y:auto;padding:6px;flex:1}.notif-empty{padding:24px;text-align:center;color:var(--text-faint);font-size:12px}.notif-card{display:flex;gap:10px;padding:10px;border-radius:8px;cursor:pointer;transition:background .12s}.notif-card:hover{background:var(--surface)}.notif-card+.notif-card{border-top:1px solid var(--border);border-radius:0}.notif-card-main{flex:1;min-width:0}.notif-card-hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:3px}.notif-card-title{font-size:13px;font-weight:600;color:var(--text)}.notif-card-meta{font-size:10px;color:var(--text-faint);white-space:nowrap}.notif-card-body{font-size:12px;color:var(--text-dim);line-height:1.45}.notif-cover{flex:0 0 8px;width:8px;border-radius:4px;align-self:stretch}.dot-sev--rev{background:var(--sev-rev)}.dot-sev--ux{background:var(--sev-ux)}.dot-sev--cos{background:var(--sev-cos)}.dot-sev--ok{background:var(--ok, #22c55e)}.page{padding:24px 28px;max-width:1200px;width:100%}.page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.page-section{margin-bottom:28px}.page-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.page-section h3{font-size:14px;font-weight:600;margin:0 0 10px;color:var(--text)}.page-section-meta{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border)}.stat-card--rev:before{background:var(--sev-rev)}.stat-card--ux:before{background:var(--sev-ux)}.stat-card--cos:before{background:var(--sev-cos)}.stat-card--ok:before{background:var(--ok, #22c55e)}.stat-card-label{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.stat-card-value{font-size:24px;font-weight:600;color:var(--text);letter-spacing:-.02em}.stat-card-hint{font-size:11px;color:var(--text-dim)}.row-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface)}.row-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:0;background:transparent;cursor:pointer;text-align:left;font-size:13px;color:var(--text)}.row-item+.row-item{border-top:1px solid var(--border)}.row-item:hover{background:var(--surface-2)}.row-item-title{font-weight:600;min-width:100px;font-family:var(--font-mono);font-size:12px}.row-item-meta{font-size:12px;color:var(--text-dim)}.row-item-meta--right{margin-left:auto}.sev-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.sev-dot--rev{background:var(--sev-rev)}.sev-dot--ux{background:var(--sev-ux)}.sev-dot--cos{background:var(--sev-cos)}.sev-dot--ok{background:var(--ok, #22c55e)}.sev-dot.pulse{animation:pulse 1.4s ease-in-out infinite}.sev-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--border)}.sev-bar-seg{transition:flex .3s ease}.sev-bar-seg--rev{background:var(--sev-rev)}.sev-bar-seg--ux{background:var(--sev-ux)}.sev-bar-seg--cos{background:var(--sev-cos)}.sev-bar-seg--ok{background:var(--ok, #22c55e)}.conf-graph{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 26px 14px;margin-bottom:22px}.conf-graph-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.conf-graph-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.conf-graph-totals{display:flex;align-items:baseline;gap:10px}.conf-graph-num{font-family:var(--font-sans);font-size:48px;font-weight:500;letter-spacing:-.035em;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.conf-graph-unit{font-family:var(--font-sans);font-size:20px;color:var(--text-faint);font-weight:400;margin-left:4px}.conf-graph-meta{font-size:12px;color:var(--text-faint)}.conf-graph-delta{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.conf-graph-delta.up{color:var(--ok, #22c55e);background:color-mix(in oklab,var(--ok, #22c55e),transparent 88%)}.conf-graph-delta.down{color:var(--sev-rev);background:color-mix(in oklab,var(--sev-rev),transparent 88%)}.conf-graph-legend{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-dim)}.conf-graph-legend span{display:inline-flex;align-items:center;gap:6px}.lg-sw{width:10px;height:10px;border-radius:2px;display:inline-block}.lg-sw--ok{background:var(--ok, #22c55e)}.lg-sw--rev{background:var(--sev-rev)}.lg-sw--ux{background:var(--sev-ux)}.lg-sw--cos{background:var(--sev-cos)}.conf-graph-svg{width:100%;height:240px;display:block;cursor:crosshair}.conf-graph-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:2 4;opacity:.7}.conf-graph-axis{fill:var(--text-faint);font-size:10px;font-family:var(--font-mono)}.conf-graph-line{fill:none;stroke:var(--accent, #6e58ff);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.conf-graph-tick{stroke-width:1.6}.conf-graph-tick--rev{stroke:var(--sev-rev)}.conf-graph-tick--ux{stroke:var(--sev-ux)}.conf-graph-tick--cos{stroke:var(--sev-cos)}.conf-graph-cross{stroke:var(--text-faint);stroke-width:1;stroke-dasharray:3 3;opacity:.55}.conf-graph-dot{fill:var(--accent, #6e58ff);stroke:var(--bg);stroke-width:2}.conf-graph-tip{fill:var(--bg);stroke:var(--border);stroke-width:1}.conf-graph-tip-t{fill:var(--text-faint);font-size:8px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.conf-graph-tip-v{fill:var(--text);font-size:11px;font-weight:600}.conf-graph-tip-s{fill:var(--text-dim);font-size:8px;font-family:var(--font-mono)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-height:168px;transition:border-color .15s,box-shadow .15s}.kpi-card:hover{border-color:color-mix(in oklab,var(--text-faint),transparent 60%)}.kpi-hd{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.kpi-meta{font-size:11px;color:var(--text-faint)}.kpi-trend{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.kpi-trend--up{color:var(--ok, #22c55e);background:color-mix(in oklab,var(--ok, #22c55e),transparent 88%)}.kpi-trend--down{color:var(--sev-rev);background:color-mix(in oklab,var(--sev-rev),transparent 88%)}.kpi-value-row{display:inline-flex;align-items:baseline;gap:6px}.kpi-value{font-family:var(--font-sans);font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.kpi-value--rev{color:var(--sev-rev)}.kpi-value--ux{color:var(--sev-ux)}.kpi-value--cos{color:var(--sev-cos)}.kpi-value--ok{color:var(--ok, #22c55e)}.kpi-unit{font-size:13px;color:var(--text-faint);font-weight:400}.spark{width:100%;height:36px;display:block}.spark-line{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.spark-area{opacity:.14}.spark--ok .spark-line,.spark--ok rect{stroke:var(--ok, #22c55e);fill:var(--ok, #22c55e)}.spark--ok .spark-area{fill:var(--ok, #22c55e)}.spark--rev .spark-line,.spark--rev rect{stroke:var(--sev-rev);fill:var(--sev-rev)}.spark--rev .spark-area{fill:var(--sev-rev)}.spark--ux .spark-line,.spark--ux rect{stroke:var(--sev-ux);fill:var(--sev-ux)}.spark--ux .spark-area{fill:var(--sev-ux)}.spark--cos .spark-line,.spark--cos rect{stroke:var(--sev-cos);fill:var(--sev-cos)}.spark--cos .spark-area{fill:var(--sev-cos)}.kpi-stack{display:flex;flex-direction:column;gap:6px}.kpi-stack-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;font-size:12px}.kpi-stack-dot{width:8px;height:8px;border-radius:2px}.kpi-stack-dot--rev{background:var(--sev-rev)}.kpi-stack-dot--ux{background:var(--sev-ux)}.kpi-stack-dot--cos{background:var(--sev-cos)}.kpi-stack-k{color:var(--text-dim)}.kpi-stack-v{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.kpi-segments{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.kpi-seg{aspect-ratio:1;background:var(--border);border-radius:1px}.kpi-seg--ok{background:var(--ok, #22c55e)}.kpi-seg--fail{background:var(--sev-rev)}.kpi-foot{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-faint);margin-top:auto}.kpi-foot-strong{color:var(--text);font-weight:600}.kpi-foot-muted{color:var(--text-faint)}.kpi-foot-dot{width:6px;height:6px;border-radius:50%}.kpi-foot-dot--ok{background:var(--ok, #22c55e)}.kpi-foot-dot--rev{background:var(--sev-rev)}.kpi-foot-dot--ux{background:var(--sev-ux)}.kpi-foot-dot--cos{background:var(--sev-cos)}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px}.hero-stat{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px 28px;display:flex;flex-direction:column;gap:14px;min-height:180px}.hero-stat-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.hero-stat-value{font-family:var(--font-sans);font-size:56px;font-weight:500;letter-spacing:-.035em;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.hero-stat-value--rev{color:var(--sev-rev)}.hero-stat-value--ux{color:var(--sev-ux)}.hero-stat-value--cos{color:var(--sev-cos)}.hero-stat-value--ok{color:var(--ok, #22c55e)}.hero-stat-unit{font-family:var(--font-sans);font-size:22px;font-weight:400;color:var(--text-faint);margin-left:4px;letter-spacing:0}.hero-stat-bar{height:4px;border-radius:2px;background:var(--border);overflow:hidden}.hero-stat-bar-fill{height:100%;border-radius:2px;background:var(--text-dim);transition:width .6s ease}.hero-stat-bar--rev .hero-stat-bar-fill{background:var(--sev-rev)}.hero-stat-bar--ux .hero-stat-bar-fill{background:var(--sev-ux)}.hero-stat-bar--cos .hero-stat-bar-fill{background:var(--sev-cos)}.hero-stat-bar--ok .hero-stat-bar-fill{background:var(--ok, #22c55e)}.hero-stat-foot{font-size:12px;color:var(--text-dim);margin-top:auto}.hero-stat-foot--down{color:var(--sev-rev)}.hero-stat-foot--up{color:var(--ok, #22c55e)}.hero-stat-foot--muted{color:var(--text-faint)}@media (max-width: 720px){.hero-grid{grid-template-columns:1fr}}.overview-hero{display:flex;align-items:center;gap:28px;padding:24px 28px;margin-bottom:22px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.overview-hero-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.overview-hero-meta h2{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0;color:var(--text)}.overview-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;font-size:12px;color:var(--text-dim)}.overview-legend span{display:inline-flex;align-items:center;gap:6px}.overview-legend .sev-dot{display:inline-block}.progress-ring{position:relative;width:220px;height:220px;flex:0 0 220px}.progress-ring svg{transform:rotate(-90deg);display:block}.progress-ring-bg{fill:none;stroke:var(--border);stroke-width:14}.progress-ring-fg{fill:none;stroke:var(--accent, #6e58ff);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.progress-ring--rev .progress-ring-fg{stroke:var(--sev-rev)}.progress-ring--ux .progress-ring-fg{stroke:var(--sev-ux)}.progress-ring--cos .progress-ring-fg{stroke:var(--sev-cos)}.progress-ring--ok .progress-ring-fg{stroke:var(--ok, #22c55e)}.progress-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}.progress-ring-pct{font-size:54px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1;color:var(--text)}.progress-ring-unit{font-size:22px;color:var(--text-faint);font-weight:400;margin-left:2px}.progress-ring-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}@media (max-width: 720px){.overview-hero{flex-direction:column;align-items:stretch}.progress-ring{width:170px;height:170px;flex:0 0 170px;margin:0 auto}.progress-ring svg{width:170px;height:170px}}.live-hero{display:block;margin-bottom:18px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.live-hero-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface-2);font-size:12px;border-radius:14px 14px 0 0}.live-status{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;background:color-mix(in oklab,var(--ok, #22c55e),transparent 90%);border:1px solid color-mix(in oklab,var(--ok, #22c55e),transparent 60%);color:var(--ok, #22c55e);font-weight:600;letter-spacing:.02em}.live-status-dot{width:6px;height:6px;border-radius:50%;background:var(--ok, #22c55e);animation:pulse-small 1.4s ease-in-out infinite}.live-status-text{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.live-meta-chip{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim)}.lm-k{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-weight:600}.lm-v{font-size:12px;color:var(--text);font-weight:500}.lm-v.mono{font-family:var(--font-mono);font-weight:400}.live-meta-spacer{flex:1}.ghost-btn--sm{padding:4px 10px;font-size:11px}.live-hero-body{display:flex;align-items:flex-start;gap:36px;padding:28px 32px 30px}.live-ring{display:flex;flex:0 0 168px;align-items:center;justify-content:center}.live-ring .progress-ring{width:168px;height:168px;flex:0 0 168px}.live-ring .progress-ring svg{width:168px;height:168px}.live-ring .progress-ring-bg,.live-ring .progress-ring-fg{stroke-width:8}.live-ring .progress-ring-pct{font-size:38px;font-weight:500}.live-ring .progress-ring-unit{font-size:16px}.live-ring .progress-ring-label{font-size:9px;letter-spacing:.14em}.live-hero-meta{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;min-width:0}.live-hero-meta h2{font-size:24px;font-weight:600;letter-spacing:-.025em;margin:0;color:var(--text);line-height:1.15}.live-hero-sub{margin:0;font-size:13px;color:var(--text-faint);line-height:1.5}.live-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden}.live-metric{padding:14px 18px;border-right:1px solid var(--border)}.live-metric:last-child{border-right:0}.live-metric-k{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.live-metric-v{font-family:var(--font-sans);font-size:26px;font-weight:600;letter-spacing:-.035em;color:var(--text);font-variant-numeric:tabular-nums;font-feature-settings:"ss01","cv11","tnum";line-height:1}.live-metric-v.mono{font-family:var(--font-sans)}.live-metric-v .live-metric-sub{font-size:13px;font-weight:500;color:var(--text-faint);letter-spacing:-.01em;margin-left:2px;margin-right:2px;font-feature-settings:normal}.live-currently{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:color-mix(in oklab,var(--ok, #22c55e),transparent 92%);border:1px solid color-mix(in oklab,var(--ok, #22c55e),transparent 70%);font-size:13px}.live-currently-body{display:flex;flex-direction:column;gap:2px;min-width:0}.live-currently-k{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.live-currently-v{color:var(--text);font-weight:500}.pulse-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ok, #22c55e);animation:pulse-small 1.2s ease-in-out infinite;box-shadow:0 0 0 3px color-mix(in oklab,var(--ok, #22c55e),transparent 80%)}@keyframes pulse-small{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}.surface-progress{display:flex;gap:6px;flex-wrap:wrap}.surface-pip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:12px;color:var(--text-faint);transition:border-color .12s,background .12s}.surface-pip-mark{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;font-size:9px;font-weight:700;background:var(--surface-2);color:var(--text-faint)}.surface-pip-label{color:var(--text);font-weight:500}.surface-pip-hint{color:var(--text-faint);font-size:11px}.surface-pip[data-state=done]{border-color:color-mix(in oklab,var(--ok, #22c55e),transparent 70%);background:color-mix(in oklab,var(--ok, #22c55e),transparent 94%)}.surface-pip[data-state=done] .surface-pip-mark{background:var(--ok, #22c55e);color:#fff}.surface-pip[data-state=done] .surface-pip-label{color:var(--ok, #22c55e)}.surface-pip[data-state=running]{border-color:color-mix(in oklab,var(--sev-cos),transparent 60%);background:color-mix(in oklab,var(--sev-cos),transparent 92%)}.surface-pip[data-state=running] .surface-pip-mark{background:var(--sev-cos);color:#fff;animation:pulse-small 1.4s ease-in-out infinite}.surface-pip[data-state=running] .surface-pip-label{color:var(--text)}@media (max-width: 760px){.live-hero-body{flex-direction:column;gap:20px}.live-ring{align-self:center}.live-metrics{grid-template-columns:repeat(2,1fr)}.live-metric:nth-child(2){border-right:0}.live-metric:nth-child(1),.live-metric:nth-child(2){border-bottom:1px solid var(--border)}}.narration-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.narration-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.narration-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.narration-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ok, #22c55e);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.narration-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#0a0c10;border:1px solid #1c2030;border-radius:8px;font-family:var(--font-mono);font-size:12.5px;color:#fff;max-height:360px;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff05,inset 0 18px 40px #0006}.narration-line{display:flex;gap:10px;align-items:baseline;color:#fff}.narration-t{color:#fff;flex:0 0 56px;opacity:.85}.narration-icon{flex:0 0 14px;color:#fff}.narration-icon--ok,.narration-icon--warn{color:#fff;font-weight:700}.narration-text{color:#fff;flex:1;min-width:0}.narration-body::-webkit-scrollbar{width:8px;height:8px}.narration-body::-webkit-scrollbar-thumb{background:#1c2030;border-radius:4px}.narration-body::-webkit-scrollbar-track{background:transparent}.cov-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 24px;margin-bottom:18px}.cov-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.cov-title{font-size:18px;font-weight:600;letter-spacing:-.015em;margin:0;color:var(--text)}.cov-sub{font-size:12px;color:var(--text-faint);font-weight:400;margin-left:8px}.cov-toggle{display:inline-flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px}.cov-toggle-btn{border:0;background:transparent;cursor:pointer;padding:5px 14px;border-radius:999px;font-size:12px;color:var(--text-dim);font-weight:500}.cov-toggle-btn:hover{color:var(--text)}.cov-toggle-btn.active{background:var(--text);color:var(--bg);font-weight:600}.cov-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}@media (min-width: 900px){.cov-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.cov-stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.cov-stat--ok{background:color-mix(in oklab,var(--ok, #22c55e),transparent 90%);border-color:color-mix(in oklab,var(--ok, #22c55e),transparent 60%)}.cov-stat-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.cov-stat-value{font-family:var(--font-sans);font-size:44px;font-weight:500;letter-spacing:-.035em;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.cov-stat--ok .cov-stat-value{color:var(--ok, #22c55e)}.cov-stat-value--rev{color:var(--sev-rev)}.cov-stat-unit{font-family:var(--font-sans);font-size:20px;color:var(--text-faint);font-weight:400;margin-left:4px}.cov-stat-foot{font-size:12px;color:var(--text-faint)}.cov-legend{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:10px 14px;margin-bottom:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:12px;color:var(--text-dim)}.cov-legend-item{display:inline-flex;align-items:center;gap:8px}.cov-swatch{width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.cov-swatch--pass{border:1px solid var(--ok, #22c55e);color:var(--ok, #22c55e);background:color-mix(in oklab,var(--ok, #22c55e),transparent 92%)}.cov-swatch--fail{background:color-mix(in oklab,var(--sev-rev),transparent 80%);border:1px solid color-mix(in oklab,var(--sev-rev),transparent 50%)}.cov-swatch--skip{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 3px,var(--border) 3px,var(--border) 5px);border:1px solid var(--border)}.cov-swatch--na{background:var(--surface-2);border:1px solid var(--border)}.cov-legend-hint{margin-left:auto;color:var(--text-faint);font-size:11px}.cov-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.cov-table{width:100%;border-collapse:collapse;font-size:12px}.cov-table th,.cov-table td{padding:14px 12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;vertical-align:middle;background:var(--surface)}.cov-table th:last-child,.cov-table td:last-child{border-right:0}.cov-table tbody tr:last-child td,.cov-table tbody tr:last-child th{border-bottom:0}.cov-table thead th{font-weight:600;color:var(--text);background:var(--surface)}.cov-th-corner{text-align:left}.cov-corner-a{color:var(--text);font-size:13px}.cov-corner-b{color:var(--text-faint);font-size:12px;font-weight:400}.cov-th-top{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.cov-th-bot{font-size:13px;color:var(--text);font-weight:600;margin-top:2px}.cov-th-row{text-align:left}.cov-row-name{font-size:14px;font-weight:600;color:var(--text)}.cov-row-ver{font-size:11px;color:var(--text-faint);margin-left:6px;font-weight:400}.cov-cell{position:relative;min-width:110px;height:80px}.cov-tick{color:var(--ok, #22c55e);font-size:18px;font-weight:700}.cov-cell--na{background:color-mix(in oklab,var(--surface-2),transparent 30%)}.cov-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--text-faint);opacity:.5}.cov-cell--skip{background:repeating-linear-gradient(45deg,var(--surface),var(--surface) 6px,var(--surface-2) 6px,var(--surface-2) 12px);position:relative}.cov-skip-bar{display:block;width:22px;height:2px;background:var(--text-faint);margin:0 auto 4px}.cov-skip-text{display:block;font-size:11px;color:var(--text-faint);font-style:italic}.cov-cell--fail{background:color-mix(in oklab,var(--sev-rev),transparent 88%);cursor:pointer}.cov-cell--fail:hover{background:color-mix(in oklab,var(--sev-rev),transparent 78%)}.cov-x{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--sev-rev);color:#fff;font-size:13px;font-weight:700;margin-bottom:6px}.cov-fail-label{display:block;font-size:12px;color:var(--sev-rev);font-weight:500}.found-card{margin-top:18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.found-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.found-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.found-count{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sev-rev);background:color-mix(in oklab,var(--sev-rev),transparent 88%);border-radius:999px;padding:4px 10px}.found-list{display:flex;flex-direction:column}.found-row{display:flex;align-items:center;gap:14px;padding:12px 4px}.found-row+.found-row{border-top:1px solid var(--border)}.found-bar{flex:0 0 3px;align-self:stretch;background:var(--sev-rev);border-radius:2px;min-height:36px}.found-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.found-title{font-size:13.5px;font-weight:600;color:var(--text)}.found-meta{font-size:12px;color:var(--text-faint)}.found-ago{font-size:12px;color:var(--text-faint);white-space:nowrap}.settings-side-group-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:14px 10px 4px}.settings-side-group-label:first-child{padding-top:4px}.settings-side-item--danger{color:var(--sev-rev)}.settings-side-item--danger.active{background:color-mix(in oklab,var(--sev-rev),transparent 88%);color:var(--sev-rev)}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-tile{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:10px;background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;transition:border-color .12s,box-shadow .12s}.theme-tile:hover{border-color:var(--text-faint)}.theme-tile.active{border-color:var(--accent, #6e58ff);box-shadow:0 0 0 1px var(--accent, #6e58ff)}.theme-tile-preview{height:70px;border-radius:6px;border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f3f4f6);position:relative;overflow:hidden}.theme-tile-preview:before{content:"";position:absolute;left:8px;top:8px;right:30%;height:6px;background:#0000001f;border-radius:3px}.theme-tile-preview:after{content:"";position:absolute;left:8px;top:22px;right:8px;bottom:8px;background:#0000000f;border-radius:4px}.theme-tile--dark .theme-tile-preview{background:linear-gradient(135deg,#0b0d10,#1a1d22)}.theme-tile--dark .theme-tile-preview:before{background:#ffffff2e}.theme-tile--dark .theme-tile-preview:after{background:#ffffff14}.theme-tile--terminal .theme-tile-preview{background:#000}.theme-tile--terminal .theme-tile-preview:before{background:#0f8}.theme-tile--terminal .theme-tile-preview:after{background:#00ff882e}.danger-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:10px}.ghost-btn--danger{color:var(--sev-rev);border-color:color-mix(in oklab,var(--sev-rev),transparent 60%)}.ghost-btn--danger:hover{background:color-mix(in oklab,var(--sev-rev),transparent 90%)}