/* ── HER STANDUP: THE MIDDLE SECTION IS A COWORK SPACE (23 Sep 2026, SEP23_WORK) ──
   Samuel: "Petalie is a teammate, and this should become work, not chat ...
   it is a cowork space." Her greeting at the top, then her standup - your
   turn, ready for you, I noticed, I'm on it, this week, give me work, what
   she has done - her pen round every container, her paper (never a white
   box), the composer at the floor as "give me work". It wears the desk's own
   hand (home.css: .hd-*), so the two never drift apart.
   Source: frontend/_work_sep23/, served at /_work.css, spliced between
   WORK_START / WORK_END. */

/* the page: her greeting, then the standup; the old list and first-day chips give way */
html.cw-on .newpage .np-recent{display:none!important}
html.cw-on:not(.cw-watch) .newpage .np-fd{display:none!important}
html.cw-on .np-line{margin-bottom:4px}

.cw{max-width:660px}
.cw .hd-it{background:var(--ground-chat,var(--paper))}

/* the head: the room, the day, how things stand */
.cw-head{display:flex;align-items:center;gap:8px;min-height:30px;margin:2px 2px 4px;
  font:12.5px/1.2 var(--sans);color:var(--mute)}
.cw-who{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;padding:4px 0 4px 4px}
.cw-who b{font-weight:600;color:var(--ink);margin-left:3px}
.cw-day{font-family:var(--pen);font-size:15.5px;color:var(--mute)}
.cw-status{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;gap:7px;
  font:15.5px/1 var(--pen);color:var(--lav);white-space:nowrap}
.cw-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lav);opacity:.55}
.cw.live .cw-status i{animation:hdpulse 1.1s ease-in-out infinite}
.cw-status.quiet{color:var(--mute)}
.cw-line{margin:2px 2px 12px;font:17px/1.4 var(--serif);color:var(--ink)}
.cw-goal{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:-6px 2px 12px;
  font:12.5px/1.4 var(--sans);color:var(--mute)}
.cw-goal > span{min-width:0;flex:1 1 260px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cw-goal b{font-weight:500;color:var(--ink)}

/* a section: its name in her pen, her mark before it */
.cw-sec{margin:0 0 18px}
.cw-h{display:flex;align-items:center;gap:7px;margin:0 2px 8px;
  font:18px/1.1 var(--pen);color:var(--ink)}
.cw-h svg{flex:0 0 auto;width:19px;height:19px;overflow:visible;color:var(--lav)}
.cw-h i{font-style:normal;font-size:15px;color:var(--mute);margin-left:4px}
.cw-h .cw-n{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;box-sizing:border-box;
  border-radius:10px;background:var(--lav);color:#fff;font:600 11px/1 var(--sans)}
.cw-col{display:flex;flex-direction:column;gap:10px}
.s-yours .cw-h svg{color:var(--hd-coral)}
.s-ready .cw-h svg{color:var(--hd-gold)}
.s-noticed .cw-h svg{color:var(--hd-green)}
.s-doing .cw-h svg{color:var(--hd-blue)}
.s-week .cw-h svg{color:var(--hd-amber)}

/* YOUR TURN - what only he can do */
.cw-y{--hue:var(--hd-coral)}
.cw-y.k-y-approve{--hue:var(--hd-amber)}
.cw-y.k-y-film{--hue:var(--hd-gold)}
.cw-y.k-y-answer,.cw-y.k-y-plan{--hue:var(--lav)}
.cw-y.k-y-post{--hue:var(--hd-amber)}
.cw-y > .hd-ink{color:var(--hue);opacity:.8}
.cw-y .hd-t{font-size:16.5px}
.cw-vis{position:relative;flex:0 0 auto;width:44px;height:44px;border-radius:9px;
  background:var(--tint);display:grid;place-items:center}
.cw-vis .hd-glyph{position:static;transform:none;width:26px;height:26px;color:var(--hue)}
.cw .hd-act{margin-left:0}
.cw-lnk{flex:0 0 auto;padding:6px 2px;border:0;background:none;cursor:pointer;white-space:nowrap;
  font:15.5px/1 var(--pen);color:var(--mute);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--hue,var(--lav))}
.cw-lnk:hover,.cw-lnk:focus-visible{color:var(--hue,var(--lav));outline:none}
.cw .hd-go.solid{background:var(--lav);color:#fff}
.cw .hd-go.solid:hover,.cw .hd-go.solid:focus-visible{background:var(--lav);filter:brightness(1.06)}

/* READY FOR YOU - what she made on her own */
.cw-r{--hue:var(--hd-gold)}
.cw-r.k-r-week{--hue:var(--hd-amber)}
.cw-r.k-r-lane{--hue:var(--hd-blue)}
.cw-r.k-r-hook{--hue:var(--hd-coral)}
.cw-r.k-r-audit{--hue:var(--lav)}
.cw-r.new > .hd-ink{color:var(--hue);opacity:.95}
.cw-k{display:flex;align-items:center;gap:6px;margin:0 0 7px;font:16px/1.05 var(--pen);color:var(--hue)}
.cw-k svg{flex:0 0 auto;width:17px;height:17px;overflow:visible;color:var(--hue)}
.cw-k .hd-ago{color:var(--mute);font-size:14.5px}
.cw-r.new .cw-k:after{content:'new';margin-left:auto;padding:2px 8px;border-radius:10px;
  background:var(--hue);color:#fff;font:600 10.5px/1.3 var(--sans);letter-spacing:.04em}
.cw-why{font:13px/1.42 var(--sans);color:var(--mute);margin-top:3px}
.cw-r .hd-q{-webkit-line-clamp:3}
.cw-r.used{opacity:.72}
.cw-r.used .cw-k:after{content:'used';background:transparent;color:var(--mute);
  box-shadow:inset 0 0 0 1px var(--line,rgba(25,21,15,.16))}
.cw-r.gone{opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}

/* I'M ON IT - her work, live */
.cw-d{--hue:var(--hd-blue)}
.cw-d > .hd-ink{color:var(--hue);opacity:.7}
.cw-spin{position:relative;flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center}
.cw-spin svg{width:40px;height:40px;overflow:visible;color:var(--hue);animation:cwspin 2.6s linear infinite}
.cw-spin b{position:absolute;inset:0;display:grid;place-items:center;font:600 10px/1 var(--sans);color:var(--hue)}
@keyframes cwspin{to{transform:rotate(360deg)}}
.cw-steps{list-style:none;margin:7px 0 0;padding:0;display:flex;flex-direction:column;gap:3px}
.cw-steps li{position:relative;padding-left:18px;font:12.5px/1.38 var(--sans);color:var(--mute);
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.cw-steps li:before{content:'';position:absolute;left:3px;top:6px;width:7px;height:7px;border-radius:50%;
  box-shadow:inset 0 0 0 1.4px var(--hue)}
.cw-steps li.done:before{background:var(--hue);opacity:.55}
.cw-steps li.now{color:var(--ink)}
.cw-steps li.now:before{background:var(--hue);animation:hdpulse 1.1s ease-in-out infinite}
.cw-since{font:15px/1 var(--pen);color:var(--mute);margin-right:auto}

/* I NOTICED - her cards: what she saw, what she would do */
.cw-n{--hue:var(--hd-green)}
.cw-n.k-late,.cw-n.k-quiet{--hue:var(--hd-coral)}
.cw-n.k-research,.cw-n.k-doc{--hue:var(--hd-blue)}
.cw-n.k-idea,.cw-n.k-news{--hue:var(--hd-gold)}
.cw-n.k-today,.cw-n.k-next{--hue:var(--hd-amber)}
.cw-do{margin-top:8px;padding:7px 10px 8px;border-radius:9px;background:var(--tint)}
.cw-do b{display:block;margin-bottom:2px;font:15px/1 var(--pen);color:var(--hue)}
.cw-do span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
  font:14px/1.45 var(--serif);color:var(--ink-soft,var(--ink))}

/* THIS WEEK - seven days off the brand's calendar */
.cw-week{position:relative;padding:12px 13px 12px;border-radius:12px;background:var(--ground-chat,var(--paper))}
.cw-week > .hd-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;
  color:var(--ink);opacity:.3}
.cw-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cw-dd{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;
  padding:7px 2px 8px;border:0;border-radius:9px;background:transparent;cursor:pointer;color:var(--ink);
  transition:background .13s ease}
.cw-dd:hover,.cw-dd:focus-visible{background:var(--lav-08);outline:none}
.cw-dd.today{background:var(--lav-08)}
.cw-dow{font:14px/1 var(--pen);color:var(--mute)}
.cw-dd.today .cw-dow{color:var(--lav)}
.cw-dn{font:600 18px/1.05 var(--serif);color:var(--ink)}
.cw-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;min-height:8px}
.cw-dots i{display:block;width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.4px var(--hd-amber)}
.cw-dots i.k-post{background:var(--lav);box-shadow:none}
.cw-dots i.k-post.st-posted{background:var(--hd-green)}
.cw-dots i.k-shoot{border-radius:2px;background:var(--hd-gold);box-shadow:none}
.cw-dd.gap .cw-dots:after{content:'';width:12px;height:0;border-top:1.4px dashed var(--line,rgba(25,21,15,.25));margin-top:3px}
.cw-wfoot{display:flex;align-items:center;gap:10px;margin-top:10px}
.cw-wfoot span{flex:1 1 auto;min-width:0;font:15.5px/1.2 var(--pen);color:var(--mute)}

/* GIVE ME WORK - the jobs this room has, one tap each */
.cw-tasks{display:flex;flex-wrap:wrap;gap:7px}
.cw-task{position:relative;display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:8px 13px 8px 11px;
  border:0;border-radius:10px;background:var(--ground-chat,var(--paper));color:var(--ink);cursor:pointer;
  font:13.5px/1.25 var(--sans);text-align:left;transition:background .13s ease}
.cw-task > .hd-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;
  color:var(--lav);opacity:.55}
.cw-task svg.cw-tg{flex:0 0 auto;width:16px;height:16px;overflow:visible;color:var(--lav)}
.cw-task:hover,.cw-task:focus-visible{background:var(--lav-08);outline:none}
.cw-task:hover > .hd-ink{opacity:1}

/* ── SEP23_WORK (the work): the project, the tiles, the arrows, up next, on repeat ── */
.s-project .cw-h svg{color:var(--lav)}
.s-tiles .cw-h svg{color:var(--hd-gold)}
.s-repeat .cw-h svg{color:var(--hd-green)}

/* THE PROJECT - her pick, step by step */
.cw-proj{--hue:var(--lav)}
.cw-proj > .hd-ink{color:var(--hue);opacity:.85}
.cw-pfin{display:flex;align-items:center;gap:6px;margin:0 0 8px;font:15px/1.2 var(--pen);color:var(--hd-green)}
.cw-pfin svg{width:16px;height:16px;overflow:visible}
.cw-ph{display:flex;align-items:baseline;gap:10px;margin:0 0 6px}
.cw-ph b{flex:1 1 auto;min-width:0;font:600 18px/1.25 var(--serif);color:var(--ink)}
.cw-pn{flex:0 0 auto;font:16px/1 var(--pen);color:var(--hue)}
.cw-pbar{display:block;width:100%;height:12px;margin:2px 0 10px;overflow:visible;color:var(--hue)}
.cw-psteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.cw-psteps li{display:flex;align-items:center;gap:9px;min-height:34px;padding:3px 0}
.cw-pm{flex:0 0 auto;width:18px;height:18px;overflow:visible;color:var(--mute)}
.cw-pt{flex:1 1 auto;min-width:0;font:14.5px/1.35 var(--sans);color:var(--ink-soft,var(--ink))}
.cw-pt i{font-style:normal;color:var(--mute);font-size:12.5px}
.cw-psteps li.st-done .cw-pm{color:var(--hd-green)}
.cw-psteps li.st-done .cw-pt{color:var(--mute);text-decoration:line-through;text-decoration-color:var(--line,rgba(25,21,15,.25))}
.cw-psteps li.st-later .cw-pt{color:var(--mute)}
.cw-psteps li.next .cw-pm{color:var(--hue)}
.cw-psteps li.next .cw-pt{font-weight:600;color:var(--ink)}
.cw-psteps .hd-go{flex:0 0 auto}
.cw-pon{flex:0 0 auto;display:flex;align-items:center;gap:4px;font:15px/1 var(--pen);color:var(--hd-blue)}
.cw-pother{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:8px;padding-top:8px;
  border-top:1px dashed var(--line,rgba(25,21,15,.16));font:15px/1 var(--pen);color:var(--mute)}
.cw-dot{color:var(--mute)}

/* WHAT WE CAN DO NOW - her pick, one tap hands it to her */
.cw-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.cw-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:96px;
  padding:12px 12px 30px;border:0;border-radius:12px;background:var(--ground-chat,var(--paper));color:var(--ink);
  cursor:pointer;text-align:left;font:inherit;transition:background .13s ease,transform .13s ease}
.cw-tile > .hd-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;
  color:var(--hd-gold);opacity:.6}
.cw-tile.res > .hd-ink{color:var(--hd-blue)}
.cw-tile .cw-tg{width:24px;height:24px;overflow:visible;color:var(--hd-gold)}
.cw-tile.res .cw-tg{color:var(--hd-blue)}
.cw-tt{font:600 14.5px/1.25 var(--serif);color:var(--ink)}
.cw-tl{font:12px/1.35 var(--sans);color:var(--mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cw-tarrow{position:absolute;right:11px;bottom:9px;width:20px;height:20px;overflow:visible;color:var(--lav);
  transition:transform .15s ease}
.cw-tile:hover,.cw-tile:focus-visible{background:var(--lav-08);outline:none}
.cw-tile:hover > .hd-ink{opacity:1}
.cw-tile:hover .cw-tarrow{transform:translateX(3px)}
.cw-tst{position:absolute;left:12px;bottom:9px;display:flex;align-items:center;gap:5px;font:14.5px/1 var(--pen)}
.cw-tst.on{color:var(--hd-blue)}
.cw-tst.done{color:var(--hd-green)}
.cw-tst svg{width:15px;height:15px;overflow:visible}
.cw-spin.sm{width:16px;height:16px}
.cw-spin.sm svg{width:15px;height:15px}
.cw-tile.st-done{opacity:.8}
.cw-tile.st-running > .hd-ink,.cw-tile.st-queued > .hd-ink{color:var(--hd-blue);opacity:.9}
.cw-sending{opacity:.6;pointer-events:none}
.cw-hrow{display:flex;align-items:center;gap:8px;margin-top:9px}
.cw-hrow .hd-box{flex:1 1 auto}

/* the arrows on a card: the moves it leads to */
.cw-acts{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px;padding-top:8px;
  border-top:1px dashed var(--line,rgba(25,21,15,.14))}
.cw-act{display:inline-flex;align-items:center;gap:5px;padding:3px 0;border:0;background:none;cursor:pointer;
  font:15.5px/1.1 var(--pen);color:var(--lav);text-align:left}
.cw-act svg{width:16px;height:16px;overflow:visible;transition:transform .15s ease}
.cw-act:hover svg,.cw-act:focus-visible svg{transform:translateX(3px)}
.cw-act:focus-visible{outline:none;text-decoration:underline;text-underline-offset:3px}
.cw-needs{display:block;margin-top:6px;padding:0;border:0;background:none;cursor:pointer;
  font:15px/1.2 var(--pen);color:var(--hd-coral);text-decoration:underline;text-underline-offset:3px}
.cw-r.stopped{--hue:var(--hd-coral)}
.cw-r.stopped > .hd-ink{color:var(--hue);opacity:.8}
.cw-stop{font-weight:400;color:var(--hd-coral)}
.cw-by{font:14.5px/1 var(--pen);color:var(--hue);margin-bottom:2px}
.cw-d.queued{opacity:.78}
.cw-spin.q svg{animation:none;width:26px;height:26px}

/* UP NEXT, ON MY OWN */
.cw-up{--hue:var(--hd-blue)}
.cw-up > .hd-ink{color:var(--hue);opacity:.45}
.cw-when{margin-top:4px;font:15px/1.2 var(--pen);color:var(--mute)}

/* THIS WEEK: an empty day is a "+" - she plans it */
.cw-dd.plan{cursor:copy}
.cw-plus{position:absolute;top:3px;right:5px;font:600 13px/1 var(--sans);color:var(--lav);opacity:.7}
.cw-dd.plan:hover .cw-plus{opacity:1}

/* ON REPEAT */
.cw-rts{display:flex;flex-direction:column;gap:8px}
.cw-rt{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;
  background:var(--ground-chat,var(--paper))}
.cw-rt > .hd-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;
  color:var(--hd-green);opacity:.55}
.cw-rt.off{opacity:.62}
.cw-rt.sug{background:transparent;border:1px dashed var(--line,rgba(25,21,15,.2))}
.cw-rg{flex:0 0 auto;width:22px;height:22px;overflow:visible;color:var(--hd-green)}
.cw-rtx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.cw-rtx b{font:600 14.5px/1.3 var(--serif);color:var(--ink)}
.cw-rtx span{font:12.5px/1.35 var(--sans);color:var(--mute)}
.cw-rtx .cw-rlast .cw-lnk{padding:0;font-size:14px}
.cw-rbtn{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.cw-x{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--mute);cursor:pointer}
.cw-x svg{width:14px;height:14px;overflow:visible}
.cw-x:hover{color:var(--hd-coral);background:var(--lav-08)}
.cw-rt.gone{opacity:0;transition:opacity .2s ease}
.cw-rtadd{padding:2px}
.cw-rtform{margin-top:8px;padding:11px 12px;border-radius:11px;background:var(--lav-08)}
.cw-rtform[hidden]{display:none}
.cw-rtk{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.cw-chip{padding:6px 11px;border:1px solid var(--line,rgba(25,21,15,.18));border-radius:999px;background:transparent;
  color:var(--ink);cursor:pointer;font:13px/1.2 var(--sans)}
.cw-chip.on{background:var(--lav);border-color:var(--lav);color:#fff}
.cw-rtin{display:block;width:100%;box-sizing:border-box;margin-bottom:9px;padding:9px 11px;border-radius:9px;
  border:1px solid var(--line,rgba(25,21,15,.18));background:var(--ground-chat,var(--paper));color:var(--ink);font:14px/1.3 var(--sans)}
.cw-rtin[hidden],.cw-rtdow[hidden]{display:none}
.cw-rtwhen{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:15px/1 var(--pen);color:var(--mute)}
.cw-rtwhen select{padding:6px 8px;border-radius:8px;border:1px solid var(--line,rgba(25,21,15,.18));
  background:var(--ground-chat,var(--paper));color:var(--ink);font:13px/1.2 var(--sans)}

/* the phone says yes once */
.cw-push{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 2px 16px;padding:9px 12px;
  border-radius:10px;background:var(--lav-08);font:13px/1.4 var(--sans);color:var(--ink)}
.cw-push span{flex:1 1 220px;min-width:0}
.cw-push .hd-go{height:30px}

/* her allowance, said quietly */
.cw-allow{margin:-6px 2px 14px;font:14.5px/1.3 var(--pen);color:var(--mute)}

/* skeleton while her first answer comes */
.cw-wait{margin:8px 2px 0;font:16px/1.2 var(--pen);color:var(--mute)}

/* ── INSIDE A CHAT: her task line, and her next work under the answer ── */
.cw-task-line{display:flex;gap:10px;align-items:flex-start;margin:4px 0 14px;padding:10px 13px 11px 11px;
  border-radius:12px;background:var(--lav-08);max-width:640px}
.cw-task-line svg{flex:0 0 auto;width:22px;height:22px;margin-top:1px;overflow:visible;color:var(--lav)}
.cw-task-line .cw-tk{font:16px/1.05 var(--pen);color:var(--lav)}
.cw-task-line .cw-tt{margin-top:3px;font:15.5px/1.35 var(--serif);color:var(--ink)}
.cw-task-line .cw-tw{margin-top:3px;font:12.5px/1.4 var(--sans);color:var(--mute)}
.cw-task-line.small{padding:6px 12px;background:transparent}
.cw-task-line.small .cw-tt{margin-top:0;font:15px/1.2 var(--pen);color:var(--mute)}

.cw-next{margin:14px 0 6px;max-width:640px}
.cw-nh{display:flex;align-items:center;gap:7px;margin:0 2px 8px;font:16.5px/1 var(--pen);color:var(--mute)}
.cw-nh svg{width:17px;height:17px;overflow:visible;color:var(--lav)}
.cw-nrow{display:flex;flex-direction:column;gap:7px}
.cw-nx{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;
  width:100%;padding:10px 12px 10px 14px;border:0;border-radius:11px;background:var(--ground-chat,var(--paper));
  color:var(--ink);text-align:left;cursor:pointer;font:inherit;transition:background .13s ease}
.cw-nx > .hd-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;
  color:var(--lav);opacity:.5}
.cw-nx b{grid-column:1;font:500 14.5px/1.3 var(--serif);color:var(--ink)}
.cw-nx span{grid-column:1;margin-top:2px;font:12px/1.35 var(--sans);color:var(--mute);
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.cw-nx .cw-arr{grid-column:2;grid-row:1 / span 2;width:18px;height:18px;overflow:visible;color:var(--lav)}
.cw-nx i{grid-column:1;margin-top:3px;font:normal 14.5px/1 var(--pen);color:var(--lav)}
.cw-nx:hover,.cw-nx:focus-visible{background:var(--lav-08);outline:none}
.cw-nx:hover > .hd-ink{opacity:1}
.cw-nx.run > .hd-ink{opacity:.95}

/* the rail: working · ready for you · done */
.th-row .cw-st{flex:0 0 auto;margin-left:4px;font:13.5px/1 var(--pen);white-space:nowrap}
.th-row .cw-st.ready{color:var(--lav)}
.th-row .cw-st.ready:before{content:'';display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;
  background:var(--lav);vertical-align:1px}
.th-row .cw-st.run{color:var(--hd-blue,#3B82F6)}
.th-row .cw-st.run:before{content:'';display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;
  background:currentColor;vertical-align:1px;animation:hdpulse 1.1s ease-in-out infinite}
.th-row .cw-st.done{color:var(--mute);opacity:.8}

/* the phone: a thumb's reach */
@media (max-width:880px){
  .cw-line{font-size:16px}
  .cw-h{font-size:17.5px}
  .cw-days{gap:3px}
  .cw-dd{padding:6px 0 7px}
  .cw-dn{font-size:16.5px}
  .cw-status{font-size:14.5px}
  .cw-task{padding:9px 12px 9px 10px}
  .cw-nx{padding:11px 12px 11px 13px}
}
@media (max-width:560px){
  /* her ready card: three buttons AND the words box do not share a thumb's row -
     the box goes under them, full width (it was squeezed to 24px) */
  .cw .cw-r .hd-act{flex-wrap:wrap;row-gap:8px}
  .cw .cw-r .hd-act .hd-box{flex:1 0 100%;order:9;min-width:0}
  .cw-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-tile{min-height:88px}
  .cw-psteps li{flex-wrap:wrap}
  .cw-psteps li .hd-go{margin-left:27px}
  .cw-rt{flex-wrap:wrap}
  .cw-rbtn{width:100%;justify-content:flex-end}
}
@media (max-width:420px){
  .cw-head .cw-day{display:none}
  .cw-wfoot{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  .cw-spin svg,.cw-steps li.now:before,.cw.live .cw-status i,.th-row .cw-st.run:before{animation:none}
  .cw-r.gone{transition:none}
}

/* ── THE WIDE PAGE (23 Sep 2026, SEP23_WIDE) ──────────────────────────
   Samuel: "we can put way more things on the page, there is a lot of space,
   and what is given could be way more clear". Two columns when the page is
   wide (left: what needs him and what she made; right: the plan and her
   hands), today's focus under her greeting, what is inside each piece, her
   library folded under the tiles, his videos with how each grew, what she
   found, the people she found, her week, the ideas board, the openings. */
.cw.cw-wide{max-width:none;width:var(--cw-w,1100px);margin-left:calc((100% - var(--cw-w,1100px)) / 2)}
.cw-cols{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:0 34px;align-items:start}
.cw-cl,.cw-cr{min-width:0}
.cw-wide .cw-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}

/* today - the one thing */
.cw-focus{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;row-gap:4px;
  margin:6px 0 20px;padding:13px 16px 14px}
.cw-focus > .hd-ink{color:var(--lav);opacity:.95}
.cw-fk{grid-column:1 / -1;display:flex;align-items:center;gap:6px;font:17px/1 var(--pen);color:var(--lav)}
.cw-fk svg{width:17px;height:17px;overflow:visible}
.cw-fb{min-width:0}
.cw-ft{font:600 19px/1.25 var(--serif);color:var(--ink)}
.cw-fw{margin-top:3px;font:13px/1.4 var(--sans);color:var(--mute)}
.cw-fgo{justify-self:end}

/* what's inside a piece */
.cw-in{margin:7px 0 2px;padding:0 0 0 18px;display:flex;flex-direction:column;gap:5px;font:13.5px/1.35 var(--sans);color:var(--ink)}
.cw-in li{padding-left:2px}
.cw-in .cw-int{display:block;font-weight:500}
.cw-in .cw-inh{display:block;margin-top:1px;font:italic 12.5px/1.35 var(--serif);color:var(--mute)}
.cw-in.wk,.cw-in.chk{list-style:none;padding-left:0}
.cw-in.wk b{font-weight:600;color:var(--lav);margin-right:4px}
.cw-in.chk b{font:15.5px/1 var(--pen);font-weight:400;color:var(--lav);margin-right:4px}
.cw-in.ppl{display:block;padding:0;font:13px/1.45 var(--sans);color:var(--lav)}
.cw-inmore{margin:2px 0 0 18px;font:12px/1 var(--sans);color:var(--mute)}

/* more I can do - folded under the tiles */
.cw-more{margin-top:10px}
.cw-mtog i{font-style:normal;opacity:.65}
.cw-mgs{margin-top:9px;display:flex;flex-direction:column;gap:9px}
.cw-mgs[hidden]{display:none}
.cw-mg{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;align-items:start}
.cw-mgl{font:15.5px/1.7 var(--pen);color:var(--mute)}
.cw-pills{display:flex;flex-wrap:wrap;gap:6px}
.cw-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line,rgba(25,21,15,.16));
  border-radius:999px;background:var(--ground-chat,var(--paper));color:var(--ink);cursor:pointer;font:13px/1.2 var(--sans);text-align:left}
.cw-pill:hover,.cw-pill:focus-visible{border-color:var(--lav);color:var(--lav);outline:none}
.cw-pg{width:15px;height:15px;flex:0 0 auto;overflow:visible;color:var(--lav)}
.cw-parr{width:13px;height:13px;flex:0 0 auto;overflow:visible;opacity:.55}

/* his videos this month */
.cw-sub{margin:-2px 2px 8px;font:15px/1.2 var(--pen);color:var(--mute)}
.cw-vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.cw-vid{padding:10px 11px 9px}
.cw-vrow{display:flex;gap:10px;align-items:flex-start}
.cw-vtx{flex:1 1 auto;min-width:0}
.cw-vn{font:600 18px/1.1 var(--serif);color:var(--ink)}
.cw-vn span{font:400 12px/1 var(--sans);color:var(--mute)}
.cw-vd{margin-top:2px;font:12px/1.3 var(--sans);color:var(--mute)}
.cw-vc{margin-top:3px;font:12.5px/1.35 var(--sans);color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.cw-curve{display:block;width:100%;height:30px;margin-top:6px;color:var(--lav);overflow:visible}
.cw-vopen{display:inline-block;margin-top:6px;font-size:14px}

/* the people she found */
.cw-people{display:flex;flex-direction:column}
.cw-pr{display:flex;align-items:flex-start;gap:10px;padding:9px 2px}
.cw-people .cw-sub + .cw-pr{border-top:0}
.cw-prt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.cw-ph{font:600 14px/1.2 var(--sans);color:var(--lav);text-decoration:none}
.cw-ph:hover{text-decoration:underline;text-underline-offset:3px}
.cw-pw{font:13px/1.35 var(--sans);color:var(--ink)}
.cw-py{font:12px/1.35 var(--sans);color:var(--mute)}
.cw-pr .cw-act{flex:0 0 auto;margin-top:1px}
.cw-pmore{padding-top:6px}

/* the openings she wrote */
.cw-hooks{display:flex;flex-direction:column}
.cw-hk{display:flex;align-items:flex-start;gap:10px;padding:8px 2px}
.cw-hk:first-child{border-top:0}
.cw-hkt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.cw-hkq{font:italic 14px/1.35 var(--serif);color:var(--ink)}
.cw-hkv{font:12px/1.3 var(--sans);color:var(--mute)}
.cw-hk .cw-act{flex:0 0 auto}

/* her week, folded */
.cw-ltog{font-size:15.5px}
.cw-lrows{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:1px}
.cw-lrows[hidden]{display:none}
.cw-lr{display:grid;grid-template-columns:74px minmax(0,1fr) auto auto auto;gap:8px;align-items:center;width:100%;padding:6px 4px;
  border:0;border-radius:8px;background:none;cursor:pointer;text-align:left;font:13px/1.3 var(--sans);color:var(--ink)}
.cw-lr:hover,.cw-lr:focus-visible{background:var(--lav-08);outline:none}
.cw-lby{font:14.5px/1 var(--pen);color:var(--lav)}
.cw-lt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw-lst,.cw-lu,.cw-la{font-size:12px;color:var(--mute);white-space:nowrap}
.cw-lst.st-failed,.cw-lst.st-blocked{color:var(--hd-coral)}

/* the ideas board: idea -> written -> on the calendar -> filmed -> posted */
.cw-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}
.cw-bcol{min-width:0;display:flex;flex-direction:column;gap:8px}
.cw-bch{display:flex;align-items:baseline;gap:6px;margin:0 2px 1px;font:16.5px/1 var(--pen);color:var(--mute)}
.cw-bch i{font:12px/1 var(--sans);font-style:normal;opacity:.7}
.cw-bcard{position:relative;padding:10px 26px 10px 11px;border-radius:10px;background:var(--ground-chat,var(--paper))}
.cw-bcard > .hd-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--lav);opacity:.5}
.cw-bcard.st-written > .hd-ink{color:var(--hd-blue)}
.cw-bcard.st-calendar > .hd-ink{color:var(--hd-amber)}
.cw-bcard.st-filmed > .hd-ink,.cw-bcard.st-posted > .hd-ink{color:var(--hd-green)}
.cw-bt{font:600 14px/1.3 var(--serif);color:var(--ink)}
.cw-bh{margin-top:4px;font:italic 12.5px/1.35 var(--serif);color:var(--mute);display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden}
.cw-bl{margin-top:5px;font:12px/1.3 var(--sans);color:var(--lav)}
.cw-bf{margin-top:4px;font:11.5px/1.3 var(--sans);color:var(--mute)}
.cw-bgo{margin-top:6px}
.cw-bx{position:absolute;top:4px;right:3px;width:22px;height:22px}
.cw-bx svg{width:11px;height:11px}
.cw-bcard.gone{opacity:0;transition:opacity .2s ease}
.cw-bmore{padding:0 4px;font:12px/1 var(--sans);color:var(--mute)}
/* SEP24_BOARD: four a column, the rest one tap away - in her pen */
.cw-bcol:not(.open) > .cw-bcard.cw-bhid{display:none}
button.cw-bmore{align-self:flex-start;margin:0;padding:2px 4px;border:0;background:none;cursor:pointer;font:600 16.5px/1 var(--pen);color:var(--lav);text-decoration:underline;text-decoration-color:var(--lav-16);text-decoration-thickness:1.5px;text-underline-offset:4px}
button.cw-bmore:hover,button.cw-bmore:focus-visible{text-decoration-color:var(--lav);outline:none}
.cw-badd{display:flex;gap:6px;align-items:center}
.cw-badd .hd-box{flex:1 1 auto;min-width:0;font-size:12.5px}
/* one column: the board scrolls sideways inside itself, never the page */
.cw:not(.cw-wide) .cw-board{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);
  overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.cw:not(.cw-wide) .cw-bcol{scroll-snap-align:start}

/* his last 8 weeks, under this week */
.cw-rhythm{margin-top:12px}
.cw-rhh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;margin:0 2px 6px;font:14.5px/1.2 var(--pen);color:var(--mute)}
.cw-rgrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.cw-rwk{display:grid;grid-template-rows:repeat(7,auto);gap:3px}
.cw-rwk i{display:block;height:9px;border-radius:3px;background:var(--lav-08)}
.cw-rwk i.on{background:var(--lav);opacity:.7}
.cw-rwk i.on.two{opacity:1}
.cw-rwk i.fut{background:transparent;box-shadow:inset 0 0 0 1px var(--line,rgba(25,21,15,.14))}

@media (max-width:560px){
  .cw-focus{grid-template-columns:minmax(0,1fr)}
  .cw-fgo{justify-self:start}
  .cw-mg{grid-template-columns:minmax(0,1fr)}
  .cw-mgl{line-height:1.2}
  .cw-lr{grid-template-columns:64px minmax(0,1fr) auto}
  .cw-lr .cw-lu,.cw-lr .cw-la{display:none}
  .cw-vids{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .cw-bcard.gone{transition:none}
}


/* ── THE BOARD (24 Sep 2026, SEP24_BOARD) ─────────────────────────────
   Samuel: "the mid section should be a board ... show what she wants to do
   next ... the buttons and some things are not Petalie style ... the chat
   looks floating randomly". Her line of what she is on, then three lanes -
   needs you | ready for you | up next - her buttons drawn in her pen, the
   page's own rail, and the composer docked on the board's shore. */

/* the lanes */
.cw-lanes{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 26px;margin:2px 0 10px}
.cw.cw-wide .cw-lanes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin-bottom:22px}
/* a lane with nothing in it is not drawn: two lanes share the width; one alone lays its cards side by side */
.cw.cw-wide .cw-lanes.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cw.cw-wide .cw-lanes.n1{grid-template-columns:minmax(0,1fr)}
.cw.cw-wide .cw-lanes.n1 .cw-lb > .cw-col{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px 22px;align-items:start}
.cw-lane{min-width:0}
.cw-lh{position:relative;padding-bottom:9px;margin-bottom:12px}
.cw-lline{position:absolute;left:0;bottom:0;width:100%;height:6px;overflow:visible;pointer-events:none}
.cw-lb > .cw-col + .cw-col{margin-top:12px}
.l-yours .cw-h svg{color:var(--hd-coral)}
.l-ready .cw-h svg{color:var(--hd-gold)}
.l-next .cw-h svg{color:var(--lav)}
/* a lane is narrower than the page: her words box takes a row of its own; the
   openings stay where they are kept (the openings, the ideas board) */
.cw-wide .cw-lane .hd-act{flex-wrap:wrap;row-gap:8px}
.cw-wide .cw-lane .hd-box{flex:1 1 100%;order:-1}
.cw-lane .cw-in .cw-inh{display:none}

/* up next - what she wants to do */
.cw-nxt{--hue:var(--lav)}
.cw-nxt > .hd-ink{color:var(--hue);opacity:.62}
.cw-nxt.k-nx-own,.cw-nxt.k-nx-then{--hue:var(--hd-blue)}
.cw-nxt.k-nx-tile{--hue:var(--hd-gold)}
.cw-nxt.k-nx-repeat,.cw-nxt.k-nx-repeat_on{--hue:var(--hd-green)}
.cw-nxt .cw-k svg{color:var(--hue)}
.cw-nxt .hd-t{margin-top:5px}
.cw-nxt .hd-s{margin-top:3px}
.cw-nxt .hd-act{margin-top:10px}
.cw-nxt.gone{opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}
.cw-nxt .cw-hrow{display:flex;gap:8px;align-items:center;margin-top:10px}
.cw-nxt .cw-hrow .hd-box{flex:1 1 auto;min-width:0}

/* today - the one thing, a line; its card on the board wears her star */
.cw-focus{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 14px 11px;margin:4px 0 12px;row-gap:2px}
.cw-fk{grid-column:1;grid-row:1 / span 2;align-self:start;margin-top:3px}
.cw-fb{grid-column:2}
.cw-fgo{grid-column:3;grid-row:1 / span 2}
.cw-ft{font-size:17px}
.is-today > .hd-ink{color:var(--lav)!important;opacity:1!important}
.cw-tdy{position:absolute;top:8px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:4px;
  font:15.5px/1 var(--pen);color:var(--lav);pointer-events:none}
.cw-tdy svg{width:14px;height:14px;overflow:visible}
.is-today .cw-k:after{display:none}
.is-today .cw-k{padding-right:64px}

/* I'm on it - her line over the board */
.cw-strip{position:relative;display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:9px 14px;min-width:0;
  font:13.5px/1.3 var(--sans);color:var(--ink);--hue:var(--hd-blue)}
.cw-strip > .hd-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--hue);opacity:.5}
.cw-strip.live > .hd-ink{opacity:.8}
.cw-strip > *:not(.hd-ink){position:relative}
.cw-strip b{flex:0 0 auto;font:600 17px/1 var(--pen);color:var(--hue)}
.cw-strip .cw-s1{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.cw-strip i{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:12.5px;color:var(--mute)}
.cw-strip em{flex:0 0 auto;font:normal 15px/1 var(--pen);color:var(--mute)}
.cw-strip .cw-sg{flex:0 0 auto;width:17px;height:17px;overflow:visible;color:var(--hue)}
.cw-strip .cw-spin{--hue:var(--hd-blue)}
.cw-strip .cw-lnk{flex:0 0 auto}

/* her counts and her "new", in her pen - not CSS badges */
.cw .cw-h .cw-n{min-width:0;height:auto;padding:0 0 0 1px;border-radius:0;background:none;color:var(--lav);font:600 19px/1 var(--pen)}
.cw-r.new .cw-k:after{content:attr(data-new);padding:0;border-radius:0;background:none;color:var(--hue);
  font:16px/1 var(--pen);letter-spacing:0}

/* HER BUTTONS: drawn pills (inkBtns) - filled lavender for the one to press,
   a lavender line for the rest. Until her pen has drawn them they keep the
   old look, so nothing is ever blank. */
.cw .hd-go.cw-inked,.cw .cw-pill.cw-inked,.cw .hd-gopt.cw-inked,.cw .cw-chip.cw-inked{
  position:relative;isolation:isolate;background:transparent!important;border-color:transparent!important;
  box-shadow:none!important;border-radius:0}
.cw .cw-inked > svg.cw-bink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.cw .hd-go.cw-inked{color:var(--lav)}
.cw .hd-go.solid.cw-inked,.cw .hd-gopt.yes.cw-inked,.cw .cw-chip.on.cw-inked{color:#fff}
.cw .hd-go.cw-inked:hover,.cw .hd-go.cw-inked:focus-visible,
.cw .hd-gopt.cw-inked:hover,.cw .cw-pill.cw-inked:hover,.cw .cw-chip.cw-inked:hover{filter:brightness(1.07);outline:none}
.cw .cw-pill.cw-inked:hover,.cw .hd-gopt.cw-inked:not(.yes):hover,.cw .cw-chip.cw-inked:not(.on):hover{color:var(--lav)}
.cw .hd-go.cw-inked:focus-visible > svg.cw-bink{filter:drop-shadow(0 0 3px var(--lav-16))}

/* the rhythm, drawn */
.cw-rink{display:block;width:100%;height:86px;overflow:visible}

/* THE PAGE'S RAIL - the right panel's rail (#ax-rail), on the board */
#cw-rail{display:flex;flex-direction:column;position:fixed;top:50%;transform:translateY(-50%);z-index:40;
  width:30px;max-height:calc(100vh - 240px);overflow:hidden;border-radius:14px;padding:10px 0;background:transparent;
  transition:width .22s ease .18s,background-color .22s ease .18s,box-shadow .22s ease .18s}
#cw-rail[hidden]{display:none}
#cw-rail:hover,#cw-rail:focus-within{width:220px;background:var(--paper);
  box-shadow:0 18px 40px -18px rgba(0,0,0,.45),0 0 0 1px var(--line);transition-delay:0s}
#cw-rail .axr-list{position:relative;flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
#cw-rail .axr-list::-webkit-scrollbar{width:0}
#cw-rail .axr-list.axr-scroll{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14px,#000 calc(100% - 14px),transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 14px,#000 calc(100% - 14px),transparent)}
#cw-rail .axr-ink{position:absolute;left:2px;top:0;pointer-events:none;overflow:visible}
#cw-rail button{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:23px;margin:0;
  padding:0 14px 0 2px;border:0;background:none;cursor:pointer;text-align:left;color:var(--mute);white-space:nowrap;
  -webkit-appearance:none;appearance:none}
#cw-rail .axr-v{min-height:28px}
#cw-rail .axr-v + .axr-s{margin-top:2px}
#cw-rail .axr-s + .axr-v{margin-top:4px}
#cw-rail .axr-dot{flex:0 0 26px;height:22px;display:flex;align-items:center;justify-content:center}
#cw-rail .axr-dot:before{content:"";display:block;border-radius:50%;
  transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
#cw-rail .axr-v .axr-dot:before{width:11px;height:11px;border:1.6px solid var(--mute);background:var(--paper);box-sizing:border-box}
#cw-rail .axr-v.on .axr-dot:before{border-color:var(--lav);background:var(--lav)}
#cw-rail .axr-v:hover .axr-dot:before{border-color:var(--ink)}
#cw-rail .axr-s .axr-dot:before{width:5px;height:5px;background:var(--soft,var(--mute));opacity:.75}
#cw-rail .axr-s.on .axr-dot:before{width:9px;height:9px;background:var(--lav);opacity:1;box-shadow:0 0 0 3px var(--lav-16)}
#cw-rail .axr-s:hover .axr-dot:before{transform:scale(1.35);opacity:1}
#cw-rail .axr-t{overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateX(-6px);
  transition:opacity .16s ease,transform .16s ease}
#cw-rail:hover .axr-t,#cw-rail:focus-within .axr-t{opacity:1;transform:none;transition-delay:.06s}
#cw-rail .axr-v .axr-t{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--ink-soft,var(--ink));letter-spacing:-.005em}
#cw-rail .axr-v.on .axr-t{color:var(--lav)}
#cw-rail .axr-s .axr-t{font-family:var(--pen);font-size:17px;font-weight:500;line-height:1.1;color:var(--mute)}
#cw-rail .axr-s:hover .axr-t{color:var(--ink)}
#cw-rail .axr-s.on .axr-t{color:var(--lav);font-weight:600}
#cw-rail button:focus-visible{outline:none}
#cw-rail button:focus-visible .axr-t{text-decoration:underline;text-decoration-color:var(--lav);text-underline-offset:3px}
@media (max-width:899px),(hover:none){#cw-rail{display:none!important}}

/* THE COMPOSER, DOCKED. On the board it floated over the cards at a width of
   its own. Now it sits on the same shore it has in a chat (#stage:after, the
   board faded in under it) and at the board's own width (--cw-bar-w). */
html.cw-on[data-ia="threads"].ia-new:not(.ia-sd-max):not(.ia-gate) #stage:after{display:block!important}
html.cw-on[data-ia="threads"] #wk-bar{width:var(--cw-bar-w,min(660px,calc(100vw - 56px)))!important}

/* THE WAY TO THE BOARD: the rail's door, the folded rail's tile, her mark */
#rm-board{position:relative;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;
  background:transparent;border:none;cursor:pointer;color:var(--mute);transition:color .15s}
#rm-board:hover,#rm-board.on{color:var(--lav)}
#rm-board svg{width:18px;height:18px;overflow:visible}
.cw-home{cursor:pointer}

/* ONE NEXT STEP UNDER AN ANSWER - a line in her pen */
.cw-next.one{margin:10px 0 4px}
.cw-nx1{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 2px;border:0;background:none;cursor:pointer;
  color:var(--ink);text-align:left;font:inherit}
.cw-nx1 .cw-arr{flex:0 0 auto;width:17px;height:17px;overflow:visible;color:var(--lav)}
.cw-nx1 .cw-n1k{flex:0 0 auto;font:16px/1 var(--pen);color:var(--mute)}
.cw-nx1 b{min-width:0;font:600 17px/1.2 var(--pen);color:var(--lav);text-decoration:underline;
  text-decoration-color:var(--lav-16);text-decoration-thickness:1.5px;text-underline-offset:4px}
.cw-nx1:hover b,.cw-nx1:focus-visible b{text-decoration-color:var(--lav)}
.cw-nx1:focus-visible{outline:none}
.cw-nx1 i{flex:0 0 auto;font:normal 15px/1 var(--pen);color:var(--mute)}
.cw-nx1.run b{color:var(--mute);text-decoration:none}

@media (max-width:560px){
  .cw-focus{grid-template-columns:minmax(0,1fr)}
  .cw-fk,.cw-fb,.cw-fgo{grid-column:1;grid-row:auto}
  .cw-strip{flex-wrap:wrap;row-gap:4px}
  .cw-strip i{flex-basis:100%;order:3}
}
@media (prefers-reduced-motion:reduce){
  .cw-nxt.gone,#cw-rail,#cw-rail .axr-t,#cw-rail .axr-dot:before{transition:none}
}


/* ── ONE BOARD FOR THE BRAND, AND A COWORK BOARD YOU READ AT A GLANCE (SEP24_BRAND / SEP24_COWORK) ──
   Samuel, 24 Sep: the Board in the brand above its TikTok / Instagram / Facebook tabs, everything of the
   brand on it; "when she is working show that it is working by maybe breathing"; "too much emptiness";
   her library "should always appear like this"; the plan "if a user reads they will never understand";
   a job's chat with its title on top, and the way back to the board on the left. */

/* her breath: a slow lavender pulse while she works */
@keyframes cw-breathe{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@keyframes cw-glow{0%,100%{opacity:.42}50%{opacity:1}}
.cw-breath{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--lav);
  box-shadow:0 0 0 3px var(--lav-16);animation:cw-breathe 2.6s ease-in-out infinite;vertical-align:middle}
.cw-strip.live > .hd-ink{animation:cw-glow 2.6s ease-in-out infinite}
.cw-strip.live .cw-spin{animation:cw-breathe 2.6s ease-in-out infinite}

/* the platform a card belongs to, in her drawn logo */
.cw-plat{display:inline-flex;align-items:center;vertical-align:-2px;margin-right:6px;color:var(--lav)}
.cw-plat svg{width:14px;height:14px;overflow:visible}

/* the brand's rooms under the head */
.cw-rooms{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:6px 2px 2px;font:13px/1.2 var(--sans);color:var(--mute)}
.cw-rooms .cw-rl{font:16px/1 var(--pen);color:var(--mute)}
.cw-room{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
.cw-room svg{width:15px;height:15px;overflow:visible;color:var(--lav)}
.cw-room b{font-weight:600}

/* the Board, in the brand's block above its rooms' tabs */
#rl-slot > #rl-board-door{margin:2px 0 6px;padding:8px 10px 8px 12px}
.cw-bdoor .cw-breath{display:none;margin-left:auto}
.cw-bdoor.working .cw-breath{display:inline-block}
.cw-bdoor .cw-bdn{font:600 16px/1 var(--pen);font-style:normal;color:var(--lav);margin-left:auto}
.cw-bdoor.working .cw-bdn{margin-left:6px}
.cw-bdoor .cw-bdn:empty{display:none}
.rm-tab.cw-working{position:relative}
.rm-tab.cw-working .rm-logo{animation:cw-glow 2.6s ease-in-out infinite}
.rm-tab.cw-working::after{content:"";position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;
  background:var(--lav);animation:cw-breathe 2.6s ease-in-out infinite}

/* up next: one row each - what, why and when, and the one tap on the right */
.cw-nxt.cw-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px 10px 13px}
.cw-row > .cw-rg{flex:0 0 18px;width:18px;height:18px;overflow:visible;color:var(--hue);align-self:flex-start;margin-top:2px}
.cw-row .cw-rb{flex:1 1 190px;min-width:0}
.cw-row .hd-t{margin:0;font-size:15px;line-height:1.28}
.cw-row .cw-rs{margin-top:3px;font:12.5px/1.35 var(--sans);color:var(--mute)}
.cw-row .cw-rk{font:15.5px/1 var(--pen);color:var(--hue)}
.cw-row .cw-ra{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:12px}
.cw-row .cw-tdy{position:static;display:inline-flex;margin-right:8px;vertical-align:-2px}

/* less empty space on the board */
.cw-lane .cw-col{gap:8px}
.cw-lh{margin-bottom:8px}
.cw-lane .hd-it:not(.cw-row){padding-top:11px;padding-bottom:11px}
.cw-lane .cw-lh i{font-size:15px}

/* her library, always on show */
.cw-more.open{margin-top:12px}
.cw-mh{margin:2px 2px 8px;font:16px/1.3 var(--pen);color:var(--mute)}

/* the plan: what it is for, who does each step */
.cw-pwhy{margin:4px 0 8px;font:13px/1.45 var(--sans);color:var(--mute)}
.cw-psteps li{align-items:center}
.cw-pwho{flex:none;margin-left:auto;padding:0 4px;font:15.5px/1 var(--pen);color:var(--mute)}
.cw-pwho.you{color:var(--hd-coral)}
.cw-pwho.me{color:var(--lav)}
.cw-psteps li .cw-pwho + .cw-lnk,.cw-psteps li .cw-pwho + .hd-go,.cw-psteps li .cw-pwho + .cw-pon{margin-left:8px}
.cw-proj.small{padding-top:10px;padding-bottom:10px}
.cw-proj.small .cw-ph{margin:0}
.cw-pnext{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;font-size:14px}
.cw-pnext .cw-pnl{font:15.5px/1 var(--pen);color:var(--mute)}
.cw-pnext .cw-pt{min-width:0;flex:0 1 auto}
.cw-pnext .cw-pwho{margin-left:2px}
.cw-pnext .hd-go{margin-left:auto}
.cw-pother > span:first-child{font:15.5px/1 var(--pen);color:var(--mute)}

/* a job's title on top of its chat */
.cw-jobhead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;margin:4px auto 20px;padding:0 12px;max-width:560px}
.cw-jh-gw{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:var(--lav-08);color:var(--lav)}
.cw-jh-g{width:24px;height:24px;overflow:visible}
.cw-jh-t{font:600 21px/1.25 var(--serif);color:var(--ink)}
.cw-jh-m{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;font:16px/1.2 var(--pen);color:var(--mute)}
.cw-jh-m b{font-weight:600;color:var(--lav)}
.cw-jh-m b.st-used{color:var(--mute)}
.cw-jh-w{font:13px/1.45 var(--sans);color:var(--mute);max-width:480px}
.cw-jobhead.run .cw-jh-gw{animation:cw-glow 2.6s ease-in-out infinite}

/* the way back to the board, in the chat's left margin */
#cw-back{position:fixed;z-index:40;display:flex;align-items:center;gap:8px;height:30px;max-width:30px;padding:0 7px;
  border:none;border-radius:15px;background:transparent;color:var(--lav);cursor:pointer;overflow:hidden;white-space:nowrap;
  font:600 16px/1 var(--pen);transition:max-width .22s ease,background-color .2s ease,box-shadow .2s ease}
#cw-back svg{flex:none;width:16px;height:16px;overflow:visible}
#cw-back span{opacity:0;transition:opacity .15s ease}
#cw-back:hover,#cw-back:focus-visible{max-width:220px;padding-right:12px;background:var(--paper);outline:none;
  box-shadow:0 10px 26px -14px rgba(0,0,0,.45),0 0 0 1px var(--line)}
#cw-back:hover span,#cw-back:focus-visible span{opacity:1}
#cw-back[hidden]{display:none}
@media (max-width:899px),(hover:none){#cw-back{display:none!important}}
@media (max-width:560px){
  .cw-row .cw-ra{width:100%;justify-content:flex-end}
  .cw-pnext .hd-go{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .cw-breath,.cw-strip.live > .hd-ink,.cw-strip.live .cw-spin,.rm-tab.cw-working .rm-logo,.rm-tab.cw-working::after,
  .cw-jobhead.run .cw-jh-gw{animation:none}
}