:root{--cool-grey-50:#f7f9fc;--cool-grey-100:#eef2f7;--cool-grey-200:#dce3ee;--cool-grey-300:#c3cddc;--cool-grey-400:#a3b0c4;--cool-grey-500:#7e8a9e;--cool-grey-600:#626d82;--cool-grey-700:#4b5468;--cool-grey-800:#383f50;--cool-grey-900:#2c313f;--cool-grey-925:#21252f;--cool-grey-950:#0b0e14;--cool-grey-975:#05070a;--background:var(--cool-grey-950);--surface:#121720;--raised:var(--cool-grey-925);--border:#303746;--text:var(--cool-grey-100);--muted:var(--cool-grey-400);--focus:#a9bafa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--background);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,SF Pro,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button{background:0 0;border:0}a{color:var(--focus);text-underline-offset:.2em}::selection{color:var(--cool-grey-50);background:#465b92}input{caret-color:var(--focus)}*{scrollbar-width:thin;scrollbar-color:var(--cool-grey-700) transparent}code,pre,.identifier{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.identifier{overflow-wrap:anywhere;font-size:11px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:40;background:var(--raised);border-radius:6px;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.app-shell{height:100dvh;min-height:400px;display:flex;overflow:hidden}.conversation-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:0 0 288px;width:288px;min-height:0;display:flex}.brand{align-items:center;gap:10px;padding:23px 20px 27px;font-size:16px;display:flex}.brand>svg{color:#e6e8f0}.brand strong{color:var(--muted);font-weight:400}.sidebar-intro{justify-content:space-between;align-items:center;padding:0 20px 12px;display:flex}.sidebar-intro h1{margin:0;font-size:14px;font-weight:600}.read-only-label{color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:3px 6px;font-size:11px}.search-form{border:1px solid var(--border);background:var(--background);border-radius:7px;align-items:center;margin:0 14px 14px;display:flex}.search-form:focus-within{border-color:var(--focus)}.search-form input{background:0 0;border:0;width:100%;min-width:0;padding:10px 0 10px 11px;font-size:13px}.search-form input::placeholder{color:var(--muted)}.search-form .icon-button{flex-shrink:0;margin-right:3px}.status-filter{color:var(--muted);align-items:center;gap:8px;padding:0 20px 14px;font-size:11px;display:flex}.status-filter select{background:var(--surface);border:1px solid var(--border);text-transform:capitalize;border-radius:5px;flex:1;min-width:0;padding:6px;font-size:11px}.icon-button{width:34px;min-height:34px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover,.toolbar-button:hover,.toolbar-button.active{color:var(--text);background:var(--raised)}.conversation-list{flex:1;padding:0 8px 12px;overflow-y:auto}.conversation-item,.search-result{text-align:left;border-radius:7px;flex-direction:column;gap:8px;width:100%;margin-bottom:3px;padding:12px;display:flex}.conversation-item:hover,.search-result:hover{background:var(--raised)}.conversation-item.selected{background:#2a3142}.conversation-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.conversation-meta{color:var(--muted);text-transform:capitalize;flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;display:flex}.conversation-meta>span:last-child{white-space:normal;overflow-wrap:anywhere;text-transform:none;flex-basis:100%;min-width:0;padding-left:10px;line-height:1.5}.status-dot{background:var(--cool-grey-400);border-radius:50%;flex:0 0 5px;width:5px;height:5px}.status-dot.finished{background:#a3c6b5}.status-dot.running{background:#d3b77a}.status-dot.error{background:#df9c9f}.sidebar-footer{border-top:1px solid var(--border);color:var(--muted);padding:16px 20px;font-size:11px;line-height:1.7}.search-summary{color:var(--muted);flex-direction:column;align-items:flex-start;gap:8px;padding:0 20px 12px;font-size:12px;display:flex}.search-result strong{font-size:12px;font-weight:500}.search-result>span{color:var(--muted);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.sidebar-error,.empty-list{color:var(--muted);padding:8px 12px;font-size:13px;line-height:1.6}.sidebar-error{color:#e5b3b4;padding:8px 20px}.load-list{width:100%;color:var(--focus);padding:12px;font-size:12px}.reading-pane{flex-direction:column;flex:1;min-width:0;display:flex}.conversation-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;min-height:79px;padding:18px 28px;display:flex}.conversation-heading{flex:1;min-width:0}.conversation-heading h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:16px;font-weight:600;line-height:1.4;overflow:hidden}.conversation-heading>span{color:var(--muted);font-size:11px}.header-actions{align-items:center;gap:7px;display:flex}.toolbar-button{min-height:34px;color:var(--muted);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:inline-flex}.freshness-bar{border-bottom:1px solid var(--border);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:7px 20px;padding:10px 28px;font-size:10px;line-height:1.6;display:flex}.freshness-bar strong{color:var(--cool-grey-300);font-weight:400}.freshness-bar.stale{color:#d2bf9a;background:#241f16}.freshness-bar.stale strong{color:#ecdbb9}.stale-notice{width:100%}.update-error{color:#ebbac2;background:#2a1c22;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:12px 28px;font-size:12px;line-height:1.6;display:flex}.update-error strong{font-weight:600}.update-error .text-button{color:inherit;margin-left:auto}.reading-layout{flex:1;min-height:0;display:flex;position:relative}.transcript-pane{flex:1;min-width:0;overflow-y:auto}.branch-bar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;padding:18px 28px 0;font-size:11px;display:flex}.branch-bar select{border:1px solid var(--border);background:var(--surface);border-radius:5px;max-width:220px;padding:6px 26px 6px 8px;font-size:11px}.branch-bar>span{margin-left:auto}.transcript-content{width:100%;max-width:860px;margin:0 auto;padding:20px 40px 36px}.messages{overflow-wrap:anywhere;flex-direction:column;gap:6px;font-size:14px;line-height:1.7;display:flex}.event-record{flex-direction:column;min-width:0;scroll-margin-top:24px;display:flex}.event-record.highlighted{outline-offset:8px;border-radius:5px;outline:1px solid #8b9dcf}.chat-message{flex-direction:column;max-width:100%;margin-top:22px;display:flex;position:relative}.chat-message.user-message{background:var(--raised);border-radius:12px;align-self:flex-end;width:fit-content;max-width:min(100%,650px);padding:12px 16px}.chat-message.agent-message{background:0 0;width:100%}.message-byline{color:var(--muted);align-items:baseline;gap:12px;margin-bottom:5px;font-size:10px;display:flex}.message-byline>span{color:var(--cool-grey-300);font-weight:600}.message-byline time{opacity:.8;font-variant-numeric:tabular-nums}.markdown-body{min-width:0}.markdown-body p{white-space:pre-wrap;margin:0 0 12px}.markdown-body p:last-child{margin-bottom:0}.markdown-body h3{margin:20px 0 8px;font-size:16px;font-weight:600}.markdown-body ul{margin:8px 0 12px;padding-left:24px}.markdown-body code{background:var(--cool-grey-900);color:var(--cool-grey-100);white-space:break-spaces;border-radius:4px;padding:.15em .35em;font-size:.87em}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#151a24;border-radius:6px;margin:8px 0 12px;padding:12px 14px;font-size:12px;line-height:1.7;overflow-x:auto}.markdown-body pre code{font-size:inherit;background:0 0;padding:0}.recorded-link{color:var(--cool-grey-200)}.recorded-url{color:var(--muted);font-size:.9em}.text-button{color:var(--focus);text-underline-offset:3px;padding:0;font-size:12px;text-decoration:underline}.text-button:hover{color:#d6dfff}.chat-message .text-button{align-self:flex-start;margin-top:8px}.tool-message{width:100%;color:var(--muted);margin:6px 0}.tool-message summary,.event-group>summary{cursor:pointer;padding:7px 0;font-size:13px;line-height:1.6;list-style-position:inside}.tool-message summary:hover,.event-group>summary:hover{color:var(--text)}.tool-title{color:var(--cool-grey-300)}.tool-status{float:right;color:#a7cdb9;margin-left:12px;padding-top:2px;font-size:10px}.tool-status.failed{color:#eab4b7}.tool-details{border-left:1px solid var(--border);color:var(--text);margin-left:3px;padding:4px 0 2px 14px;font-size:13px}.recorded-output h4,.saved-diff h4{color:var(--muted);margin:10px 0 5px;font-size:11px;font-weight:500}.recorded-output pre{margin-top:0}.saved-diff{margin-bottom:12px}.diff-before,.diff-after{flex-direction:column;padding:8px 12px;display:flex}.diff-before{color:#edc0ca;background:#281c25;border-radius:5px 5px 0 0}.diff-after{color:#bcdfc9;background:#172820;border-radius:0 0 5px 5px}.diff-label{opacity:.85;font-size:10px;font-weight:600}.saved-diff pre{background:0 0;margin:4px 0;padding:0}.event-group{margin:15px 0 4px}.event-group>summary{color:var(--cool-grey-300);font-weight:500}.group-hint{color:var(--muted);margin-left:14px;font-size:11px;font-weight:400;display:inline-block}.event-group-content{border-left:1px solid var(--border);margin-left:3px;padding:3px 0 4px 15px}.thinking,.state-update{color:var(--muted);margin:12px 0 4px;font-size:12px}.thinking summary,.state-update summary{cursor:pointer;padding:5px 0}.thinking .markdown-body{margin-top:8px;font-size:13px}.action-thought{color:var(--cool-grey-300);margin:12px 0 5px;font-size:13px}.recorded-image{object-fit:contain;border-radius:5px;max-width:100%;max-height:440px;margin:12px 0;display:block}figure{margin:12px 0}figcaption{color:var(--muted);font-size:11px}.missing-artifact,.unsupported-event{color:#d8c099;margin:12px 0;font-size:12px;line-height:1.7}.saved-error{color:#ebbac2;background:#2a1c22;border-radius:6px;margin:16px 0;padding:14px;font-size:13px}.saved-error p{margin-bottom:0}.earlier-button{border:1px solid var(--border);width:100%;color:var(--cool-grey-200);border-radius:6px;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.earlier-button:hover{background:var(--raised)}.earlier-button span{color:var(--muted);font-size:11px}.transcript-end{color:var(--muted);text-align:center;border-top:1px solid var(--border);margin:44px 0 8px;padding-top:20px;font-size:10px}.empty-state{text-align:center;max-width:440px;margin:0 auto;padding:clamp(45px,12vh,140px) 20px 50px}.empty-state>svg{color:var(--cool-grey-400);width:36px;height:36px;margin-bottom:10px}.empty-state h2,.empty-state h3{margin:8px 0 12px;font-size:18px;font-weight:500}.empty-state p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.loading-state{text-align:center;color:var(--muted);padding:80px 16px;font-size:13px}.details-pane{background:var(--surface);border-left:1px solid var(--border);flex:0 0 288px;width:288px;padding:15px 20px 32px;font-size:12px;overflow-y:auto}.details-heading{justify-content:space-between;align-items:center;gap:5px;margin-bottom:18px;display:flex}.details-heading h3{margin:0;font-size:13px;font-weight:600}.details-pane section{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.details-pane h4{margin:0 0 10px;font-size:12px;font-weight:600}.detail-list{margin:0;line-height:1.6}.detail-list dt{color:var(--muted);margin-top:12px;font-size:11px}.detail-list dd{overflow-wrap:anywhere;margin:4px 0 0}.details-note,.muted{color:var(--muted);line-height:1.7}.details-note{margin:0;font-size:11px}.relationship{flex-direction:column;align-items:flex-start;gap:7px;margin-top:14px;display:flex}.relationship>span{color:var(--muted);font-size:11px}.viewer-preferences label{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.viewer-preferences select{border:1px solid var(--border);background:var(--background);border-radius:5px;width:100%;padding:8px;font-size:12px}.viewer-preferences p{color:var(--muted);font-size:11px;line-height:1.7}.mobile-menu,.mobile-close,.sidebar-backdrop{display:none}@media (width<=1100px){.conversation-sidebar{flex-basis:250px;width:250px}.conversation-header{padding:16px 20px}.freshness-bar{padding-inline:20px}.transcript-content{padding:20px 28px 36px}.details-open .transcript-pane{display:none}.details-pane{border-left:0;flex:1;width:auto;max-width:none;padding:20px 28px}.details-pane .detail-list,.details-pane>section{max-width:550px}}@media (width<=700px){.app-shell{min-height:320px}.conversation-sidebar{z-index:20;width:min(320px,90vw);display:none;position:fixed;top:0;bottom:0;left:0;box-shadow:12px 0 35px #0006}.sidebar-open .conversation-sidebar{display:flex}.sidebar-backdrop{z-index:19;background:#0008;display:block;position:fixed;inset:0}.mobile-menu,.mobile-close{flex:0 0 34px;display:inline-flex}.mobile-close{margin-left:auto}.brand{padding:18px 18px 24px}.conversation-header{gap:7px;min-height:75px;padding:14px 12px}.conversation-heading h2{font-size:14px}.conversation-heading>span{font-size:10px}.header-actions{gap:1px}.toolbar-button{width:34px;padding:8px}.toolbar-button>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.freshness-bar{flex-direction:column;gap:3px;padding:10px 18px;font-size:10px}.update-error{padding:12px 18px}.branch-bar{gap:7px;padding:14px 18px 0}.branch-bar>span{margin-left:0}.branch-bar select{max-width:180px}.transcript-content{padding:15px 20px 30px}.chat-message{margin-top:20px}.messages{font-size:13px}.group-hint{margin-left:16px;display:block}.tool-status{float:none;display:inline-block}.tool-message summary{overflow-wrap:anywhere}.message-byline{flex-wrap:wrap;gap:2px 10px}.details-pane{padding:20px}.icon-button,.toolbar-button{min-height:38px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}