.working-trigger{cursor:pointer;border-radius:4px}.working-trigger:focus-visible{outline:2px solid var(--accent,#7040be);outline-offset:4px}
/* The Working sheet slides up from the bottom (the Founder, 15 October 2026, like Claude Code's): full width on a phone,
   a column on a computer, never a dialog centred over the page. */
.working-popup{box-sizing:border-box;position:fixed;inset:auto 0 0 0;margin:0 auto;width:min(640px,100vw);max-width:100vw;max-height:85dvh;padding:0 0 env(safe-area-inset-bottom);border:1px solid var(--line,#d8d8e2);border-bottom:0;border-radius:16px 16px 0 0;background:var(--surface,#fff);color:var(--text,#242431);box-shadow:0 -8px 40px #0003;outline:none}
.working-popup[open]{animation:working-sheet-up .26s cubic-bezier(.2,.8,.2,1)}
@keyframes working-sheet-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.working-popup[open]{animation:none}}.reduced-motion .working-popup[open]{animation:none}
.working-sheet-grip{display:flex;justify-content:center;padding:8px 0 0}.working-sheet-grip span{width:36px;height:4px;border-radius:2px;background:var(--line,#c9c9d4)}
.working-popup h2:focus{outline:none}
.working-close{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer;box-shadow:none;outline:none}
.working-close:hover{background:var(--hover,#0000000d)}.working-close:focus{outline:none;box-shadow:none}.working-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.working-circle.is-stalled{border-color:#b54708;border-style:dashed}
/* Working above the composer, pressable (the Founder, 15 October 2026). */
.chat-working{display:flex;flex-wrap:wrap;gap:4px 14px;padding:4px 16px 2px;font-size:12px;min-width:0}.chat-working>.working-trigger{display:inline-flex;min-width:0;overflow-wrap:anywhere}
.working-popup::backdrop{background:#1116}.working-popup>header{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:12px;border-bottom:1px solid var(--line,#ddd)}.working-popup h2{font-size:18px;margin:0}.working-popup-scroll{max-height:calc(85dvh - 90px);overflow:auto;padding:0 16px 16px;overscroll-behavior:contain}.working-popup h3{font-size:14px;margin:20px 0 8px}.working-popup h3 small{font-weight:400}.working-popup ul{list-style:none;padding:0;margin:0}.working-row{display:flex;align-items:center;gap:10px;padding:12px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--line,#eee)}.working-row:focus-visible{outline:2px solid var(--accent,#7040be)}.working-row-main{flex:1;min-width:0}.working-row strong{display:block;font-size:14px;overflow-wrap:anywhere}.working-row small{display:block;font-size:12px;opacity:.7}.working-row time{font-size:12px;white-space:nowrap}.working-circle{width:12px;height:12px;flex-shrink:0;border:2px solid #9aa2b1;border-radius:50%}.working-circle.is-running{border-color:#7040be;border-right-color:transparent;animation:working-spin 1s linear infinite}@keyframes working-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.working-circle.is-running{animation:none}}[data-theme=dark] .working-popup{background:#242430;color:#f5f5fa;border-color:#51515d}

.reduced-motion .working-circle.is-running{animation:none}
.working-said{font-size:13px;margin:0 0 4px;overflow-wrap:anywhere}
.chat-tracked{margin:2px 0 8px;font-size:12px;color:var(--muted,#686577);text-align:end;overflow-wrap:anywhere}.chat-tracked[data-overdue],.chat-tracked[data-chat-tracked=Blocked]{color:#b42318}.chat-tracked[data-chat-tracked=Delivered]{color:#067647}.chat-tracked a{color:inherit;text-decoration:underline}.chat-track-offer{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 8px}.chat-track-error{font-size:12px;color:#b42318}[data-theme=dark] .chat-tracked[data-overdue],[data-theme=dark] .chat-tracked[data-chat-tracked=Blocked],[data-theme=dark] .chat-track-error{color:#fda29b}[data-theme=dark] .chat-tracked[data-chat-tracked=Delivered]{color:#75e0a7}
.working-reply{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line,#eee)}.working-reply strong{flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere}.working-reply time{font-size:12px;white-space:nowrap}
.chat-track-due select{min-height:32px;padding:2px 8px;font-size:12px;width:auto}
.feed-row-bottom>.working-trigger{flex:none;margin-inline:6px}
/* "Working on: <title>" above the composer (the Founder, 16 October 2026, 01:07): one thin tappable line in the chat's flow,
   the agent's face, the title cut with an ellipsis, "· +N"; never fixed, so the composer and the iPhone keyboard keep their place. */
.chat-working:has(>.chat-working-line){flex-wrap:nowrap;padding:3px 12px 1px}
.chat-working-line{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;max-width:100%;min-height:24px;padding:0 4px;border-radius:12px;color:var(--muted,#686577);text-decoration:none;font-size:12px;line-height:18px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.chat-working-line:hover{background:var(--hover,#0000000a)}.chat-working-line:focus-visible{outline:2px solid var(--accent,#7040be);outline-offset:1px}
.chat-working-line .chat-working-face.portrait-box{flex:none;width:18px;height:18px;min-width:18px;border-radius:50%;overflow:hidden}
.chat-working-said{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chat-working-more{flex:none;white-space:nowrap}
.chat-working-line .work-dots{flex:none}
.working-progress{font-style:italic;overflow-wrap:anywhere}
[data-theme=dark] .chat-working-line{color:#c9c9d6}
/* A read slower than the sheet's wait: it rises once at a full height, never one line that grows (17 October 2026). */
.working-popup:not([data-loaded]){min-height:min(420px,70dvh)}
/* ---- The fold: what an agent is working on, unfolded from the top under its chat's header (the Founder, 22 October 2026,
   21:18). Not modal: the header's arrow stays pressable and folds it. Its task list (working-popup.js foldListMarkup): In
   progress with a turning ring, Up next with an empty one, Stalled amber, Done with a check. ---- */
.working-popup.working-fold{position:fixed;inset:auto;top:0;z-index:60;margin:0;max-width:none;max-height:min(78dvh,640px);padding:env(safe-area-inset-top,0px) 0 0;border:0;border-radius:0 0 22px 22px;background:var(--surface,#fff);box-shadow:0 18px 40px -16px rgba(0,0,0,.32);flex-direction:column;animation:working-fold-down .26s cubic-bezier(.2,.8,.2,1)}
[data-theme=dark] .working-popup.working-fold{background:#242430}
.working-popup.working-fold[open]{display:flex;animation:working-fold-down .26s cubic-bezier(.2,.8,.2,1)}
.working-popup.working-fold.fold-rising{display:flex;pointer-events:none;animation:working-fold-up .22s cubic-bezier(.4,0,.8,.4) forwards}
@keyframes working-fold-down{from{transform:translateY(-100%)}to{transform:none}}
@keyframes working-fold-up{from{transform:none}to{transform:translateY(-100%)}}
@media(prefers-reduced-motion:reduce){.working-popup.working-fold[open],.working-popup.working-fold.fold-rising{display:flex;pointer-events:none;animation:none}}.reduced-motion .working-popup.working-fold[open]{animation:none}
.working-popup>header.fold-bar{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 14px 4px;border-bottom:0}
.fold-bar h2{margin:0;font-size:17px;font-weight:600;line-height:1.2;outline:none}
.fold-close,.working-back-arrow{flex:none;display:grid;place-items:center;width:36px;height:36px;margin-left:-6px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.fold-close:hover,.working-back-arrow:hover{background:rgba(0,0,0,.05)}
.fold-close svg,.working-back-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.working-popup.working-fold[data-viewing]>header.fold-bar{display:none}
.working-fold .working-popup-scroll{max-height:none;min-height:0;flex:1;overflow:auto;padding:2px 14px 10px}
.working-fold h3{display:flex;align-items:baseline;gap:6px;margin:12px 0 2px;font-size:13px;font-weight:600;color:var(--muted,#6e6e73)}
.working-fold h3 small{font-size:12px}

.working-fold .fold-group li:last-child .fold-row{border-bottom:0}


.fold-arrow{flex:none;font-size:18px;line-height:1;color:var(--muted,#9a9aa2)}
.fold-mark{box-sizing:border-box;flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;border:2px solid #b9bcc6}
.fold-spin{border-color:var(--accent,#7040be);border-right-color:transparent;animation:working-spin 1s linear infinite}
.fold-stalled{border-color:#d97706;border-style:dashed}
.fold-done{border:0;background:#16a34a;color:#fff}
.fold-done svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fold-group[data-fold-group=stalled] h3{color:#b45309}
.fold-see-all{display:inline-block;margin:6px 0 2px;font-size:14px;font-weight:500;color:var(--accent,#7040be);text-decoration:none}
.fold-see-all:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}
.fold-empty{margin:14px 0}
@media(prefers-reduced-motion:reduce){.fold-spin{animation:none}}.reduced-motion .fold-spin{animation:none}
.working-fold [data-working-status]{margin:2px 0 4px;font-size:13px;line-height:1.35;color:var(--muted,#6e6e73)}
.working-fold .working-row.fold-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;row-gap:3px;align-items:center;padding:10px 0}
.fold-row .fold-mark{grid-column:1;grid-row:1}
.fold-row .fold-title{grid-column:2;grid-row:1;min-width:0;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fold-row .fold-arrow{grid-column:3;grid-row:1/3;align-self:center}
.fold-meta{grid-column:2;grid-row:2;display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;color:var(--muted,#6e6e73)}
.fold-meta .task-priority-icon{width:14px;height:14px}
.fold-meta time{flex:none}
.fold-meta>*+time::before{content:"·";margin-right:6px}