:root{color-scheme:dark light;--sans: "Source Sans 3", "Segoe UI", "Helvetica Neue", "Noto Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--s: 8px;--hair: 1px solid color-mix(in srgb, var(--border) 80%, transparent);--tone-1: color-mix(in srgb, var(--accent) 7%, var(--bg));--tone-2: color-mix(in srgb, var(--accent) 14%, var(--bg));--sidebar: 300px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow:hidden;overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--fg);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;border-radius:0}button{cursor:pointer;padding:calc(var(--s) / 2) var(--s);min-height:36px;color:var(--muted)}button:hover{color:var(--fg);background:var(--tone-2)}button:disabled{opacity:.4;cursor:default}button.fill{background:var(--accent);color:var(--bg);font-weight:600}button.fill:hover{color:var(--bg);filter:brightness(1.1)}button.ghost{background:var(--tone-1);color:var(--accent)}input,select,textarea{background:var(--tone-1);padding:var(--s);width:100%;border-bottom:2px solid var(--border)}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-2px}a{color:var(--accent)}code,pre{font-family:var(--mono);font-size:13px}pre{background:var(--tone-1);padding:var(--s);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}code:not(pre code){background:var(--tone-1);padding:0 4px}.mono{font-family:var(--mono);font-size:13px}.dim{color:var(--muted)}.label{font-size:12px;font-weight:600;color:var(--muted)}.frame{height:var(--app-h, 100dvh);display:grid;grid-template-columns:var(--sidebar) 1fr}.frame[data-stage=none]{grid-template-columns:1fr}.frame[data-stage=none] .stage{display:none}.frame[data-sidebar=hidden]:not([data-stage=none]){grid-template-columns:1fr}.frame[data-sidebar=hidden]:not([data-stage=none]) .hub{display:none}.hub{display:flex;flex-direction:column;min-height:0;background:var(--panel);border-right:1px solid var(--border)}.stage{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}@media(max-width:719px){.frame{grid-template-columns:1fr!important}.frame:not([data-stage=none]) .hub{display:none!important}.frame[data-stage=none] .stage{display:none}}.hub-top{display:flex;align-items:center;padding:var(--s) var(--s) var(--s) calc(var(--s) * 2);gap:2px}.hub-top .name{flex:1;font-weight:700;letter-spacing:.02em;color:var(--accent)}.hub-top button{min-height:32px;min-width:32px;padding:0;font-size:15px}.hub-rows{flex:1;overflow-y:auto;padding-bottom:var(--s)}.hub-section{padding:calc(var(--s) * 2) calc(var(--s) * 2) var(--s);color:var(--accent)}.row{display:grid;grid-template-columns:1fr auto;column-gap:var(--s);width:100%;text-align:left;padding:var(--s) calc(var(--s) * 2);min-height:56px;color:var(--fg)}.row:hover{background:var(--tone-2);color:var(--fg)}.row[aria-selected=true]{background:var(--tone-2);box-shadow:inset 3px 0 0 var(--accent)}.row .l1{grid-column:1;grid-row:1;display:flex;align-items:center;gap:var(--s);font-weight:600;overflow:hidden;min-width:0}.row .l1 .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .l2{grid-column:1;grid-row:2;min-width:0;color:var(--muted);font-family:var(--mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .age{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--muted);font-family:var(--mono);font-size:12px}.pip{width:8px;height:8px;flex:none;background:var(--muted)}.pip[data-tone=accent]{background:var(--accent);animation:breathe 1.4s ease-in-out infinite;will-change:opacity}.pip[data-tone=warn]{background:var(--warn)}.pip[data-tone=error]{background:var(--error)}.count{font-family:var(--mono);font-size:12px;color:var(--warn);font-weight:700}.blank{padding:calc(var(--s) * 4) calc(var(--s) * 2);color:var(--muted)}@keyframes breathe{50%{opacity:.35}}.compaction{display:flex;align-items:center;gap:var(--s);padding:var(--s) calc(var(--s) * 2);font-family:var(--mono);font-size:12px;color:var(--muted);cursor:pointer;min-width:0}.compaction .rule{flex:1 1 var(--s);height:1px;background:var(--border);min-width:var(--s)}.compaction .label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compaction .label .dim{color:inherit}.compaction[data-s=running] .label{animation:breathe 2s ease-in-out infinite}.compaction[data-s=failed]{color:var(--error)}.compaction[data-s=failed] .rule{background:var(--error);opacity:.4}.compaction:hover .label,.compaction[data-cursor=true] .label{color:var(--fg)}.stage-title{padding:calc(var(--s) * 1.5) calc(var(--s) * 3) 0;display:flex;align-items:baseline;gap:var(--s);font-family:var(--mono);font-size:12px;color:var(--muted)}.stage-title .back{display:none;min-height:32px;padding:0 var(--s);margin-left:calc(var(--s) * -1)}.stage-title h1{font-size:12px;font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.stage-title h1.title{display:flex;align-items:center;gap:2px;min-width:0;height:22px;line-height:22px}.stage-title h1 .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.stage-title h1 .pencil{min-height:0;padding:0 4px;font-size:12px;line-height:1;color:var(--muted);opacity:0;transition:opacity .12s}.stage-title:hover h1 .pencil,.stage-title h1 .pencil:focus-visible{opacity:1}.stage-title h1 .pencil:hover{background:none;color:var(--fg)}@media(hover:none){.stage-title h1 .pencil{opacity:.6;min-width:36px;min-height:36px}}.stage-title h1 .title-edit{width:auto;max-width:100%;min-width:0;height:22px;line-height:22px;margin:0;padding:0 2px;background:none;border:none;border-bottom:1px solid var(--accent);font:inherit;color:var(--fg);outline:none}.stage-title .where{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-title .right{margin-left:auto;white-space:nowrap}.flow-pane{flex:1;min-height:0;position:relative}.flow{height:100%}:root{--column: 780px}.flow-row{padding:3px calc(var(--s) * 3);max-width:var(--column);margin-inline:auto;box-sizing:border-box}.flow-row.turn{padding-top:calc(var(--s) * 2.5)}.skeleton{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--s) * 1.5);padding:calc(var(--s) * 2);box-sizing:border-box;pointer-events:none}.skeleton .bone{height:12px;border-radius:6px;background:var(--tone-1);animation:breathe 1.6s ease-in-out infinite}.skeleton .bone.short{width:35%;align-self:flex-end}.skeleton .bone.mid{width:60%}.flow.landing{visibility:hidden}.flow-head{min-height:var(--s);padding:var(--s) 0 0;text-align:center;font-family:var(--mono);font-size:11px;color:var(--muted)}.flow-pane>.latest{position:absolute;left:50%;bottom:var(--s);transform:translate(-50%);min-height:32px;padding:0 calc(var(--s) * 2);border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--fg);font-family:var(--mono);font-size:12px;box-shadow:0 2px 8px color-mix(in srgb,var(--bg) 60%,transparent)}.said{display:grid;grid-template-columns:auto 1fr auto;column-gap:var(--s);align-items:baseline;white-space:pre-wrap;font-size:15px;color:var(--fg);background:var(--tone-1);padding:calc(var(--s) * 1.5) calc(var(--s) * 2);cursor:default}.said .mark{color:var(--fg);font-family:var(--mono)}.when{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}.reply{padding:var(--s) calc(var(--s) * 2) 0}.prose{font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--fg);overflow-wrap:break-word}.prose>*{margin:0 0 .8em}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose :is(h1,h2,h3,h4,h5,h6){font-weight:650;line-height:1.3;margin:1.4em 0 .45em;color:var(--fg);letter-spacing:-.005em}.prose h1{font-size:1.45em}.prose h2{font-size:1.25em}.prose h3{font-size:1.1em}.prose :is(h4,h5,h6){font-size:1em;color:var(--muted)}.prose strong{font-weight:650;color:var(--fg)}.prose :is(ul,ol){padding-left:1.5em}.prose li{margin:.2em 0}.prose li>:is(ul,ol){margin:.2em 0}.prose li::marker{color:var(--muted)}.prose li>p{margin:0 0 .4em}.prose li:has(>.task),.prose li:has(>p>.task){list-style:none}.prose .task{display:inline-block;width:.9em;height:.9em;margin:0 .5em 0 -1.35em;vertical-align:-.08em;border:1.5px solid var(--muted);border-radius:3px}.prose .task[data-done=true]{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--bg)}.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere}.prose a:hover{text-decoration-thickness:2px}.prose blockquote{margin-left:0;padding:.1em 0 .1em 1em;border-left:3px solid var(--border);color:var(--muted)}.prose hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.prose img{border-radius:6px}.prose :not(pre)>code{font-family:var(--mono);font-size:.88em;padding:.1em .35em;border-radius:4px;background:var(--tone-1);overflow-wrap:break-word}.prose .code-block{border:1px solid var(--border);border-radius:8px;background:var(--tone-1);overflow:hidden}.prose .code-head{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:0 4px 0 12px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11px;color:var(--muted)}.prose .code-head .copy{min-height:26px;padding:0 10px;font-family:var(--mono);font-size:11px;color:var(--muted);border-radius:4px}.prose .code-head .copy:hover{color:var(--fg);background:var(--tone-2)}.prose .code-block pre{margin:0;padding:10px 12px;overflow-x:auto;scrollbar-width:none;font-family:var(--mono);font-size:13px;line-height:1.5;tab-size:2;background:linear-gradient(to left,var(--tone-1) 30%,transparent) right / 24px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,color-mix(in srgb,var(--fg) 16%,transparent),transparent) right / 10px 100% no-repeat scroll;background-color:var(--tone-1)}.prose .code-block pre::-webkit-scrollbar{display:none}.prose .code-block code{white-space:pre;overflow-wrap:normal}.prose .hljs-comment,.prose .hljs-quote{color:var(--muted);font-style:italic}.prose :is(.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-type,.hljs-meta){color:var(--accent)}.prose :is(.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attr-value,.hljs-template-string){color:var(--ok)}.prose :is(.hljs-number,.hljs-literal,.hljs-symbol,.hljs-variable.constant_){color:var(--warn)}.prose :is(.hljs-title,.hljs-section,.hljs-name){font-weight:600}.prose .hljs-deletion{color:var(--error)}.prose :is(.hljs-attr,.hljs-attribute,.hljs-property){color:var(--fg)}.prose .table-wrap{max-width:100%;overflow-x:auto;scrollbar-width:none;border:1px solid var(--border);border-radius:8px;background:linear-gradient(to right,var(--bg) 30%,transparent) left / 24px 100% no-repeat local,linear-gradient(to left,var(--bg) 30%,transparent) right / 24px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,color-mix(in srgb,var(--fg) 18%,transparent),transparent) left / 10px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,color-mix(in srgb,var(--fg) 18%,transparent),transparent) right / 10px 100% no-repeat scroll;background-color:var(--bg)}.prose .table-wrap::-webkit-scrollbar{display:none}.prose table{border-collapse:collapse;width:max-content;min-width:100%;font-size:14px;line-height:1.45;font-variant-numeric:tabular-nums}.prose :is(th,td){padding:7px 12px;text-align:left;vertical-align:top;overflow-wrap:normal;max-width:42ch}.prose th{font-weight:650;border-bottom:1.5px solid var(--border);white-space:nowrap;background:var(--tone-1)}.prose td{border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.prose tbody tr:first-child td{border-top:none}.prose table.striped tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--tone-1) 55%,transparent)}.prose :is(th,td)[data-align=right]{text-align:right}.prose :is(th,td)[data-align=center]{text-align:center}.prose td.num{white-space:nowrap}.prose .table-wrap :is(th,td):first-child{position:sticky;left:0;z-index:1;background:var(--bg);box-shadow:1px 0 color-mix(in srgb,var(--border) 60%,transparent)}.prose .table-wrap th:first-child{background:color-mix(in srgb,var(--tone-1) 100%,var(--bg))}.prose table.striped tbody tr:nth-child(2n) td:first-child{background:color-mix(in srgb,var(--tone-1) 55%,var(--bg))}.prose .math-block{margin:.9em 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 0}.prose .math-block::-webkit-scrollbar{display:none}.prose .math-block .katex-display{margin:0}.prose .katex{font-size:1.08em}.prose .math-src{font-family:var(--mono);font-size:.9em;color:var(--muted)}.live>:last-child:after,.live:empty:after{content:"▍";color:var(--muted);animation:breathe .9s infinite;will-change:opacity}.think,.call,.oops,.note,.more-rows,.kid .who{font-family:var(--mono);font-size:12px;color:var(--muted);padding-left:calc(var(--s) * 2)}.more-rows{text-align:left;min-height:0;padding:2px 0 2px calc(var(--s) * 2)}.more-rows:hover{background:none;color:var(--fg)}.call .peek{color:var(--muted);opacity:.75;padding:0 0 2px calc(var(--s) * 2);white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis}.call .peek .diff{background:none;padding:0}.diff{display:block;background:none;padding:0;max-height:40vh;overflow-y:auto;overflow-x:hidden;font-size:12px}.diff>div{white-space:pre-wrap;overflow-wrap:anywhere;padding-left:2ch;text-indent:-2ch}.diff>div:before{content:"  ";color:var(--muted)}.diff>div[data-op="+"]{color:var(--ok)}.diff>div[data-op="+"]:before{content:"+ "}.diff>div[data-op="-"]{color:var(--error)}.diff>div[data-op="-"]:before{content:"- "}.diff>div[data-op="@"]{color:var(--muted)}.call .line{display:flex;gap:var(--s);align-items:baseline;width:100%;text-align:left;padding:2px 0;min-height:0;color:var(--muted)}.call .line:hover{background:none;color:var(--fg)}.call .line .sym{width:1.4ch;text-align:center;color:var(--muted)}.call .line .name{color:var(--muted)}.call .line .what{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call .line .state{color:var(--muted)}.state[data-s=running]{color:var(--accent);animation:breathe 1s infinite;will-change:opacity}.state[data-s=failed],.call[data-s=failed] .line .name,.call[data-s=failed] .line .sym{color:var(--error)}.kid{margin-top:4px}.group-head,.kid-line{display:flex;gap:var(--s);align-items:baseline;width:100%;min-height:0;padding:2px 0 2px calc(var(--s) * 2);text-align:left;font-family:var(--mono);font-size:12px;color:var(--muted)}.group-head:hover,.kid-line:hover,.kid .who:hover{background:none;color:var(--fg)}.group-head .caret,.kid-line .caret{width:1.4ch;text-align:center}.kid-more{padding:2px 0 2px calc(var(--s) * 2);font-family:var(--mono);font-size:12px}.group-head .what,.kid-line .what{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.kid-line .n{white-space:nowrap}.group-head .bad-count{color:var(--error);white-space:nowrap}.group-rows{display:flex;flex-direction:column}.group:not([data-open=true]) .group-rows{opacity:.8}.kid .who{width:100%;min-height:0;padding-top:2px;padding-bottom:2px;text-align:left}.kid .who{display:flex;gap:var(--s);align-items:baseline}.kid .who .state{margin-left:auto}.kid .inner{padding-left:calc(var(--s) * 2);display:flex;flex-direction:column;gap:4px;margin-top:4px}.oops{color:var(--error)}.plan ul{margin:0;padding-left:calc(var(--s) * 4);font-family:var(--mono);font-size:13px}[data-cursor=true]{box-shadow:inset 2px 0 0 var(--accent)}.call .peek{cursor:pointer}.hud .child-sum{display:none}.hud{margin:var(--s) max(calc(var(--s) * 3),calc((100% - var(--column)) / 2 + var(--s) * 3)) 0;display:flex;flex-direction:column;gap:2px;font-family:var(--mono);font-size:12px;color:var(--muted)}.hud .working .sym{animation:breathe 1s infinite;display:inline-block;will-change:opacity}.hud>div{display:flex;gap:var(--s);align-items:baseline}.hud .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet.wide{width:min(960px,calc(100vw - 32px));max-height:90dvh;padding:0}.detail{display:flex;flex-direction:column;min-height:0;max-height:90dvh}.detail .head{display:flex;gap:var(--s);align-items:baseline;padding:calc(var(--s) * 1.5) calc(var(--s) * 2);font-family:var(--mono);font-size:13px;border-bottom:1px solid var(--border)}.detail .head .sym{color:var(--muted)}.detail .head .name{font-weight:600}.detail .head .what{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.detail .head .close{min-height:24px;padding:0 var(--s)}.detail .body{overflow-y:auto;overflow-x:hidden;padding:var(--s) calc(var(--s) * 2) calc(var(--s) * 2);display:flex;flex-direction:column;gap:calc(var(--s) * 2)}.detail section{display:flex;flex-direction:column;gap:4px}.detail .label{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.detail pre{max-height:none;font-size:12px;color:var(--fg)}.detail pre.wrap{white-space:pre-wrap}.detail .diff{max-height:none}.detail .thread{display:flex;flex-direction:column;gap:var(--s)}.banner{margin:var(--s) max(calc(var(--s) * 3),calc((100% - var(--column)) / 2 + var(--s) * 3)) 0;display:flex;flex-direction:column;gap:var(--s)}.ask{border-left:3px solid var(--warn);padding:var(--s) calc(var(--s) * 2);display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:13px}.ask .head{display:flex;gap:var(--s);align-items:baseline}.ask .head .tag{color:var(--warn)}.ask .head .what{color:var(--fg)}.ask .why{color:var(--muted);white-space:pre-wrap}.ask pre{max-height:24vh;background:none;padding:0;color:var(--muted);font-size:12px}.ask .acts{display:flex;flex-wrap:wrap;gap:var(--s);margin-top:4px}.ask .acts button{min-height:28px;padding:0 var(--s);font-family:var(--mono);font-size:12px}.ask .q{margin-top:4px}.queued{display:flex;gap:var(--s);align-items:center;font-family:var(--mono);font-size:12px;color:var(--muted);padding:0 calc(var(--s) * 2)}.queued .txt{flex:1;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queued button{min-height:28px;min-width:28px;padding:0 var(--s)}.card{position:relative;margin:var(--s) max(calc(var(--s) * 3),calc((100% - var(--column)) / 2 + var(--s) * 3)) 0;border:1px solid var(--border);border-radius:8px;padding:6px var(--s);display:flex;flex-direction:column}.card .slash{display:flex;flex-direction:column;padding-bottom:4px}.card .slash button{display:flex;gap:var(--s);align-items:baseline;text-align:left;min-height:26px;font-family:var(--mono);font-size:12px}.card .slash .name{color:var(--fg)}.card .slash .what{color:var(--muted)}.card .prompt{display:grid;grid-template-columns:auto 1fr auto auto;column-gap:var(--s);align-items:start}.said .atts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.said .att-img{max-width:160px;max-height:120px;border-radius:6px;border:1px solid var(--border);object-fit:cover}.said .att-file{display:inline-flex;gap:6px;align-items:center;max-width:100%;padding:2px 8px;border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .attach-open{min-height:28px;min-width:28px;padding:0;font-size:14px;border:1px solid var(--border);border-radius:6px;align-self:center}.card .attachments{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 6px}.card .chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;height:36px;padding:0 2px 0 4px;border:1px solid var(--border);border-radius:8px;background:var(--tone-1);font-family:var(--mono);font-size:12px}.card .chip img{width:28px;height:28px;object-fit:cover;border-radius:4px}.card .chip .ext{width:28px;text-align:center;font-size:10px;text-transform:uppercase;color:var(--muted)}.card .chip .name{min-width:0;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.card .chip .drop{min-width:28px;min-height:28px;padding:0;color:var(--muted)}.card[data-dropping=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.card .slash-open{min-height:28px;min-width:28px;padding:0;font-family:var(--mono);font-size:14px;color:var(--muted);border:1px solid var(--border);border-radius:6px;align-self:center}.card .send-row{display:none}.queued .held{font-family:var(--mono);font-size:12px;white-space:nowrap}.queued .now{color:var(--accent);font-family:var(--mono);font-size:12px;white-space:nowrap}.card .prompt:before{content:attr(data-mark);font-family:var(--mono);color:var(--fg);line-height:1.5;padding:4px 0 4px 4px}.card textarea{background:none;border-bottom:none;resize:none;min-height:32px;max-height:40vh;line-height:1.5;padding:4px 0}.card textarea::placeholder{color:var(--muted);opacity:.7}.card .status{position:absolute;right:calc(var(--s) * 2);top:100%;transform:translateY(-50%);display:flex;align-items:center;gap:0 var(--s);padding:0 6px;background:var(--bg);font-family:var(--mono);font-size:11px;color:var(--muted);line-height:18px}.card .status .seg+.seg:before,.card .status .seg+button:before,.card .status button+button:before{content:"·";margin-right:var(--s);color:var(--muted)}.card .status .seg[data-tone=warn]{color:var(--warn)}.card .status .seg[data-tone=error]{color:var(--error)}.card .status button{min-height:24px;margin:-3px 0;padding:0;font-family:var(--mono);font-size:11px;color:var(--muted)}.card .status button:hover{background:none;color:var(--fg)}.card .send{display:none}.keys{margin:calc(var(--s) * 2) calc(var(--s) * 3) calc(var(--s) * 1.5 + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:0 calc(var(--s) * 2);font-family:var(--mono);font-size:11px;color:var(--muted)}.keys b{font-weight:400;color:var(--fg)}.keys span+span:before{content:"│";margin-right:calc(var(--s) * 2)}.veil{position:fixed;inset:0 0 auto;height:var(--app-h, 100dvh);background:color-mix(in srgb,var(--bg) 70%,transparent);display:flex;align-items:center;justify-content:center;z-index:10}.sheet{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:calc(var(--s) * 2);width:min(520px,calc(100vw - 32px));max-height:85dvh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s)}.sheet h2{font-size:13px;font-weight:400;font-family:var(--mono);margin:0 0 var(--s);color:var(--fg)}.sheet form{display:contents}.sheet .pick{display:flex;flex-direction:column;gap:var(--s);min-height:0}.sheet .pick .filter{background:none;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:13px;padding:6px var(--s)}.sheet .pick .filter:focus{outline:none;border-bottom-color:var(--accent)}.sheet .pick .opts{overflow-y:auto;overflow-x:hidden;max-height:60dvh;display:flex;flex-direction:column}.sheet .opt{display:flex;gap:var(--s);align-items:baseline;width:100%;text-align:left;color:var(--fg);min-height:32px;padding:4px var(--s);font-family:var(--mono);font-size:13px}.sheet .opt[aria-selected=true]{background:var(--tone-1)}.sheet .opt .lbl{white-space:nowrap}.sheet .opt .sub{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet .workspace{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-width:0}.sheet .workspace legend{font-size:12px;font-weight:600;color:var(--muted);padding:0;margin-bottom:4px}.sheet .workspace .choice{display:flex;gap:4px}.sheet .workspace .choice button{flex:1;min-height:36px;border:1px solid var(--border);border-radius:6px;font-size:13px}.sheet .workspace .choice button[aria-checked=true]{border-color:var(--accent);color:var(--fg);background:var(--tone-1)}.sheet .workspace .path{font-family:var(--mono);font-size:13px}.sheet .workspace .recent{display:flex;flex-wrap:wrap;gap:4px}.sheet .workspace .recent button{min-height:28px;padding:0 var(--s);border:1px solid var(--border);border-radius:999px;font-family:var(--mono);font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet .workspace .recent button[aria-pressed=true]{border-color:var(--accent);color:var(--fg)}.sheet .workspace .browse{border:1px solid var(--border);border-radius:6px;overflow:hidden}.sheet .workspace .here{display:flex;align-items:center;gap:4px;padding:2px 4px;border-bottom:1px solid var(--border);background:var(--tone-1)}.sheet .workspace .here .at{flex:1;min-width:0;font-family:var(--mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.sheet .workspace .here button{min-height:30px;padding:0 var(--s);font-size:12px}.sheet .workspace .here .use{color:var(--accent)}.sheet .workspace .dirs{max-height:28dvh;overflow-y:auto;display:flex;flex-direction:column}.sheet .workspace .dirs button{text-align:left;min-height:32px;font-family:var(--mono);font-size:13px;color:var(--fg)}.sheet .workspace .dirs .hint{padding:var(--s)}.sheet .end{display:flex;gap:var(--s);justify-content:flex-end;margin-top:var(--s)}.sheet label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}.sheet label>*{font-size:14px;font-weight:400;color:var(--fg)}.cmd{display:flex;justify-content:space-between;gap:var(--s)}.cmd .id{color:var(--muted);font-family:var(--mono);font-size:12px}.cred{display:grid;grid-template-columns:1fr auto auto;gap:var(--s);align-items:center;padding:4px 0}.cred .kind{color:var(--muted);font-family:var(--mono);font-size:12px}.hint{color:var(--muted);font-size:13px}.good{color:var(--ok);font-weight:600}.bad{color:var(--error);font-family:var(--mono);font-size:13px}.toasts{position:fixed;top:var(--s);right:var(--s);display:flex;flex-direction:column;gap:4px;z-index:20}.toast{background:var(--panel);padding:var(--s) calc(var(--s) * 2);max-width:360px;font-family:var(--mono);font-size:13px;box-shadow:inset 3px 0 0 var(--fg)}.toast[data-tone=error]{box-shadow:inset 3px 0 0 var(--error)}.toast[data-tone=warn]{box-shadow:inset 3px 0 0 var(--warn)}.gate{height:var(--app-h, 100dvh);display:grid;place-items:center;padding:calc(var(--s) * 2)}.gate .card-form{display:flex;flex-direction:column;gap:calc(var(--s) * 1.5);width:min(360px,100%);background:var(--panel);border-top:3px solid var(--accent);padding:calc(var(--s) * 3)}.gate h1{margin:0;font-size:19px;color:var(--accent)}.gate .lede{margin:0;color:var(--fg);line-height:1.5;overflow-wrap:anywhere}.gate .caution{margin:0;padding:var(--s);font-size:13px;line-height:1.45;color:var(--fg);background:color-mix(in srgb,var(--warn) 12%,transparent);border-left:3px solid var(--warn)}.gate .field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.gate .field input{min-height:40px;padding:0 var(--s);border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:15px}.gate .field input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.gate input.code{font-family:var(--mono);font-size:22px;letter-spacing:.4em;text-align:center;min-height:48px}.gate button.fill{min-height:42px;border-radius:6px}.gate .bad{color:var(--error);font-family:var(--sans);font-size:13px}.gate .bad:first-letter{text-transform:uppercase}.gate .row-actions{display:flex;justify-content:space-between;gap:var(--s);flex-wrap:wrap}.gate button.link{padding:0;min-height:32px;color:var(--accent);background:none;font-size:13px}.gate button.link:hover{text-decoration:underline;background:none}.gate button.link:disabled{color:var(--muted);text-decoration:none}.device{display:flex;align-items:center;gap:var(--s);padding:6px 0;border-bottom:1px solid var(--border)}.device .what{flex:1;min-width:0;display:flex;flex-direction:column}.device .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device .when{font-size:12px;color:var(--muted)}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(min-width:720px){.account-button,.account-menu{max-width:320px}}.account{position:relative;border-top:1px solid var(--border);padding:var(--s) var(--s) calc(var(--s) + env(safe-area-inset-bottom))}.account-button{display:flex;align-items:center;gap:var(--s);width:100%;min-height:40px;padding:4px var(--s);border-radius:6px;text-align:left;color:var(--fg)}.account-button:hover,.account-button[aria-expanded=true]{background:color-mix(in srgb,var(--fg) 8%,transparent)}.account .avatar{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--bg);font-weight:700;font-size:13px}.account .email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.account .chev{color:var(--muted);font-size:11px}.account-menu{position:absolute;left:var(--s);right:var(--s);bottom:calc(100% - var(--s) / 2);z-index:20;display:flex;flex-direction:column;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 24px color-mix(in srgb,var(--bg) 70%,#000 30%)}.account-menu .who{padding:6px 8px 8px;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--border);margin-bottom:4px}.account-menu .item{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 8px;border-radius:6px;text-align:left;color:var(--fg);font-size:13px}.account-menu .item:hover,.account-menu .item:focus-visible{background:color-mix(in srgb,var(--fg) 8%,transparent)}.account-menu .item .chev,.account-menu .item .tick{margin-left:auto;color:var(--muted)}.account-menu .item .tick{color:var(--accent)}.account-menu .scheme-open{border:1px solid var(--border)}.account-menu .back{color:var(--muted);border-bottom:1px solid var(--border);border-radius:6px 6px 0 0;margin-bottom:4px}.account-menu .schemes{display:flex;flex-direction:column;max-height:min(360px,55dvh);overflow-y:auto;overscroll-behavior:contain}.account-menu .schemes .item[aria-checked=true]{background:color-mix(in srgb,var(--accent) 16%,transparent)}.swatch{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:3px;width:28px;height:18px;border:1px solid;border-radius:4px}.swatch i{width:6px;height:6px;border-radius:50%}.account-menu .item.out{border-top:1px solid var(--border);border-radius:0 0 6px 6px;margin-top:4px}.account-menu .group{display:flex;flex-direction:column;gap:6px;padding:8px}.account-menu .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.account-menu .modes{display:flex;border:1px solid var(--border);border-radius:4px;overflow:hidden}.account-menu .modes button{flex:1;min-height:28px;font-size:12px;color:var(--muted)}.account-menu .modes button+button{border-left:1px solid var(--border)}.account-menu .modes button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--fg)}@media(max-width:719px){.hud .child{display:none}.hud .child-sum{display:block}.hud .working{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--gutter: calc(var(--s) * 2)}.hub{border-right:none}.hub-top{padding:calc(var(--s) + env(safe-area-inset-top)) var(--s) var(--s) var(--gutter)}.hub-top button{min-width:44px;min-height:44px;font-size:17px}.account-button{min-height:48px}.account-menu .item{min-height:44px;font-size:15px}.account-menu .modes button{min-height:40px;font-size:14px}.row{padding:calc(var(--s) * 1.5) var(--gutter);min-height:64px}.row .l1{font-size:15px}.stage-title{padding:calc(var(--s) * .5 + env(safe-area-inset-top)) var(--gutter) var(--s) var(--s);align-items:center;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.stage-title .back{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;font-size:22px}.stage-title h1{flex:1;min-width:0;font-size:14px}.stage-title h1 .rename{all:unset;cursor:text;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;border-bottom:1px dashed transparent}.stage-title h1 .rename:hover{border-bottom-color:var(--muted)}.stage-title .where{display:none}.stage-title .right{font-size:11px}.stage-title h1 .title-edit{font-size:16px}.flow-row{padding-left:var(--gutter);padding-right:var(--gutter)}.said{font-size:14.5px;padding:var(--s) calc(var(--s) * 1.5)}.prose{font-size:14.5px}.prose table{font-size:13px}.prose :is(th,td){padding:6px 10px}.prose .code-block pre{font-size:12px}.reply{padding:4px calc(var(--s) * 1.5) 0}.think,.call,.oops,.note,.more-rows,.kid .who{padding-left:calc(var(--s) * 1.5)}.call .line,.more-rows{min-height:32px;align-items:center}.call .line .what{flex:1;min-width:0}.hud,.banner{margin-left:var(--gutter);margin-right:var(--gutter)}.ask .acts button{min-height:40px;padding:0 calc(var(--s) * 2);font-size:14px}.queued{padding:0 0 0 calc(var(--s) * 1.5)}.queued button{min-width:40px;min-height:40px}.card{margin:var(--s) var(--s) calc(var(--s) + env(safe-area-inset-bottom));padding:4px var(--s) 4px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s);align-items:center}.card .slash{grid-column:1 / 3;grid-row:1}.card .attachments{grid-column:1 / 3;grid-row:2}.card .prompt{grid-column:1;grid-row:3}.card .send-row{grid-column:2;grid-row:3;align-self:end}.card .status{grid-column:1 / 3;grid-row:4}.card .attach-open{min-height:36px;min-width:36px}.card .slash{max-height:40dvh;overflow-y:auto;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);margin-bottom:4px}.card .slash button{min-height:40px;white-space:nowrap;overflow:hidden}.card .slash .dim{display:none}.card .slash .what{overflow:hidden;text-overflow:ellipsis}.card textarea{font-size:16px;min-height:40px}.card .status{position:static;transform:none;background:none;padding:2px 0 0;flex-wrap:wrap;white-space:nowrap;row-gap:0;min-height:36px;font-size:12px;border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent);margin-top:4px}.card .status button{min-height:36px;font-size:12px}.card .send-row{display:flex;gap:6px;align-items:center}.card .send{display:block;min-width:64px;min-height:36px;background:var(--accent);color:var(--bg);border:none;border-radius:6px;font-weight:600}.card .stop{min-width:40px;min-height:36px;padding:0;border:1px solid var(--border);border-radius:6px;color:var(--fg)}.card .status button[title=interrupt]{display:none}.card .slash-open{min-height:36px;min-width:36px}.banner{max-height:55dvh;overflow-y:auto}.ask .why{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ask pre{max-height:22dvh;overflow-y:auto}.ask>.acts{position:sticky;bottom:0;background:var(--bg);padding:6px 0;margin-top:0}.card .send:disabled{background:none;color:var(--muted);border:1px solid var(--border);opacity:1}.keys{display:none}.veil{align-items:flex-end}.sheet{width:100vw;max-height:88dvh;border-radius:12px 12px 0 0;border-width:1px 0 0;padding:calc(var(--s) * 2) var(--gutter) calc(var(--s) * 2 + env(safe-area-inset-bottom))}.sheet:before{content:"";align-self:center;width:36px;height:4px;border-radius:2px;background:var(--border);margin:-4px 0 4px;flex:none}.sheet input,.sheet select,.sheet textarea{font-size:16px}.sheet .opt{min-height:44px;font-size:15px;border-radius:6px}.sheet .workspace .dirs button,.sheet .workspace .here button{min-height:40px}.sheet .workspace .choice button{min-height:44px}.sheet .pick .filter{font-size:16px;padding:var(--s)}.sheet .end button{min-height:44px;padding:0 calc(var(--s) * 2.5)}.sheet.wide{width:100vw;height:calc(var(--app-h, 100dvh) - env(safe-area-inset-top) - var(--s));max-height:none;padding:0}.sheet.wide:before{margin:var(--s) auto 0}.detail{max-height:none;height:100%}.detail .head{padding:var(--s) var(--s) var(--s) var(--gutter)}.detail .head .close{min-width:44px;min-height:44px}.detail .body{padding:var(--s) var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom))}.detail pre{white-space:pre-wrap;word-break:break-word}.toasts{left:var(--s);right:var(--s);top:calc(var(--s) + env(safe-area-inset-top))}.toast{max-width:none}.gate .field input{font-size:16px}}@media(pointer:coarse){.keys{display:none}.card .send-row{display:flex;gap:6px;align-items:center}.card .send{display:block}}.flow,.hub-rows,.sheet,.detail .body,.sheet .pick .opts,.card .slash,.diff,.kid .inner,.group-rows{overflow-x:hidden}.said .txt,.ask,.queued .txt,.detail,.toast{overflow-wrap:anywhere}.prose img,.prose video{max-width:100%;height:auto}