.tf{--su-title:46px;--su-line:20px;--tf-side:clamp(380px, 30vw, 460px);grid-template-columns:minmax(0, 1fr) var(--tf-side);background:var(--bg-canvas);flex:1 0 auto;width:100%;display:grid}.tf[data-bare]{grid-template-columns:minmax(0,1fr)}.tf-lead{flex-direction:column;min-width:0;display:flex}.tf .tf-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding-left:40px;padding-right:40px;display:grid}.tf .tf-top>.ui-wordmark{justify-self:start}.tf .tf-back{justify-self:end}.tf .tf-main{padding-top:32px}.tf[data-team-frame] .su-main .su-card{background:0 0;border-color:#0000}.tf .su-title{letter-spacing:-.03em}.tf[data-team-frame] .su-main .su-head{text-align:left;align-items:flex-start}.tf[data-team-frame] .su-main .cs-line{text-align:left}.tf-form{flex-direction:column;width:100%;display:flex}.tf-steps{justify-self:center;align-items:center;gap:12px;display:flex}.tf-steps-list{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tf-step{font-size:var(--text-base);white-space:nowrap;color:var(--text-tertiary);transition:color var(--dur-base) var(--ease);align-items:center;gap:8px;line-height:1;display:inline-flex}.tf-step+.tf-step:before{content:"";background:var(--graph-edge);width:20px;height:1px}.tf-step-dot{border:1px solid var(--border-strong);border-radius:50%;flex:none;width:8px;height:8px}.tf-step[data-state=done]{color:var(--text-secondary)}.tf-step[data-state=done] .tf-step-dot{border-color:var(--graph-node-muted);background:var(--graph-node-muted)}.tf-step[data-state=now]{color:var(--text-primary);font-weight:var(--weight-medium)}.tf-step[data-state=now] .tf-step-dot{border-color:var(--text-primary);background:var(--text-primary)}.tf-step-of{font-size:var(--text-base);color:var(--text-secondary);white-space:nowrap;display:none}.tf-side{border-left:1px solid var(--border-hairline);background:var(--bg-subtle);min-width:0}.tf-side-in{flex-direction:column;gap:32px;max-height:100dvh;padding:132px 44px 44px;display:flex;position:sticky;top:0;overflow-y:auto}.tf-eyebrow{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-secondary);margin:0}.tf-graph{flex-direction:column;gap:32px;margin:0;padding:0;list-style:none;display:flex}.tf-node{grid-template-columns:44px minmax(0,1fr);align-items:start;column-gap:16px;display:grid;position:relative}.tf-node+.tf-node:before{content:"";background:var(--graph-edge);width:1px;height:32px;position:absolute;bottom:100%;left:22px}.tf-mark{border:1px dashed var(--border-strong);width:44px;height:44px;color:var(--text-tertiary);transition:color var(--dur-base) var(--ease), background-color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);border-radius:50%;place-items:center;display:grid}.tf-node[data-on] .tf-mark{border-style:solid;border-color:var(--border-hairline);background:var(--graph-halo);color:var(--graph-node)}.tf-node[data-on] .tf-mark-ai,.tf-mark-ai{background:0 0;border:0}.tf-node-body{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-width:0;min-height:44px;display:flex}.tf-team{font-size:28px;font-weight:var(--weight-semi);letter-spacing:-.02em;color:var(--text-primary);overflow-wrap:anywhere;margin:0;line-height:1.15}.tf-node-title{font-size:var(--su-text);font-weight:var(--weight-medium);color:var(--text-primary);margin:0;line-height:1.3}.tf-node-line{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.4}.tf-absent,.tf-node-line[data-kind=not_set]{border:1px dashed var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-base);color:var(--text-tertiary);align-items:center;padding:4px 12px;line-height:1.3;display:inline-flex}.tf-unread{font-size:var(--text-base);color:var(--text-tertiary);margin:0}.tf-people{flex-direction:column;gap:8px;width:100%;margin:0;padding:8px 0 0;list-style:none;display:flex}.tf-person{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.tf-face{background:var(--person-1);width:28px;height:28px;color:var(--accent-on);font-size:var(--text-sm);font-weight:var(--weight-semi);border-radius:50%;place-items:center;line-height:1;display:grid}.tf-face[data-p="2"]{background:var(--person-2)}.tf-face[data-p="3"]{background:var(--person-3)}.tf-face[data-p="4"]{background:var(--person-4)}.tf-face[data-dashed]{border:1px dashed var(--border-strong);color:var(--text-tertiary);background:0 0}.tf-person-who{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);overflow:hidden}.tf-person-state{font-size:var(--text-base);color:var(--text-tertiary)}.tf-person-state[data-state=joined],.tf-more .tf-person-who{color:var(--text-secondary)}.tf-people-count{font-size:var(--text-base);color:var(--text-secondary);margin:0;display:none}.tf-side[data-people=summary] .tf-people{flex-flow:wrap;gap:6px;padding-top:4px}.tf-side[data-people=summary] .tf-person{display:flex}.tf-side[data-people=summary] .tf-person-who,.tf-side[data-people=summary] .tf-person-state{display:none}.tf-side[data-people=summary] .tf-people-count{display:block}@media (max-width:1099px){.tf{flex-direction:column;display:flex}.tf-side{padding:0 max(16px, env(safe-area-inset-right,0px)) max(32px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:0 0;border-left:0;justify-content:center;display:flex}.tf-side-in{border:1px solid var(--border-hairline);background:var(--bg-subtle);border-radius:14px;gap:16px;width:600px;max-width:100%;max-height:none;padding:20px;position:static;overflow:visible}.tf-graph{gap:16px}.tf-node+.tf-node:before{height:16px}.tf-team{font-size:22px}.tf-people{flex-flow:wrap;gap:6px;padding-top:4px}.tf-person{display:flex}.tf-person-who,.tf-person-state{display:none}.tf-people-count{display:block}}@media (max-width:899px){.tf{--su-title:34px;--su-line:18px}.tf .tf-top{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));grid-template-columns:minmax(0,1fr) auto;row-gap:12px}.tf .tf-steps{grid-area:2/1/auto/-1;justify-content:space-between;justify-self:stretch}.tf .tf-main{padding-top:16px}.tf[data-team-frame] .su-main .su-card{padding-left:0;padding-right:0}.tf-step-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tf-step+.tf-step:before{width:16px}.tf-step-of{display:inline}}@media (prefers-reduced-motion:reduce){.tf-step,.tf-mark{transition:none}}[data-reduce-motion=true] .tf-step,[data-reduce-motion=true] .tf-mark{transition:none}