.brain>.g-band{--band-h:clamp(460px,50vw,760px);--band-rise:clamp(300px,30vw,480px)}

.pulls{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,10fr);gap:20px;align-items:center;width:100%;margin:0 auto}
.dms{display:flex;flex-direction:column;gap:16px;min-width:0}
.dm--open{--at:.5s;--beat:.3s}
.dm--shut{--at:1.1s;--beat:.3s}
.dm .thread{padding-block:12px 14px}
.chips li[data-kind=locked]{color:var(--wi-3);background:rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgb(var(--mi) / .12)}

.dated{--w:80%;--step:10%;width:100%;margin:0}
.dated-doc{width:var(--w)}
.dated-doc--2{margin-left:var(--step);--at:.5s}
.dated-doc--3{margin-left:calc(2 * var(--step));--at:1s}
.dated-doc .win-bar{padding:0 16px}
.dated-body{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;padding:12px 16px 14px}
.dated-val{margin:0;font-size:16px;line-height:1.3;color:rgb(var(--mi) / .86)}
.dated-val.is-current{font-weight:650;font-variation-settings:"wght" 650;color:rgb(var(--mi) / .92)}
.dated-val.is-was{font-size:14.5px;color:var(--wi-3)}
.dated-thread{display:block;width:var(--step);height:36px;margin-left:calc(var(--w) / 2);overflow:visible}
.dated-thread--2{margin-left:calc(var(--w) / 2 + var(--step))}
.dated-thread path{fill:none;stroke:var(--thread);stroke-width:var(--thread-w);stroke-linecap:round;vector-effect:non-scaling-stroke}
html[data-motion] [data-reveal] .dated-thread{transition:clip-path .5s var(--ease-arrive) var(--at)}
.dated-thread--1{--at:1.55s}.dated-thread--2{--at:2.05s}

html[data-motion] [data-reveal] .dated-thread{clip-path:inset(-4px)}
html[data-motion] [data-reveal]:not([data-shown]) .dated-thread{clip-path:inset(-4px -4px calc(100% + 4px) -4px)}

@media (max-width:719px){.dated{--w:88%;--step:6%}}
@media (max-width:379px){.dated-doc .win-bar{flex-wrap:wrap;row-gap:2px;padding-block:9px}.dated-doc .win-where{overflow:visible}}

.task{width:100%}
.task-body{padding:18px 20px 20px}
.task-q{margin:0;font-size:17px;line-height:1.3;letter-spacing:-.25px;font-weight:600;font-variation-settings:"wght" 600;color:rgb(var(--mi) / .92)}
.task-meta{margin:4px 0 0;font-size:12.5px;color:var(--wi-3)}
.task-steps{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.task-steps li{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start}
.task-steps li::before{content:"";grid-row:1;margin-top:2px;width:16px;height:16px;border-radius:50%;background:rgb(var(--mi) / .82) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4.6 8.2 7 10.5l4.5-4.8' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 16px no-repeat}

.task-do{font-size:14px;line-height:20px;color:rgb(var(--mi) / .75)}
.task-end{white-space:nowrap}
.task-end>.app{margin:0 0 0 8px;vertical-align:-5px}
.task-res{grid-column:2;font-size:13px;line-height:1.4;font-weight:600;font-variation-settings:"wght" 600;color:rgb(var(--mi) / .86)}
.task-find{margin-top:16px;padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.72);box-shadow:0 0 0 .5px rgb(var(--mi) / .1),0 1px 2px rgb(var(--mi) / .05)}
.task-find p{margin:0;font-size:14.5px;line-height:1.5;color:rgb(var(--mi) / .86);text-wrap:pretty}
.task-ask{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin-top:14px;padding-top:14px;border-top:1px solid rgb(var(--mi) / .08)}
.task-ask p{margin:0;font-size:14px;color:rgb(var(--mi) / .8)}
.task-acts{display:flex;gap:8px;margin-left:auto}

.weeks{--card-h:190px;--gap:18px;width:100%}
.wk-row{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--gap);align-items:start}
.wk-row::before,.wk-row::after{content:"";position:absolute;left:calc((100% - 3 * var(--gap)) / 8);right:calc((100% - 3 * var(--gap)) / 8);top:calc(var(--card-h) + 21px);pointer-events:none}
.wk-row::before{height:var(--thread-w);background:var(--thread)}
.wk-row::after{top:calc(var(--card-h) + 20px);height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--thread-light) 50%,transparent) 0 0 / 18% 100% no-repeat;opacity:0}
.wk{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.wk:nth-child(1){--k:0}.wk:nth-child(2){--k:1}.wk:nth-child(3){--k:2}.wk:nth-child(4){--k:3}
.wk-card{height:var(--card-h);--at:calc(var(--k) * .35s)}
.wk-card>.win-inset{height:100%;display:flex;flex-direction:column}
.wk-card .win-bar{padding:0 14px;gap:9px}
.wk-count{padding:3px 8px;border-radius:7px;font-size:11.5px;color:#703E2B;background:rgba(214,138,92,.12)}
.wk-count.is-clean{color:#284C2D;background:rgba(84,140,82,.13)}
.wk-body{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 14px 14px}
.wk-doc{list-style:none;margin:0;padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.wk-doc li{padding:6px 10px;border-radius:9px;font-size:12.5px;color:rgb(var(--mi) / .86);background:rgba(255,255,255,.78);box-shadow:0 0 0 .5px rgb(var(--mi) / .08)}
.wk-date{display:flex;flex-direction:column;align-items:center;gap:10px;margin:16px 0 0;font-size:12.5px;font-variant-numeric:tabular-nums}

.wk-date>time{color:var(--ink-2)}
.wk-date::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(var(--shade),.32)}
.wk--3 .wk-date::before{background:#C48C40;box-shadow:0 0 0 3px rgba(232,182,110,.32)}
.wk--3 .wk-date::after{content:"";width:var(--thread-w);height:18px;background:var(--thread)}

.wk-std{--at:1.25s;align-self:center;width:340px;max-width:calc(100vw - 32px)}
.wk-std .win-bar{padding:0 14px;gap:9px}
.std-body{padding:13px 14px 2px}
.std-title{margin:0;font-size:15px;line-height:1.3;letter-spacing:-.15px;font-weight:650;font-variation-settings:"wght" 650;color:rgb(var(--mi) / .92)}
.wk-std .rules-mini{margin:10px 0 0;gap:5px}
.wk-std .rules-mini li{font-size:12px}
.std-from{margin:11px 0 0;font-size:12px;line-height:1.4;color:var(--wi-3)}
.std-ok{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:12px;line-height:1.4;color:rgb(var(--mi) / .82)}
.wk-std .win-foot{padding:12px 14px 14px}
.std-ok::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:rgba(84,140,82,.9) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3.3 6.2 5.1 8l3.6-3.8' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 12px no-repeat}
.wk--4 .wk-card{--at:3.1s;--beat:.12s}
html[data-motion] .weeks[data-reveal] .wk-date{transition:opacity .5s var(--ease-arrive) calc(.45s + var(--k) * .35s)}
html[data-motion] .weeks[data-reveal]:not([data-shown]) .wk-date{opacity:0}
html[data-motion] .weeks[data-reveal][data-shown]:not([data-shown="now"]) .wk-row::after{animation:wk-light 1.5s ease-in-out .4s both}
html[data-motion] .weeks[data-reveal][data-shown]:not([data-shown="now"]) .wk:not(.wk--4) .ed{animation:mw-pair 1.4s ease-out calc(.55s + var(--k) * .35s) both}
@keyframes wk-light{0%{opacity:0;background-position:-20% 0}10%{opacity:1}90%{opacity:1}100%{opacity:0;background-position:120% 0}}

.wk-card .ed{display:block;height:auto;min-height:26px;padding-block:4px;line-height:1.35;white-space:normal}
.wk-card .ed--b{display:flex;align-items:center;gap:5px}

@media (min-width:720px) and (max-width:1199px){
  .weeks{--card-h:212px}
  .wk-card .win-bar{flex-wrap:wrap;row-gap:4px;padding-block:8px}
  .wk-card .win-end{margin-left:0}
}

@media (max-width:719px){
  .wk-row{grid-template-columns:minmax(0,1fr);row-gap:14px}
  .wk-row::before,.wk-row::after{display:none}
  .wk-date{order:-1;flex-direction:row;margin:0 0 8px;justify-content:flex-start}
  .wk--3 .wk-date::after{display:none}
  .wk-card{height:auto}
  .wk-std{margin-top:10px;align-self:stretch;width:auto}
}

.asks{display:flex;flex-direction:column;align-items:center;width:100%}
.hub{position:relative;z-index:1;display:inline-flex;align-items:center;gap:16px;padding:12px 22px 12px 12px;border-radius:20px;color:var(--ink);
  background:#fff;box-shadow:0 0 0 .5px rgba(var(--shade),.13),0 1px 2px rgba(var(--shade),.06),0 14px 30px -14px rgba(var(--shade),.4)}
.hub-mark{display:block;flex:none;width:56px;height:56px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 .5px rgba(var(--shade),.14)}
.hub-text{display:flex;flex-direction:column;align-items:center;gap:8px}
.hub-name{font-size:15px;line-height:1.2;font-weight:650;font-variation-settings:"wght" 650;letter-spacing:-.01em}
.hub-pot{display:flex;align-items:center;padding:0 2px 6px}
.pt{position:relative;display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:#fff;
  box-shadow:0 0 0 .5px rgba(var(--shade),.14),0 3px 8px -3px rgba(var(--shade),.35);rotate:var(--r,0deg);translate:0 var(--y,0px)}
.pt+.pt{margin-left:-7px}
.pt .logo{display:block;width:16px;height:16px;object-fit:contain}
.pt:nth-child(1){--r:-7deg;--y:1px;z-index:3}.pt:nth-child(2){--r:5deg;--y:6px;z-index:5}.pt:nth-child(3){--r:-3deg;--y:-1px;z-index:2}
.pt:nth-child(4){--r:8deg;--y:5px;z-index:6}.pt:nth-child(5){--r:-5deg;--y:0px;z-index:4}.pt:nth-child(6){--r:4deg;--y:6px;z-index:7}
.pt:nth-child(7){--r:-8deg;--y:-1px;z-index:3}.pt:nth-child(8){--r:6deg;--y:5px;z-index:6}.pt:nth-child(9){--r:-4deg;--y:1px;z-index:4}
.pt:nth-child(10){--r:7deg;--y:6px;z-index:5}.pt:nth-child(11){--r:-6deg;--y:0px;z-index:2}
html[data-motion] .asks .pt{animation:pot-drift var(--d,7s) ease-in-out var(--w,0s) infinite}
html[data-motion] .asks[data-off-screen] .pt{animation-play-state:paused}
.pt:nth-child(3n+1){--d:6.2s;--w:-1.1s}.pt:nth-child(3n+2){--d:7.4s;--w:-3.6s}.pt:nth-child(3n){--d:8.1s;--w:-5.2s}
@keyframes pot-drift{0%,100%{translate:0 var(--y,0px);rotate:var(--r,0deg)}50%{translate:0 calc(var(--y,0px) - 3px);rotate:calc(var(--r,0deg) * .6)}}
.hub-mark img{display:block;width:100%;height:100%}
.feeds{display:block;width:100%;height:clamp(64px,8vw,104px);overflow:visible}

.feed{fill:none;stroke:var(--thread);stroke-width:var(--thread-w);stroke-linecap:round;vector-effect:non-scaling-stroke}
.feed-light{fill:none;stroke:var(--thread-light);stroke-width:var(--thread-light-w);stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:14 2000;stroke-dashoffset:14;opacity:0}
.ai-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;align-items:stretch}

.ai-row>.ai>.win-inset{display:flex;flex-direction:column;height:100%;box-sizing:border-box}
.ai-row>.ai .ai-composer{margin-top:auto}
.feed--m{display:none}
.ai--claude{--at:.6s}
.ai--copilot{--at:1.2s}
.ai--gemini{--at:1.8s}
.ai-body{display:flex;flex-direction:column;gap:14px;padding:18px 18px 16px}
.ai-you{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:88%}
.ai-you p{margin:0;padding:9px 14px;border-radius:18px;font-size:14.5px;line-height:1.4;color:rgb(var(--mi) / .88);background:rgb(var(--mi) / .06)}
.ai-who{font-size:11.5px;color:var(--wi-3)}
.ai-reply p{margin:0;font-size:15px;line-height:1.5;color:rgb(var(--mi) / .88);text-wrap:pretty}
.ai-reply b{font-weight:650;font-variation-settings:"wght" 650}
.via{display:inline-grid;place-items:center;flex:none;width:16px;height:16px;margin:0 -3px 0 3px;border-radius:5px;background:#fff;box-shadow:0 0 0 .5px rgb(var(--mi) / .18)}
.via img{display:block;width:13px;height:13px}
.ai--claude .win-inset::before{background:color-mix(in srgb,#F6F1E7 92%,transparent)}
.ai--claude .ai-you p{border-radius:12px;background:rgba(222,210,188,.55)}
.ai--claude .ai-reply p{font-family:ui-serif,"Iowan Old Style","Palatino Linotype",Georgia,serif;font-size:16px;line-height:1.5}
.ai--copilot .ai-you p{border-radius:16px 16px 4px 16px;background:rgba(88,96,196,.12);color:#2A2E5C}

.ai-composer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 14px 14px;height:42px;padding:0 6px 0 16px;border-radius:21px;font-size:13.5px;color:var(--wi-3);background:rgba(255,255,255,.82);box-shadow:0 0 0 .5px rgb(var(--mi) / .12),0 2px 6px -2px rgb(var(--mi) / .12)}
.ai-composer i{width:30px;height:30px;border-radius:50%;background:rgb(var(--mi) / .86) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path d='M15 20.5v-11M10.5 14 15 9.5l4.5 4.5' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 30px no-repeat}
.ai--claude .ai-composer{height:48px;border-radius:14px;align-items:flex-end;padding:0 8px 8px 14px}
.ai--claude .ai-composer span{align-self:center}
.ai--claude .ai-composer i{width:28px;height:28px;border-radius:8px;background-color:#C8734F}
.ai--copilot .ai-composer i{background-color:#4B53BC}
.ai--gemini .ai-you p{border-radius:18px 4px 18px 18px;background:rgba(66,133,244,.1);color:#1F2A44}
.ai--gemini .ai-composer{border-radius:24px}
.ai--gemini .ai-composer i{background-color:#3C4043}

html[data-motion] .asks[data-reveal][data-shown]:not([data-shown="now"]) .feed-light{animation:mw-feed var(--thread-run) ease-in-out .3s both}
html[data-motion] .asks[data-reveal] .feed-light.feed--2{animation-delay:.9s}
html[data-motion] .asks[data-reveal] .feed-light.feed--3{animation-delay:1.5s}
html[data-motion] .asks[data-reveal] .feed-light.feed--4{animation-delay:2.1s}
@keyframes mw-feed{0%{stroke-dashoffset:14;opacity:0}12%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:-420;opacity:0}}

@media (max-width:1199px){
  .ai-row{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:0 auto}
  .feed--1,.feed--2,.feed--3,.feed--4{display:none}
  .feed--m{display:inline}
}
@media (max-width:899px){
  .pulls{grid-template-columns:minmax(0,1fr);max-width:560px}
  .ai-row{grid-template-columns:minmax(0,1fr);max-width:480px;margin:0 auto}
  .feeds{height:40px}
  .feed--1,.feed--2,.feed--3,.feed--4{display:none}
  .feed--m{display:inline}
}
@media (max-width:719px){
  .brain>.g-band{--band-h:640px;--band-rise:470px}

  .hub{max-width:100%;box-sizing:border-box;gap:12px;padding:10px 16px 10px 10px}
  .hub-mark{width:44px;height:44px;border-radius:12px}
  .pt{width:24px;height:24px;border-radius:8px}
  .pt+.pt{margin-left:-8px}
  .pt .logo{width:14px;height:14px}
}