:root{color-scheme:light;font-family:SF Pro Text,Segoe UI,system-ui,-apple-system,sans-serif;font-synthesis:none;--canvas: #f3f6f4;--surface: #fbfcfc;--surface-muted: #eaf0ed;--surface-strong: #dfe8e4;--sidebar: #13201c;--sidebar-muted: #9aacA3;--text: #13201c;--text-muted: #607069;--line: #cad6d0;--line-soft: #dfe7e3;--accent: #0a775d;--accent-hover: #086349;--accent-soft: #dff2ea;--signal-mint: #a9e8d0;--danger: #b52731;--danger-hover: #941e27;--danger-soft: #fde8e9;--warning: #9b5a08;--success: #15704e;--radius-control: 10px;--radius-panel: 14px;--shadow-panel: 0 12px 40px rgba(23, 32, 28, .055)}*{box-sizing:border-box}html{background:var(--canvas)}body{min-width:320px;min-height:100dvh;margin:0;color:var(--text);background:var(--canvas)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}.app-shell{min-height:100dvh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:24px;padding:22px 14px 16px;color:#edf5f1;background:var(--sidebar)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 8px;font-size:17px}.brand-mark{display:grid;width:42px;height:42px;flex:none;place-items:center;border:1px solid #2c4038;border-radius:11px;color:var(--signal-mint);background:#17251f}.brand-mark .brand-symbol{width:29px;height:29px}.brand-mark-small{width:32px;height:32px;border-radius:9px}.brand-mark-small .brand-symbol{width:23px;height:23px}.brand-symbol{display:block;fill:currentColor}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;width:100%;min-height:42px;align-items:center;gap:11px;border:0;border-radius:var(--radius-control);padding:0 11px;color:#b7c5be;background:transparent;cursor:pointer;text-align:left;transition:background-color .12s ease,color .12s ease}.nav-item:hover{color:#f2f8f5;background:#213029}.nav-item.active{color:#f5fbf8;background:#2a3b33}.nav-item:active{transform:translateY(1px)}.nav-item:focus-visible{outline:2px solid var(--signal-mint);outline-offset:2px}.sidebar-footer{min-width:0;display:grid;gap:6px;margin-top:auto}.sidebar-system{display:grid;gap:7px;border-top:1px solid #2e3e37;padding:16px 10px 4px;color:var(--sidebar-muted);font-size:11px}.sidebar-system strong{display:flex;align-items:center;gap:7px;color:#dbe7e1;font-size:12px;font-weight:600}.sidebar-system i{width:7px;height:7px;border-radius:50%;background:#4bb48b}.sidebar-user{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;border-radius:var(--radius-control);padding:9px 8px;color:#edf5f1;background:#1a2a23}.user-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#10231c;background:var(--signal-mint);font-size:13px;font-weight:850}.sidebar-user-copy{min-width:0;display:grid;gap:3px}.sidebar-user-copy strong,.sidebar-user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-copy strong{font-size:12px;font-weight:750}.sidebar-user-copy small{color:#a9bbb2;font-size:10px}.logout{color:#9aaca3}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:20;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:14px 28px;background:color-mix(in srgb,var(--canvas) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-label{display:block;margin-bottom:4px;color:var(--text-muted);font-size:11px;font-weight:650}.topbar-title-row{display:flex;align-items:center;gap:12px;min-width:0}.topbar h1{overflow:hidden;margin:0;font-size:21px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.content{width:min(1440px,100%);margin:0 auto;padding:26px 28px 48px}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-control);padding:8px 13px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform 80ms ease}.button:active{transform:translateY(1px)}.button:disabled{cursor:wait;opacity:.62}.button-primary{color:#f5fffb;background:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-secondary{border-color:var(--line);color:var(--text);background:var(--surface)}.button-secondary:hover{border-color:#aabbb3;background:var(--surface-muted)}.button-stop{color:#fff8f8;background:var(--danger)}.button-stop:hover:not(:disabled){background:var(--danger-hover)}.button-large{min-height:46px;padding-inline:18px}.mobile-stop{display:none}.status-badge{display:inline-flex;min-height:25px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 8px;color:var(--text-muted);background:var(--surface);font-size:11px;font-weight:700;white-space:nowrap}.tone-ready,.tone-success{border-color:#a7d8c5;color:var(--success);background:var(--accent-soft)}.tone-active{border-color:#8bcbb3;color:var(--accent);background:var(--accent-soft)}.tone-danger{border-color:#efb4b8;color:var(--danger);background:var(--danger-soft)}.error-banner{position:sticky;top:82px;z-index:19;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #efb4b8;padding:10px 28px;color:var(--danger);background:var(--danger-soft);font-size:13px}.error-banner button{display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-panel)}.panel-heading{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-soft);padding:14px 17px}.panel-heading h2,.panel-heading p{margin:0}.panel-heading h2{font-size:15px;letter-spacing:-.01em}.panel-heading p{margin-top:3px;color:var(--text-muted);font-size:11px}.runs-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:18px}.run-list{position:sticky;top:108px;overflow:hidden}.run-list-items{max-height:calc(100dvh - 210px);overflow-y:auto}.run-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line-soft);padding:13px 14px;background:transparent;cursor:pointer;text-align:left}.run-row:last-child{border-bottom:0}.run-row:hover{background:var(--surface-muted)}.run-row.selected{box-shadow:inset 3px 0 var(--accent);background:var(--accent-soft)}.run-row-main{display:grid;min-width:0;gap:4px}.run-row-main strong,.run-row-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-row-main strong{font-size:13px}.run-row-main span{color:var(--text-muted);font-size:11px}.run-detail{min-width:0;display:grid;gap:18px}.setup-panel{overflow:hidden}.connection-progress{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;margin:16px 17px;border:1px solid var(--line);border-radius:var(--radius-control);padding:13px;background:var(--canvas)}.connection-progress-dot{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft)}.connection-progress-dot i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:connection-pulse 1.3s ease-out infinite}.connection-progress strong{font-size:12px}.connection-progress p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.5}.connection-progress.tone-success{border-color:color-mix(in srgb,var(--success) 40%,var(--line));background:color-mix(in srgb,var(--success) 6%,var(--surface))}.connection-progress.tone-danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:var(--danger-soft)}.connection-progress.tone-danger .connection-progress-dot{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface))}@keyframes connection-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 38%,transparent)}75%,to{box-shadow:0 0 0 8px transparent}}.manual-pairing{border-top:1px solid var(--line-soft)}.manual-pairing summary{padding:12px 17px;color:var(--text-muted);font-size:11px;font-weight:700;cursor:pointer}.manual-pairing[open] summary{border-bottom:1px solid var(--line-soft);color:var(--text)}.pair-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);gap:10px;padding:16px 17px 4px}.copy-value{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;border:1px solid var(--line-soft);border-radius:var(--radius-control);padding:10px 11px;background:var(--canvas)}.copy-value>span{grid-column:1 / -1;color:var(--text-muted);font-size:10px}.copy-value strong{overflow:hidden;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.copy-value.emphasis strong{color:var(--accent);font-size:20px;letter-spacing:.1em}.copy-value button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:7px;color:var(--text-muted);background:var(--surface);cursor:pointer}.setup-steps{display:grid;gap:10px;margin:0;padding:16px 17px;list-style:none}.setup-steps li{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:9px}.setup-steps li>span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-size:11px;font-weight:800}.setup-steps p{margin:0;color:var(--text-muted);font-size:12px}.setup-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line-soft);padding:14px 17px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info-block{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;border:1px solid var(--line);border-radius:var(--radius-panel);padding:13px;background:color-mix(in srgb,var(--surface) 82%,var(--canvas))}.info-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.info-block div{min-width:0;display:grid;gap:4px}.info-block div>span{color:var(--text-muted);font-size:10px}.info-block strong,.info-block a{overflow:hidden;font-size:12px;text-overflow:ellipsis}.info-block strong{overflow-wrap:anywhere;white-space:normal}.info-block a{white-space:nowrap}.info-block a{color:var(--accent)}.failure-panel{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:14px;border-color:color-mix(in srgb,var(--danger) 32%,var(--line));padding:17px;background:var(--danger-soft)}.failure-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.failure-panel h2,.failure-panel p{margin:0}.failure-panel h2{font-size:15px}.failure-panel p{margin-top:5px;color:var(--text-muted);font-size:12px;line-height:1.55}.failure-panel details{margin-top:8px;color:var(--text-muted);font-size:10px}.failure-panel details code{display:block;margin-top:5px;overflow-wrap:anywhere;color:var(--danger)}.timeline-panel{overflow:hidden}.timeline{display:grid;padding:10px 17px 16px}.timeline-row{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;min-height:50px;padding-top:12px}.timeline-row:not(:last-child):after{content:"";position:absolute;top:27px;bottom:-9px;left:5px;width:1px;background:var(--line)}.timeline-node{position:relative;z-index:1;width:11px;height:11px;margin-top:2px;border:2px solid var(--surface);border-radius:50%;background:#9aaba3;box-shadow:0 0 0 1px var(--line)}.timeline-node.active{background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.timeline-row div{display:flex;justify-content:space-between;gap:12px}.timeline-row strong{font-size:12px}.timeline-row span{color:var(--text-muted);font-size:10px}.report-panel{overflow:hidden}.report-summary{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:18px;padding:20px;background:color-mix(in srgb,var(--accent-soft) 56%,var(--surface))}.score-value{display:grid;width:72px;height:72px;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-size:24px;font-weight:800}.report-summary-copy{min-width:0}.report-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.report-title-row h2,.report-summary-copy>p{margin:0}.report-title-row h2{font-size:18px;letter-spacing:-.02em}.report-title-row>span{border-radius:999px;padding:4px 8px;color:var(--accent);background:var(--surface);font-size:10px;font-weight:750;white-space:nowrap}.report-summary-copy>p{max-width:72ch;margin-top:6px;color:var(--text-muted);font-size:13px;line-height:1.6;text-wrap:pretty}.report-coverage{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:12px;color:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums}.report-coverage span{position:relative}.report-coverage span:not(:last-child):after{position:absolute;top:50%;right:-9px;width:2px;height:2px;border-radius:50%;background:currentColor;content:""}.report-section{border-top:1px solid var(--line-soft);padding:20px}.report-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.report-section-heading h3,.report-section-heading p{margin:0}.report-section-heading h3{font-size:14px;text-wrap:balance}.report-section-heading p{color:var(--text-muted);font-size:10px;line-height:1.45;text-align:right}.report-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.report-metric{display:grid;gap:7px;padding:14px 12px}.report-metric:not(:last-child){border-right:1px solid var(--line-soft)}.report-metric span{color:var(--text-muted);font-size:10px}.report-metric strong{font-size:23px;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.report-interpretation{max-width:75ch;margin:12px 0 0;color:var(--text-muted);font-size:11px;line-height:1.65}.report-stage-table{border-top:1px solid var(--line)}.report-stage-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 62px;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft);padding:11px 2px}.report-stage-row strong{font-size:12px}.report-stage-row span{color:var(--text-muted);font-size:10px}.report-stage-row b{color:var(--accent);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.report-finding-list,.report-action-list{margin:0;padding:0;list-style:none}.report-finding-list{border-top:1px solid var(--line)}.report-finding-list>li{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;border-bottom:1px solid var(--line-soft);padding:14px 2px}.report-finding-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.report-finding-meta span{border-radius:999px;padding:4px 7px;color:var(--danger);background:var(--danger-soft);font-size:9px;font-weight:800;white-space:nowrap}.report-finding-meta b{color:var(--text-muted);font-size:9px;font-variant-numeric:tabular-nums}.report-finding-list h4,.report-action-list h4{margin:0;font-size:12px;line-height:1.55;text-wrap:pretty}.report-finding-list p,.report-action-list p{max-width:78ch;margin:7px 0 0;color:var(--text-muted);font-size:10px;line-height:1.6;overflow-wrap:anywhere}.report-finding-list p strong,.report-action-list p strong{margin-right:7px;color:var(--text);font-size:9px}.report-action-list{counter-reset:report-action}.report-action-list>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:13px;border-top:1px solid var(--line-soft);padding:15px 2px}.report-action-list>li:last-child{padding-bottom:2px}.report-action-list>li>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-size:11px;font-weight:800}.report-action-list small{display:block;margin-top:8px;color:var(--text-muted);font-size:9px}.report-limitations ul{display:grid;gap:8px;margin:0;padding-left:17px;color:var(--text-muted);font-size:10px;line-height:1.55}.report-raw{border-top:1px solid var(--line-soft);color:var(--text-muted);font-size:10px}.report-raw summary{padding:14px 20px;cursor:pointer;font-weight:700}.report-raw[open] summary{border-bottom:1px solid var(--line-soft);color:var(--text)}.report-raw pre{max-height:520px;overflow:auto;margin:0;padding:16px 20px;color:var(--text);background:var(--canvas);font:10px/1.6 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.empty-state{min-height:calc(100dvh - 180px);display:grid;place-items:center;align-content:center;text-align:center}.empty-icon{display:grid;width:72px;height:72px;place-items:center;border-radius:18px;color:var(--accent);background:var(--accent-soft)}.empty-state h2{margin:22px 0 8px;font-size:22px}.empty-state p{width:min(480px,100%);margin:0 0 22px;color:var(--text-muted);line-height:1.6}.skeleton-panel{min-height:440px;background:var(--surface)}.skeleton-stack{display:grid;gap:12px}.skeleton-stack div,.skeleton-line{border-radius:var(--radius-panel);background:linear-gradient(90deg,var(--surface-muted),var(--surface),var(--surface-muted));background-size:200% 100%;animation:shimmer 1.4s infinite linear}.skeleton-stack div{min-height:150px;border:1px solid var(--line-soft)}@keyframes shimmer{to{background-position:-200% 0}}.form-page,.config-page,.stats-page{width:min(980px,100%);margin:0 auto}.page-intro{margin:4px 0 22px}.page-intro h2{margin:0;font-size:24px;letter-spacing:-.035em}.page-intro p{margin:7px 0 0;color:var(--text-muted);font-size:13px;line-height:1.6}.evaluation-form{overflow:hidden}.form-section{display:grid;gap:16px;border-bottom:1px solid var(--line-soft);padding:22px}.form-section h3{margin:0;font-size:14px}.form-grid.two-column{display:grid;grid-template-columns:1fr 1.35fr;gap:14px}.field{display:grid;gap:7px}.field>span{font-size:12px;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:var(--radius-control);padding:10px 11px;outline:none;color:var(--text);background:var(--surface);resize:vertical}.field input,.field select{min-height:42px}.field input::placeholder,.field textarea::placeholder{color:#7c8a84}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent)}.field small,.form-footnote{color:var(--text-muted);font-size:10px;line-height:1.5}.mode-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 22px 0;border:1px solid #a7d8c5;border-radius:var(--radius-panel);padding:14px;background:var(--accent-soft)}.mode-summary>div{display:flex;align-items:center;gap:11px;color:var(--accent)}.mode-summary>div span{display:grid;gap:3px;color:var(--text)}.mode-summary strong{font-size:13px}.mode-summary small{color:var(--text-muted);font-size:11px}.mode-selected{display:flex;align-items:center;gap:5px;color:var(--success);font-size:11px;font-weight:750}.extension-readiness{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;margin:10px 22px 0;border:1px solid var(--line);border-radius:var(--radius-control);padding:12px 13px;background:var(--canvas)}.extension-readiness-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:var(--text-muted);background:var(--surface-muted)}.extension-readiness>div:not(.extension-readiness-actions){display:grid;gap:4px}.extension-readiness strong{font-size:12px}.extension-readiness small{color:var(--text-muted);font-size:10px;line-height:1.45}.extension-readiness.is-ready{border-color:color-mix(in srgb,var(--success) 40%,var(--line));background:color-mix(in srgb,var(--success) 6%,var(--surface))}.extension-readiness.is-ready .extension-readiness-icon{color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--surface))}.extension-readiness.is-checking .extension-readiness-icon{animation:connection-pulse 1.3s ease-out infinite}.extension-readiness.is-missing{border-color:color-mix(in srgb,var(--danger) 30%,var(--line));background:var(--danger-soft)}.extension-readiness.is-missing .extension-readiness-icon{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface))}.extension-readiness-actions{display:flex;align-items:center;gap:4px}.extension-readiness-actions .button{min-height:34px;padding:7px 10px;font-size:10px}.form-actions{display:flex;justify-content:flex-end;padding:18px 22px 22px}.inline-error{display:flex;align-items:flex-start;gap:7px;margin:14px 22px 0;border-radius:var(--radius-control);padding:10px;color:var(--danger);background:var(--danger-soft);font-size:12px}.config-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px}.config-hero h3{margin:5px 0 6px;font-size:19px}.config-hero p{max-width:640px;margin:0;color:var(--text-muted);font-size:12px;line-height:1.6}.config-type{color:var(--accent);font-size:10px;font-weight:750}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.config-block{display:grid;gap:7px;border:1px solid var(--line);border-radius:var(--radius-panel);padding:17px;background:var(--surface)}.config-block.wide{grid-column:1 / -1}.config-block>span{color:var(--text-muted);font-size:10px}.config-block strong{font-size:14px}.config-block p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.55}.skill-list{display:flex;flex-wrap:wrap;gap:8px}.skill-list code{border:1px solid var(--line);border-radius:7px;padding:7px 9px;color:var(--accent);background:var(--canvas);font-size:11px}.template-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 10px}.template-section-heading h3,.template-section-heading p{margin:0}.template-section-heading h3{font-size:16px}.template-section-heading p{color:var(--text-muted);font-size:11px}.template-list{overflow:hidden}.template-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px}.template-main{min-width:0;display:grid;gap:5px}.template-main strong{font-size:15px}.template-main a{overflow:hidden;color:var(--accent);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.template-main p{max-width:720px;margin:2px 0 0;color:var(--text-muted);font-size:12px;line-height:1.55}.guide-page,.extension-page{width:min(1080px,100%);margin:0 auto}.guide-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px}.guide-hero h3{margin:5px 0 8px;font-size:20px;letter-spacing:-.025em}.guide-hero p{max-width:700px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.65}.guide-actions{display:flex;flex-shrink:0;gap:9px}.system-map{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 28px;color:var(--text-muted)}.system-map>div{min-width:0;display:grid;flex:1;gap:4px;border-bottom:2px solid var(--line);padding:12px 2px}.system-map strong{color:var(--text);font-size:12px}.system-map span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.system-map>svg{flex:none}.guide-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 10px}.guide-section-heading h3,.guide-section-heading p{margin:0}.guide-section-heading h3{font-size:16px}.guide-section-heading p{color:var(--text-muted);font-size:11px}.guide-visual-heading{align-items:end}.guide-visual-heading>div{display:grid;gap:5px}.visual-guide{display:grid;gap:0;border-top:1px solid var(--line)}.visual-guide-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);align-items:center;gap:28px;margin:0;border-bottom:1px solid var(--line);padding:24px 0}.visual-guide-row:nth-child(2n) .visual-guide-shot{order:2}.visual-guide-row:nth-child(2n) figcaption{order:1}.visual-guide-shot{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-panel);background:#101713}.visual-guide-shot:after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.05);border-radius:inherit;content:"";pointer-events:none}.visual-guide-shot img{display:block;width:100%;height:auto}.visual-guide-row figcaption h3{margin:6px 0 15px;font-size:18px;letter-spacing:-.02em}.visual-guide-row figcaption ol{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:screenshot-prompt}.visual-guide-row figcaption li{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:9px;counter-increment:screenshot-prompt}.visual-guide-row figcaption li strong{border-radius:999px;padding:5px 7px;color:var(--accent);background:var(--accent-soft);font-size:10px;text-align:center}.visual-guide-row figcaption li p{margin:2px 0 0;color:var(--text-muted);font-size:11px;line-height:1.6}.pairing-prompt{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;margin:4px 0 28px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:var(--radius-control);padding:14px 16px;background:var(--accent-soft)}.pairing-prompt-number{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:var(--canvas);background:var(--accent);font-size:14px;font-weight:850}.pairing-prompt strong{font-size:12px}.pairing-prompt p{margin:5px 0 0;color:var(--text-muted);font-size:11px;line-height:1.6}.guide-steps{margin:0;overflow:hidden;padding:0;list-style:none}.guide-steps li{min-height:78px;display:grid;grid-template-columns:28px 38px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft);padding:13px 17px}.guide-steps li:last-child{border-bottom:0}.guide-step-number{color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.guide-step-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.guide-steps strong{font-size:13px}.guide-steps p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.5}.text-action{display:inline-flex;align-items:center;gap:5px;border:0;padding:8px;color:var(--accent);background:transparent;font-size:11px;font-weight:750;cursor:pointer}.guide-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.guide-checklist>div{display:grid;grid-template-columns:22px 1fr;gap:8px;border-top:1px solid var(--line);padding:14px 2px;color:var(--text-muted);font-size:11px;line-height:1.55}.guide-checklist svg{color:var(--accent)}.guide-checklist strong{display:block;margin-bottom:2px;color:var(--text)}.extension-release{display:flex;align-items:center;gap:16px;padding:20px}.extension-release-icon{display:grid;width:56px;height:56px;flex:none;place-items:center;border-radius:14px;color:var(--accent);background:var(--accent-soft)}.extension-release-icon .brand-symbol{width:36px;height:36px}.extension-release-copy{min-width:0;flex:1}.extension-release h3,.extension-release p{margin:0}.extension-release h3{margin-top:4px;font-size:19px}.extension-release p{margin-top:5px;color:var(--text-muted);font-size:11px}.extension-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:start;gap:14px;margin-top:14px}.install-panel{overflow:hidden}.install-steps{margin:0;padding:8px 17px;list-style:none}.install-steps li{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:start;gap:10px;border-bottom:1px solid var(--line-soft);padding:11px 0}.install-steps li:last-child{border-bottom:0}.install-steps li>span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-size:10px;font-weight:800}.install-steps p{margin:2px 0 0;color:var(--text-muted);font-size:12px;line-height:1.5}.chrome-path{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line-soft);padding:14px 17px;color:var(--text-muted);font-size:11px}.chrome-path code{border-radius:7px;padding:7px 9px;color:var(--accent);background:var(--canvas);font-size:11px}.extension-side-stack{display:grid;gap:14px}.extension-feature-panel{overflow:hidden}.feature-list{display:grid;gap:11px;margin:0;padding:16px 17px;list-style:none}.feature-list li{display:flex;align-items:flex-start;gap:8px;color:var(--text-muted);font-size:11px;line-height:1.45}.feature-list svg{flex:none;color:var(--accent)}.extension-safety{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:17px}.extension-safety>svg{color:var(--accent)}.extension-safety strong{font-size:12px}.extension-safety p{margin:5px 0 0;color:var(--text-muted);font-size:11px;line-height:1.55}.permission-panel{margin-top:14px;overflow:hidden}.permission-list>div{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px;border-bottom:1px solid var(--line-soft);padding:12px 17px}.permission-list>div:last-child{border-bottom:0}.permission-list code{color:var(--accent);font-size:11px;font-weight:750}.permission-list p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.5}.extension-usage{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 2px}.extension-usage>svg{color:var(--accent)}.extension-usage strong{font-size:12px}.extension-usage p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.5}.release-integrity{margin-top:14px;color:var(--text-muted);font-size:11px}.release-integrity summary{cursor:pointer}.release-integrity>div{display:grid;gap:6px;margin-top:9px}.release-integrity code{overflow-wrap:anywhere;color:var(--text);font-size:10px}.public-extension-shell{min-height:100dvh;background:var(--canvas)}.public-extension-shell>header{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px clamp(18px,4vw,54px);background:var(--sidebar)}.public-extension-shell .login-brand{color:#edf5f1;text-decoration:none}.public-header-actions,.login-help-links{display:flex;align-items:center;gap:10px}.public-extension-shell>main{padding:34px 20px 56px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.metric{display:grid;gap:6px;border:1px solid var(--line);border-radius:var(--radius-panel);padding:16px;background:var(--surface)}.metric>span{color:var(--text-muted);font-size:11px}.metric strong{font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.metric small{color:var(--text-muted);font-size:10px}.chart-panel{margin-top:12px;overflow:hidden}.chart-wrap{height:310px;padding:18px 14px 10px}.status-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;padding:16px}.status-summary div{display:grid;gap:4px;border-right:1px solid var(--line-soft);padding:2px 16px}.status-summary div:last-child{border-right:0}.status-summary strong{font-size:20px}.status-summary span{color:var(--text-muted);font-size:10px}.login-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.login-story{position:relative;isolation:isolate;overflow:hidden;display:flex;min-height:100dvh;flex-direction:column;justify-content:space-between;padding:42px clamp(34px,6vw,86px);color:#edf5f1;background:#13201c}.login-story:before{position:absolute;z-index:0;inset:0;background:url(/brand/evidence-trace.svg) center / cover no-repeat;content:"";opacity:.15;pointer-events:none}.login-story>*{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;letter-spacing:-.02em}.login-brand .brand-mark{border-color:#31463d;background:#17251f}.story-copy{width:min(670px,100%)}.section-kicker{margin:0 0 18px;color:#9fb5aa;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.story-copy h1{max-width:610px;margin:0;font-size:clamp(40px,5.7vw,76px);line-height:1.02;letter-spacing:-.055em}.story-copy>p:last-child{max-width:540px;margin:24px 0 0;color:#b9c8c1;font-size:16px;line-height:1.7}.trust-row{display:flex;align-items:center;gap:10px;color:#aebfb7;font-size:12px}.login-panel{display:grid;place-items:center;padding:34px;background:var(--canvas)}.login-form{width:min(390px,100%);display:grid;gap:22px}.login-form h2{margin:0;font-size:26px;letter-spacing:-.035em}.login-form>div>p{margin:7px 0 0;color:var(--text-muted);font-size:13px;line-height:1.6}.login-form .inline-error{margin:0}.login-form .form-footnote{margin:-8px 0 0;text-align:center}.login-form .form-footnote a{display:block;margin-top:5px;color:var(--accent);font-weight:700}.login-method-button{width:100%}.login-method-button:disabled{cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:11px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--line)}.login-divider span{white-space:nowrap}.login-form .method-status{margin:-14px 0 0;color:var(--text-muted);font-size:11px;line-height:1.55;text-align:center}.boot-screen{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:14px;color:var(--text-muted)}.boot-screen strong{color:var(--text);font-size:14px}.boot-screen .skeleton-line{width:150px;height:7px}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--canvas: #0e1512;--surface: #13201c;--surface-muted: #202b26;--surface-strong: #29362f;--text: #f3f6f4;--text-muted: #a2b2aa;--line: #34443c;--line-soft: #293831;--accent: #a9e8d0;--accent-hover: #c2f1e0;--accent-soft: #173a2e;--danger: #e05a63;--danger-hover: #ec747c;--danger-soft: #351b1e;--success: #66cda7;--warning: #e6a34f;--shadow-panel: none}.button-primary{color:#082018}.button-stop{color:#fff7f7}.field input::placeholder,.field textarea::placeholder{color:#899991}.tone-ready,.tone-success,.tone-active{border-color:#3a735e}.tone-danger{border-color:#724047}}@media(max-width:1050px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:10px}.sidebar-brand{justify-content:center;padding:0}.sidebar-brand strong,.nav-item span,.sidebar-system,.sidebar-user-copy,.logout span{display:none}.sidebar-footer{justify-items:center}.sidebar-user{width:42px;min-height:42px;grid-template-columns:1fr;justify-items:center;padding:4px}.user-avatar{width:32px;height:32px}.nav-item{justify-content:center;padding:0}.runs-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:sticky;top:0;z-index:30;width:100%;height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px}.sidebar-brand{justify-content:flex-start}.sidebar nav{display:flex;min-width:0;justify-content:flex-end;gap:2px}.sidebar-footer{margin:0;display:flex;align-items:center;gap:2px}.sidebar-user{width:auto;max-width:126px;min-height:38px;grid-template-columns:30px minmax(0,1fr);justify-items:stretch;gap:6px;padding:3px 7px 3px 3px}.user-avatar{width:30px;height:30px;font-size:12px}.sidebar-user-copy{display:grid;gap:1px}.sidebar-user-copy strong{font-size:10px}.sidebar-user-copy small{font-size:8px}.sidebar .nav-item{width:38px;min-height:38px}.sidebar nav .mobile-secondary{display:none}.logout{width:38px}.topbar{position:static;min-height:72px;padding:12px 16px}.topbar-label{display:none}.topbar h1{font-size:18px}.desktop-stop{display:none}.topbar-actions .button-primary{width:40px;padding:0}.topbar-actions .button-primary{font-size:0}.topbar-actions .button-primary svg{width:19px;height:19px}.content{padding:18px 14px 34px}.content-with-mobile-stop{padding-bottom:92px}.mobile-stop{position:fixed;right:14px;bottom:14px;left:14px;z-index:40;min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;color:#fff8f8;background:var(--danger);box-shadow:0 14px 34px #57111747;font-weight:800}.mobile-stop:disabled{opacity:.7}.error-banner{position:static;padding:10px 14px}.runs-layout{grid-template-columns:1fr}.run-list{position:static}.run-list-items{max-height:250px}.pair-grid,.detail-grid,.form-grid.two-column,.config-grid{grid-template-columns:1fr}.failure-panel{grid-template-columns:38px minmax(0,1fr)}.failure-panel .button{grid-column:1 / -1;width:100%}.report-summary{grid-template-columns:1fr}.report-section-heading{align-items:start;flex-direction:column;gap:4px}.report-section-heading p{text-align:left}.report-metric-grid{grid-template-columns:1fr 1fr}.report-metric:nth-child(2){border-right:0}.report-metric:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}.report-finding-list>li{grid-template-columns:1fr;gap:8px}.report-finding-meta{justify-content:flex-start}.config-block.wide{grid-column:auto}.setup-actions{flex-direction:column-reverse}.setup-actions .button{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-section-heading{display:grid;gap:6px}.template-row,.guide-hero,.extension-release{align-items:stretch;flex-direction:column}.guide-actions{flex-wrap:wrap}.system-map{display:grid;grid-template-columns:1fr}.system-map>svg{justify-self:center;transform:rotate(90deg)}.guide-section-heading{display:grid;gap:6px}.visual-guide-row{grid-template-columns:1fr;gap:16px;padding:20px 0}.visual-guide-row:nth-child(2n) .visual-guide-shot,.visual-guide-row:nth-child(2n) figcaption{order:initial}.guide-steps li{grid-template-columns:24px 34px minmax(0,1fr)}.guide-steps .text-action{grid-column:3;justify-self:start;padding-left:0}.guide-checklist,.extension-layout{grid-template-columns:1fr}.extension-release .button{width:100%}.extension-usage{grid-template-columns:28px minmax(0,1fr)}.extension-usage .button{grid-column:2;justify-self:start}.status-summary{grid-template-columns:1fr;gap:12px}.status-summary div{border-right:0;border-bottom:1px solid var(--line-soft);padding:0 0 12px}.status-summary div:last-child{border-bottom:0;padding-bottom:0}.login-layout{grid-template-columns:1fr}.login-story{min-height:42dvh;padding:24px}.story-copy h1{font-size:clamp(34px,11vw,52px)}.story-copy>p:last-child{margin-top:15px;font-size:14px}.trust-row{display:none}.login-panel{min-height:58dvh;padding:30px 20px}}@media(max-width:430px){.sidebar nav .mobile-tertiary{display:none}.topbar-title-row .status-badge{display:none}.pair-grid{padding-inline:13px}.copy-value.emphasis strong{font-size:18px}.timeline-row div{display:grid;gap:4px}.mode-summary{align-items:flex-start;flex-direction:column}.extension-readiness{grid-template-columns:34px minmax(0,1fr)}.extension-readiness-actions{grid-column:2;align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:24px}.permission-list>div{grid-template-columns:1fr;gap:5px}.public-extension-shell>header{padding-inline:14px}.public-extension-shell>main{padding-inline:14px}.public-header-actions .button{width:42px;padding:0;font-size:0}.public-header-actions .button svg{width:18px;height:18px}.login-help-links{align-items:flex-start;flex-direction:column;gap:4px;margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
