/* Work-first Command: Today, Work, Decisions and the work thread. Uses the shell's Apple tokens. */
.g-hello h1{font-size:34px;letter-spacing:-.02em;margin:2px 0 6px}
.w-brief{display:flex;align-items:center;gap:8px;margin:0;color:var(--a-label2);font-size:16px}
.w-brief svg,.w-brief .a-sparkle{flex:none}
.w-list{list-style:none;margin:0;padding:0}
.w-list li+li .w-row{border-top:.5px solid var(--a-sep)}
.w-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;width:100%;padding:11px 2px;background:none;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer}
.w-row:hover .w-main strong{color:var(--blue)}
.w-row>svg:last-child{width:14px;height:14px;color:var(--a-label3)}
.w-key{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--a-label2)}
.w-main{display:flex;flex-direction:column;min-width:0;gap:2px}
.w-main strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-main small{color:var(--a-label2);font-size:13px;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.w-main small.live{color:var(--a-label)}
.w-pulse{flex:none;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 60%,transparent);animation:w-pulse 1.8s ease-out infinite}
@keyframes w-pulse{70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.w-pulse{animation:none}}
.w-phase{display:inline-flex;align-items:center;gap:3px}
.w-phase i{width:18px;height:5px;border-radius:3px;background:var(--a-fill)}
.w-phase i.done{background:var(--green)}.w-phase i.now{background:var(--blue)}
.w-phase small{margin-left:6px;font-size:12px;color:var(--a-label2);min-width:44px}
.w-tag{font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--a-fill);color:var(--a-label2);white-space:nowrap}
.w-tag.good{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green)}
.w-tag.warn{background:color-mix(in srgb,var(--orange) 18%,transparent);color:var(--orange)}
.w-tag.bad{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red)}
.w-tag.live{background:color-mix(in srgb,var(--blue) 15%,transparent);color:var(--blue)}
.w-proof{display:inline-flex;gap:4px}
.w-proof i{display:inline-flex;align-items:center;gap:3px;font:600 11px/1 system-ui;font-style:normal;padding:4px 7px;border-radius:99px;background:var(--a-fill);color:var(--a-label3)}
.w-proof i.ok{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}
.w-proof svg{width:11px;height:11px}
/* Decisions */
.w-decisions{display:grid;gap:12px}
.w-decision{background:var(--a-card);border-radius:18px;padding:16px;box-shadow:var(--a-shadow);display:grid;gap:10px}
.g-group .w-decision{background:var(--a-card2);box-shadow:none}
.w-decision.plain{padding:6px 14px}
.w-dhead{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--a-label2)}
.w-dhead>svg{width:16px;height:16px;color:var(--red)}.w-dhead small{margin-left:auto}
.w-q{margin:0;font-size:17px;font-weight:600;line-height:1.35;text-wrap:balance}
.w-options{display:grid;gap:8px}
.w-option{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:12px;background:var(--a-fill2,var(--a-fill));cursor:pointer;border:1.5px solid transparent}
.w-option:has(input:checked){border-color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--a-card))}
.w-option input[type=radio]{margin-top:3px;accent-color:var(--blue)}
.w-option span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.w-option small{color:var(--blue);font-size:12px;font-weight:600}
.w-option.other input[name=text],.w-answer{margin-top:4px;width:100%;box-sizing:border-box;font:inherit;padding:8px 10px;border-radius:10px;border:.5px solid var(--a-sep);background:var(--a-card);color:var(--a-label)}
.w-dfoot{display:flex;justify-content:flex-end}
.w-decide{min-width:110px}
.w-sugg-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:.5px solid var(--a-sep)}
.w-sugg-row span{flex:1;display:flex;flex-direction:column;min-width:0}.w-sugg-row small{color:var(--a-label2)}
.w-sugg h3{font-size:13px;color:var(--a-label2);margin:12px 0 4px;font-weight:600}
.w-read summary{list-style:none;cursor:pointer}.w-read summary::-webkit-details-marker{display:none}
.w-read summary h2{font-size:15px}
.w-read p{color:var(--a-label2);line-height:1.5}
/* The ask box */
.w-ask{display:flex;align-items:flex-end;gap:10px;background:var(--a-card);border-radius:22px;padding:10px 10px 10px 16px;box-shadow:var(--a-shadow);margin:0 0 14px;border:.5px solid var(--a-sep)}
.w-ask:focus-within{border-color:var(--blue)}
.w-ask textarea{flex:1;border:0;background:none;resize:none;font:16px/1.4 inherit;font-family:inherit;color:var(--a-label);padding:6px 0;outline:none;min-height:24px}
.w-ask .a-send{flex:none}
.w-ask>svg:first-child,.w-ask>.a-sparkle:first-child{flex:none;margin-bottom:8px}
/* Thread */
.w-head{margin:6px 0 16px}
.w-head h1{font-size:28px;letter-spacing:-.015em;margin:10px 0 14px;text-wrap:balance}
.w-head .a-stop{margin-left:auto}
.w-tracker{list-style:none;display:flex;gap:0;margin:0;padding:0;max-width:640px}
.w-tracker li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--a-label3);position:relative}
.w-tracker li::before{content:"";position:absolute;top:11px;left:-50%;right:50%;height:2px;background:var(--a-fill);z-index:0}
.w-tracker li:first-child::before{display:none}
.w-tracker li.ok::before,.w-tracker li.now::before{background:var(--green)}
.w-tracker li>svg,.w-tracker li>i{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;box-sizing:border-box;background:var(--a-card);border:2px solid var(--a-fill)}
.w-tracker li.ok>svg{background:var(--green);border-color:var(--green);color:#fff;padding:4px}
.w-tracker li.ok{color:var(--a-label)}
.w-tracker li.now>i{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 18%,transparent)}
.w-tracker li.now{color:var(--blue);font-weight:600}
.w-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:18px;align-items:start}
.w-main-col{display:grid;gap:14px;min-width:0}
.w-timeline{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.w-timeline>li{min-width:0}
.w-you{justify-self:end;max-width:80%;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.w-you>div{background:var(--blue);color:#fff;padding:10px 14px;border-radius:18px 18px 4px 18px;line-height:1.45;overflow-wrap:anywhere}
.w-you>div a{color:#fff}
.w-you time{font-size:11px;color:var(--a-label3)}
.w-claude{display:flex;gap:10px;align-items:flex-start;max-width:92%}
.w-claude>div{background:var(--a-card);padding:10px 14px;border-radius:18px 18px 18px 4px;box-shadow:var(--a-shadow);line-height:1.5;min-width:0;overflow-wrap:anywhere}
.w-claude.live>div{display:flex;align-items:center;gap:8px;color:var(--a-label2)}
.w-claude>svg,.w-claude>.a-sparkle{flex:none;margin-top:10px}
.w-fold details{margin-left:30px;font-size:13px;color:var(--a-label2)}
.w-fold summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:5px 10px;border-radius:99px;background:var(--a-fill)}
.w-fold summary svg{width:13px;height:13px}
.w-fold p{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px}
.w-decided,.w-blocked{display:flex;gap:10px;align-items:flex-start;margin-left:30px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--green) 9%,var(--a-card))}
.w-decided>svg{flex:none;width:18px;height:18px;color:var(--green)}
.w-decided div,.w-blocked div{display:flex;flex-direction:column;gap:2px;min-width:0}
.w-decided small,.w-blocked small{color:var(--a-label2);font-size:12px}
.w-blocked{background:color-mix(in srgb,var(--red) 9%,var(--a-card))}.w-blocked>svg{flex:none;width:18px;height:18px;color:var(--red)}
.w-side{display:grid;gap:14px;min-width:0}
.w-proofrow{display:flex;align-items:center;gap:10px;padding:8px 0;color:inherit;text-decoration:none}
.w-proofrow span{display:flex;flex-direction:column}.w-proofrow small{color:var(--a-label2)}
.w-proofrow>svg{width:18px;height:18px;color:var(--purple)}
.w-left{line-height:1.5;font-size:14px;overflow-wrap:anywhere}
@media (max-width:900px){
 .g-hello h1{font-size:28px}
 .w-grid{grid-template-columns:1fr}
 .w-row{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
 .w-row .w-key,.w-row>svg:last-child,.w-row .w-proof{display:none}
 .w-phase small{display:none}
 .w-you{max-width:90%}.w-claude{max-width:100%}
 .w-head h1{font-size:23px}
 .w-tracker li{font-size:11px}
 .w-ask{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:5}
}
/* Long briefs fold to their first sentence */
.w-you.long details{background:var(--blue);color:#fff;border-radius:18px 18px 4px 18px;padding:10px 14px;max-width:100%}
.w-you.long summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px}
.w-you.long summary::-webkit-details-marker{display:none}
.w-you.long summary small{opacity:.8;font-size:12px;font-weight:600}
.w-you.long details[open] summary{display:none}
.w-you.long details>div{line-height:1.45;overflow-wrap:anywhere}
.w-you.long details>div a{color:#fff}
.w-detail{display:block;margin:4px 0 2px;font-size:12px;color:var(--a-label2);overflow-wrap:anywhere;white-space:pre-wrap}