:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--bg:#fbfbfa;--panel:#f3f3f1;--raised:#fff;--border:#e4e4e0;--text:#1d1d1b;--dim:#6f6f69;--faint:#9c9c95;--accent:#3d5afe;--accent-soft:#e8ecff;--user-bg:#efefec;--ok:#2e7d4f;--error:#c62828;--warn-bg:#fff6e0;--warn-border:#f0d48a;--claude:#c96442;--codex:#3a3a3a;--mono:ui-monospace,"SF Mono",Menlo,monospace;--radius:8px}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial;--bg:#161615;--panel:#1d1d1c;--raised:#242423;--border:#2f2f2d;--text:#e9e9e6;--dim:#a2a29b;--faint:#75756f;--accent:#8c9eff;--accent-soft:#262c48;--user-bg:#262625;--ok:#6fcf97;--error:#ff7b7b;--warn-bg:#2d2615;--warn-border:#5c4b1f;--claude:#e08a6a;--codex:#cfcfcf}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{font:inherit;color:inherit}code,pre,.mono{font-family:var(--mono);font-size:12.5px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dim{color:var(--dim)}.hint{color:var(--faint);margin:12px 0;font-size:13px}.pad{padding:24px 32px}.app{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%}.main{display:flex;flex-direction:column;min-width:0;height:100%}.empty,.blocked{text-align:center;color:var(--dim);max-width:420px;margin:auto;padding:32px}.blocked{display:flex;flex-direction:column;justify-content:center;height:100%}.empty h2,.blocked h2{color:var(--text);font-size:18px;font-weight:600}.sidebar{display:flex;background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-height:0}.sidebar-top{display:grid;border-bottom:1px solid var(--border);gap:8px;padding:12px}.search{border:1px solid var(--border);border-radius:var(--radius);background:var(--raised);color:var(--text);font:inherit;outline:none;width:100%;padding:7px 10px}.search:focus{border-color:var(--accent)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:var(--border);border-radius:var(--radius);gap:2px;padding:2px}.segmented button{color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px 0;font-size:12.5px}.segmented button[aria-selected=true]{background:var(--raised);color:var(--text);box-shadow:0 1px 2px #00000014}.session-list{overflow-y:auto;flex:1;padding:4px 8px 16px}.group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--faint);margin:14px 8px 4px;font-size:11px;font-weight:600}.session-item{display:grid;text-align:left;border-radius:var(--radius);cursor:pointer;background:0 0;border:0;gap:2px;width:100%;padding:7px 8px}.session-item:hover{background:var(--border)}.session-item[aria-current=true]{background:var(--accent-soft)}.session-item-title{display:flex;align-items: center;gap:6px;min-width:0;font-size:13.5px}.session-item-meta{display:flex;color:var(--faint);gap:6px;min-width:0;font-size:12px}.spacer{flex:1}.provider-mark.claude{color:var(--claude)}.provider-mark.codex{color:var(--codex)}.live-dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok)20%,transparent);border-radius:50%;flex:none;width:7px;height:7px}.session-header{display:flex;border-bottom:1px solid var(--border);align-items: center;gap:16px;padding:14px 32px}.session-title{flex:1;min-width:0}.session-title h1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600}.session-meta{display:flex;color:var(--dim);flex-wrap:wrap;gap:4px 12px;margin-top:2px;font-size:12.5px}.badge{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.badge.claude{color:var(--claude)}.badge.codex{color:var(--codex)}.button{border:1px solid var(--border);background:var(--raised);border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:6px 14px}.button:hover:not(:disabled){border-color:var(--faint)}.button:disabled{opacity:.5;cursor:default}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.subtle{color:var(--dim);background:0 0;border-color:#0000}.button.more{display:block;margin:8px auto}.transcript{overflow-y:auto;flex:1;min-height:0}.transcript-inner{max-width:820px;margin:0 auto;padding:24px 32px 64px}.message{margin:18px 0}.message.user{display:flex;justify-content:flex-end}.message.user .message-body{background:var(--user-bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-width:85%;padding:10px 14px}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p,.markdown ul,.markdown ol{margin:.6em 0}.markdown h1,.markdown h2,.markdown h3{margin:1.2em 0 .4em;font-size:15px}.markdown pre{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;padding:10px 12px}.markdown :not(pre)>code{background:var(--panel);border-radius:4px;padding:1px 5px}.markdown table{border-collapse:collapse;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--border);text-align:left;padding:4px 10px}.markdown a{color:var(--accent)}.notice{text-align:center;color:var(--faint);margin:16px 0;font-size:12px}.notice.error{color:var(--error)}.activity{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;margin:10px 0}.activity-more{color:var(--faint);cursor:pointer;background:0 0;border:0;justify-self:start;padding:2px 0 4px 22px;font-size:12px}.activity-more:hover{color:var(--dim)}.step{color:var(--dim);min-width:0;font-size:12.5px}.step>summary,div.step{display:flex;list-style:none;align-items: center;gap:8px;min-width:0;padding:2px 0}.step>summary{cursor:pointer}.step>summary::-webkit-details-marker{display:none}.step>summary:hover .tool-name{text-decoration:underline}.step-icon{text-align:center;color:var(--faint);flex:none;width:14px}.status-ok{color:var(--ok)}.status-error{color:var(--error)}.status-running{color:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.tool-name{font-family:var(--mono);color:var(--text);flex:none;font-size:12px}.tool-name.cat-mcp,.tool-name.cat-plugin{color:var(--accent)}.tool-name.cat-skill,.tool-name.cat-subagent{color:var(--claude)}.step-detail{margin:4px 0 8px 22px}.step-detail pre{overflow:auto;background:var(--panel);border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);border-radius:6px;max-height:320px;margin:0 0 6px;padding:8px 10px}.step-detail pre.error{color:var(--error)}.step-detail.prose{white-space:pre-wrap;font-style:italic}.share-dialog{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;width:min(860px,100vw - 48px);height:min(760px,100vh - 48px);padding:0;box-shadow:0 24px 64px #00000040}.share-dialog[open]{display:flex;flex-direction:column}.share-dialog::backdrop{background:#00000059}.share-dialog header,.share-dialog footer{display:flex;justify-content:space-between;align-items: center;gap:12px;padding:12px 20px}.share-dialog header{border-bottom:1px solid var(--border)}.share-dialog footer{border-top:1px solid var(--border)}.share-dialog h2{margin:0;font-size:15px}.share-summary{padding:12px 20px 4px}.share-summary p{margin:0 0 10px}.warning{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);padding:8px 12px;font-size:13px}.share-preview{display:flex;border:1px solid var(--border);border-radius:var(--radius);background:var(--raised);flex-direction:column;flex:1;min-height:0;margin:10px 20px 0}.share-preview .transcript-inner{padding:8px 20px 24px}.sidebar-footer{border-top:1px solid var(--border);padding:10px 14px;font-size:12.5px}.sidebar-footer .hint{margin:0}.account{display:grid;color:var(--dim);gap:6px}.toggle{display:flex;cursor:pointer;align-items: center;gap:6px}.shared-mark{color:var(--accent)}.share-badge{color:var(--accent);text-decoration:none;white-space:nowrap;font-size:12.5px}.share-badge:hover{text-decoration:underline}.share-body{display:flex;flex-direction:column;flex:1;min-height:0}.share-access{display:grid;gap:6px;padding:12px 20px 0}.radio{display:flex;cursor:pointer;align-items: center;gap:8px}.access-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 0 24px}.access-fields label{display:grid;color:var(--dim);gap:3px;font-size:12px}.access-fields input,.share-link input{font:inherit;border:1px solid var(--border);background:var(--raised);color:var(--text);border-radius:6px;min-width:0;padding:5px 8px;font-size:13px}.access-fields .hint{grid-column:1/-1;margin:0}.share-link{display:flex;flex:1;gap:6px;max-width:460px}.share-link input{font-family:var(--mono);flex:1;font-size:12px}.button.danger{color:var(--error)}.sidebar-nav{display:grid;border-bottom:1px solid var(--border);gap:2px;padding:12px 8px 8px}.brand{color:var(--text);text-decoration:none;padding:2px 8px 8px;font-weight:600}.nav-item{color:var(--dim);text-decoration:none;border-radius:var(--radius);padding:5px 8px;font-size:13.5px}.nav-item:hover{background:var(--border);color:var(--text)}.nav-item[aria-current=true]{background:var(--accent-soft);color:var(--text)}.sidebar-content{display:flex;flex-direction:column;flex:1;min-height:0}.me,.owner{display:inline-flex;align-items: center;gap:6px;min-width:0}.me img,.owner img{border-radius:50%;flex:none;width:20px;height:20px}.owner img{width:16px;height:16px}.button.small{margin-left:auto;padding:2px 8px;font-size:12px}.presence{display:inline-flex;color:var(--dim);white-space:nowrap;align-items: center;gap:6px;font-size:12.5px}.page{overflow-y:auto;flex:1;min-height:0;padding:32px}.page.narrow>*,.page.narrow{max-width:620px}.page.narrow{width:100%;margin:0 auto}.page.center{text-align:center;margin-top:8vh}.page h1{margin:0 0 12px;font-size:22px}.page h2{margin:24px 0 8px;font-size:16px}.page.center h2{font-size:18px}.page a{color:var(--accent)}.steps{display:grid;gap:8px;padding-left:20px}.page-header{max-width:820px;margin-bottom:16px}.page-header p{margin:0}.actions{display:flex;justify-content:center;gap:8px;margin-top:20px}.actions-row{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.user-code{font-family:var(--mono);letter-spacing:.12em;margin:16px 0 24px;font-size:28px}.share-list{list-style:none;display:grid;gap:8px;max-width:820px;margin:0;padding:0}.share-row{display:grid;grid-template-columns:minmax(0,1fr)auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--raised);align-items: center;gap:8px 16px;padding:12px 14px}.share-row-title{color:var(--text);text-decoration:none;font-weight:600}.page .share-row-title{color:var(--text)}.share-row-title:hover{text-decoration:underline}.share-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.share-row-actions a.button{text-decoration:none;color:var(--dim)}.share-row-editor{grid-column:1/-1;border-top:1px solid var(--border);padding-top:10px}.share-row-editor .share-access{padding:0}