:root{color-scheme:light;--page:#e7ebed;--terminal:#f8f8f7;--surface:#fff;--ink:#20252a;--muted:#667078;--line:#c9d0d4;--line-strong:#9da9af;--accent:#4f777d;--accent-soft:#e4edef;--success:#4e7d57;--success-soft:#e9f2eb;--warning:#946d24;--warning-soft:#f5efe1;--danger:#a04f4f;--danger-soft:#f7eaea;--selected:#d8e1e3;--mono:ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{overflow:hidden;background:var(--page);color:var(--ink);font-family:var(--mono);text-rendering:optimizeLegibility}.capture{width:100vw;height:100vh;padding:18px 24px 22px;display:grid;grid-template-rows:34px minmax(0,1fr);gap:9px}.recording-meta{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#465860;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.recording-meta h1{min-width:0;margin:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}.recording-meta strong{color:#274f59}.evidence-badge{flex:none;padding:6px 11px;border:1px solid #91a5ac;border-radius:999px;background:#ffffffbd;color:#3f5960;white-space:nowrap}.evidence-badge.actual{border-color:#78a180;background:#f0f7f1;color:var(--success)}.terminal{min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-rows:40px minmax(0,1fr);border:1px solid var(--line-strong);border-radius:11px;background:var(--terminal);box-shadow:0 18px 48px #30424a24}.titlebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);background:#eef1f2;color:#53636b;font-size:12px}.lights{display:flex;gap:8px}.light{width:11px;height:11px;border-radius:50%;background:#aeb8bc}.titlebar-title{text-align:center}.titlebar-meta{color:#728087}.screen{position:relative;min-height:0}.scene{position:absolute;inset:0;min-width:0;min-height:0;padding:14px 20px 12px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;opacity:0;pointer-events:none;background:var(--terminal);transition:opacity .2s linear}.scene.is-active{opacity:1;pointer-events:auto}.scene-header{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:5px 0 5px 12px;border-left:3px solid var(--accent)}.scene-header.actual{border-left-color:var(--success)}.scene-step{margin:0;color:var(--accent);font-size:16px;font-weight:800}.scene-header.actual .scene-step{color:var(--success)}.scene-state{margin-top:3px;color:var(--muted);font-size:14px;line-height:1.38}.scene-boundary{max-width:480px;color:var(--muted);font-size:12px;line-height:1.4;text-align:right}.transcript{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:7px}.turn{width:fit-content;max-width:min(1120px,90%);padding:8px 11px;border-radius:6px;font-size:18px;line-height:1.38}.turn.user{margin-left:auto;background:#e9e9e7}.turn.agent{padding-left:0}.turn.child{border-left:3px solid #7897a1;background:#eef3f4}.turn.result{border:1px solid #aac4ae;background:var(--success-soft)}.turn.warning{border:1px solid #d4bf94;background:var(--warning-soft)}.turn.danger{border:1px solid #d5aaaa;background:var(--danger-soft)}.speaker{display:block;margin-bottom:3px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.055em;text-transform:uppercase}.agent-name{color:var(--accent)}.action-list{width:min(1160px,96%);display:grid;gap:5px}.action{min-width:0;padding:7px 10px;display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;align-items:baseline;border-left:3px solid var(--line-strong);background:#f1f3f3;color:var(--muted);font-size:15px;line-height:1.34}.action.active{border-left-color:var(--accent);background:var(--accent-soft)}.action.done{border-left-color:var(--success);background:var(--success-soft)}.action.warn{border-left-color:var(--warning);background:var(--warning-soft)}.action.stop{border-left-color:var(--danger);background:var(--danger-soft)}.action-label{color:var(--accent);font-weight:800;text-transform:uppercase}.action.done .action-label{color:var(--success)}.action.warn .action-label{color:var(--warning)}.action.stop .action-label{color:var(--danger)}.action-state{font-size:12px;font-weight:750;white-space:nowrap}.plan-card,.summary-card,.native-selector{width:min(1160px,96%);border:1px solid var(--line);background:var(--surface);padding:10px 12px}.card-title{color:var(--accent);font-size:16px;font-weight:800;margin-bottom:6px}.plan-row{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:9px;align-items:baseline;padding:6px;border-top:1px solid #e1e4e5;font-size:16px;line-height:1.32}.plan-row:first-of-type{border-top:0}.plan-number{color:var(--accent);font-weight:850}.plan-note{color:var(--muted);font-size:12px;white-space:nowrap}.native-selector{border-right-color:transparent;border-left-color:transparent}.native-selector .choice{display:grid;grid-template-columns:42px minmax(230px,.65fr) minmax(0,1fr);gap:9px;padding:6px 9px;border-radius:4px;font-size:15px}.native-selector .choice.selected{background:var(--selected);color:var(--accent);font-weight:800}.choice-description{color:var(--muted);font-size:12px;font-weight:500}.key-help{margin-top:7px;color:var(--muted);font-size:12px}.checks{width:min(1160px,96%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.check{padding:6px 9px;border-left:3px solid var(--success);background:var(--success-soft);font-size:15px;line-height:1.34}.check.no{border-left-color:var(--danger);background:var(--danger-soft)}.check.wait{border-left-color:var(--warning);background:var(--warning-soft)}.check strong{color:var(--success)}.check.no strong{color:var(--danger)}.check.wait strong{color:var(--warning)}.metrics{width:min(1160px,96%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.metric{padding:9px 10px;border:1px solid var(--line);background:var(--surface)}.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;margin-top:2px;color:var(--success);font-size:22px}.command-output{width:min(1180px,97%);padding:9px 11px;border-left:3px solid var(--accent);background:#f0f4f5;color:#35434a;font-size:15px;line-height:1.4;white-space:pre-wrap}.command-output.success{border-left-color:var(--success);background:var(--success-soft)}.command-output.error{border-left-color:var(--danger);background:var(--danger-soft)}.pi-widget{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:7px 10px;border:1px solid #9fb2b7;background:#edf3f4;color:#46565c;font-size:12px}.pi-widget strong{color:var(--accent)}.pi-widget .danger{color:var(--danger);font-weight:800}.notification{width:fit-content;max-width:96%;padding:7px 10px;border:1px solid #b6c5c9;background:#f3f7f7;color:#45555b;font-size:14px}.notification.success{border-color:#9fbea5;background:var(--success-soft);color:var(--success)}.notification.warning{border-color:#d3bd8d;background:var(--warning-soft);color:var(--warning)}.child-progress{width:min(1160px,96%);border:1px solid #b4c2c6;background:#f6f8f8}.child-head{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-bottom:1px solid #d5dcde;color:#52666e;font-size:12px}.child-log{display:grid;gap:4px;padding:8px 10px;font-size:14px;line-height:1.35}.child-log span::before{content:"· ";color:var(--accent)}.terminal-bottom{display:grid;gap:5px}.editor{min-height:45px;padding:8px 11px;border:1.5px solid var(--accent);border-radius:5px;background:var(--surface);color:var(--ink);font-size:17px;line-height:1.4}.editor-label{color:var(--accent);font-weight:850;margin-right:8px}.cursor{display:inline-block;width:8px;height:18px;margin-left:2px;vertical-align:-4px;background:var(--accent);animation:blink 1s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}.statusbar{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;color:var(--muted);font-size:12px;line-height:1.3}.status-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-main strong{color:var(--accent)}.status-keys{white-space:nowrap;text-align:right}.ask-overlay{position:absolute;z-index:5;left:50%;right:auto;top:50%;width:92%;max-height:85%;transform:translate(-50%,-50%);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid #819398;background:#fbfbfa;color:var(--ink);overflow:hidden}.ask-title{display:flex;justify-content:space-between;gap:18px;padding:8px 11px;border-bottom:1px solid var(--line);color:#405960;font-size:13px;font-weight:800}.ask-prompt{padding:9px 12px;border-bottom:1px solid #dce1e3;font-size:15px;line-height:1.35}.ask-search{margin:7px 10px 0;padding:6px 8px;border:1px solid #b7c2c6;background:white;color:var(--muted);font-size:13px}.ask-body{min-height:0;display:grid;grid-template-columns:minmax(280px,42fr) minmax(300px,58fr);overflow:hidden}.ask-options{min-height:0;overflow:hidden;padding:7px;border-right:1px solid var(--line)}.ask-option{display:grid;grid-template-columns:24px 1fr;gap:7px;padding:6px 7px;border-radius:3px;font-size:14px;line-height:1.3}.ask-option.selected{background:var(--selected);color:#315961;font-weight:800}.ask-option.unavailable{color:#7a6c6c;background:#f5eeee}.ask-option.unavailable>span:first-child{color:var(--danger);font-weight:850}.ask-option small{display:block;color:var(--muted);font-size:11px;font-weight:500}.ask-detail{min-height:0;overflow:hidden;padding:10px 12px;color:#46545a;font-size:13px;line-height:1.38}.ask-detail strong{display:block;margin-bottom:5px;color:var(--accent)}.ask-footer{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.ask-version{color:var(--accent);font-weight:800}.input-box{width:min(1000px,92%);padding:10px 12px;border:1.5px solid var(--accent);background:#fff;font-size:16px}.input-box .label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;text-transform:uppercase}.artifact-transcript{padding:0;overflow:hidden}.artifact-recording-frame{min-width:0;min-height:0;height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:6px}.artifact-recording-frame img{width:100%;height:100%;min-height:0;object-fit:contain;border:1px solid var(--line);border-radius:5px;background:#deddd9}.artifact-recording-frame figcaption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px;line-height:1.35}.artifact-recording-frame figcaption strong{color:var(--accent)}.muted{color:var(--muted)}.ok{color:var(--success)}.warn{color:var(--warning)}.off{color:var(--danger)}.accent{color:var(--accent)}.bold{font-weight:850}.proof-links{display:flex;flex-wrap:wrap;gap:8px}.proof-links a{padding:6px 8px;border:1px solid var(--line);background:#fff;color:var(--accent);font-size:12px}.proof-error{margin:16px;padding:14px;border:2px solid var(--danger);background:var(--danger-soft);color:var(--danger);font-size:15px;line-height:1.4}html[data-proof-loaded=error] .terminal{grid-template-rows:40px auto minmax(0,1fr)}html[data-proof-loaded=error] .screen{display:none}html[data-mode=transcript] body{overflow:auto}html[data-mode=transcript] .capture{width:min(100%,1440px);height:auto;min-height:100vh;margin:0 auto;display:block}html[data-mode=transcript] .recording-meta{min-height:44px;margin-bottom:10px}html[data-mode=transcript] .terminal{display:block;overflow:visible}html[data-mode=transcript] .titlebar{min-height:40px}html[data-mode=transcript] .screen{min-height:0}html[data-mode=transcript] .scene{position:relative;inset:auto;min-height:760px;padding:24px 28px;opacity:1;pointer-events:auto;border-bottom:1px solid var(--line)}html[data-mode=transcript] .scene:last-child{border-bottom:0}html[data-mode=transcript] .ask-overlay{position:relative;left:auto;right:auto;top:auto;width:92%;margin:auto;min-height:430px;transform:none}html[data-mode=transcript] .artifact-recording-frame{min-height:650px}html[data-mode=transcript] .cursor{animation:none}@media(max-width:760px){html[data-mode=transcript] .capture{padding:10px}html[data-mode=transcript] .recording-meta{align-items:flex-start;flex-direction:column;font-size:10px}html[data-mode=transcript] .scene{min-height:0;padding:22px 14px}html[data-mode=transcript] .scene-header{flex-direction:column;gap:5px}html[data-mode=transcript] .scene-boundary{text-align:left}html[data-mode=transcript] .turn{max-width:100%;font-size:15px}html[data-mode=transcript] .action-list,html[data-mode=transcript] .plan-card,html[data-mode=transcript] .summary-card,html[data-mode=transcript] .native-selector,html[data-mode=transcript] .command-output,html[data-mode=transcript] .checks,html[data-mode=transcript] .metrics,html[data-mode=transcript] .child-progress{width:100%}html[data-mode=transcript] .action{grid-template-columns:82px 1fr;font-size:13px}html[data-mode=transcript] .action-state{grid-column:2;white-space:normal}html[data-mode=transcript] .checks,html[data-mode=transcript] .metrics{grid-template-columns:1fr}html[data-mode=transcript] .native-selector .choice{grid-template-columns:34px 1fr}html[data-mode=transcript] .choice-description{grid-column:2}html[data-mode=transcript] .ask-overlay{width:100%;max-height:none}html[data-mode=transcript] .ask-body{grid-template-columns:1fr}html[data-mode=transcript] .ask-options{border-right:0;border-bottom:1px solid var(--line)}html[data-mode=transcript] .artifact-recording-frame{min-height:0}html[data-mode=transcript] .artifact-recording-frame figcaption{flex-direction:column}html[data-mode=transcript] .statusbar{grid-template-columns:1fr;gap:3px}html[data-mode=transcript] .status-main{white-space:normal}html[data-mode=transcript] .status-keys{text-align:left;white-space:normal}.titlebar-meta{display:none}}@media(prefers-reduced-motion:reduce){.scene,.cursor{transition:none!important;animation:none!important}}