[hidden]{display:none!important}
:root{
  --bg:#f3f1ec; --card:#fbfaf7; --ink:#1f2a2e; --muted:#6b7377; --line:#e2dfd6;
  --accent:#2f5d50; --accent-soft:#e3ebe7; --warn:#8a6a2f; --warn-soft:#f1eadb; --bad:#8b3a3a; --bad-soft:#f2e4e2;
  --pp:#1d3b5c; --pp-soft:#e4e9ef; --r:14px;
  --a-research:#45606e; --a-copy:#6b5b45; --a-design:#4f6b4a; --a-host:#2f5d50; --a-you:#3d4448;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:15px/1.5 ui-sans-serif,-apple-system,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
code{font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace;background:#efede7;padding:1px 5px;border-radius:5px}
.top{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--line);background:var(--card)}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-size:17px}
.brand b{font-weight:650}
.mark{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#2f5d50,#45606e);box-shadow:inset 0 0 0 3px rgba(255,255,255,.25)}
.badge{font-size:12.5px;color:var(--pp);background:var(--pp-soft);padding:5px 10px;border-radius:99px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.eyebrow{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.muted{color:var(--muted)} .small,small{font-size:12.5px}
h1{font-size:30px;line-height:1.2;margin:0 0 12px;font-weight:650;letter-spacing:-.01em}
h2{font-size:17px;margin:0;font-weight:620}
button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 14px}
button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
button.primary:hover{background:#284f44}
button.ghost{background:transparent}
button:disabled{opacity:.6;cursor:progress}
.err{color:var(--bad);background:var(--bad-soft);padding:8px 10px;border-radius:8px;font-size:13.5px}

/* start */
.start{max-width:1080px;margin:0 auto;padding:36px 28px;display:grid;grid-template-columns:1.35fr 1fr;gap:22px}
.intro{grid-column:1/-1;max-width:760px}
.intro p{color:#3c474b;font-size:16px;margin:0}
.form{display:flex;flex-direction:column;gap:12px}
.form label{font-weight:600;font-size:14px;display:flex;justify-content:space-between}
.form output{font-weight:650;color:var(--accent)}
textarea{font:inherit;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;resize:vertical}
textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
input[type=range]{width:100%;accent-color:var(--accent)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:12.5px;padding:5px 10px;border-radius:99px;background:#f0eee8;border-color:transparent;color:#3c474b}
.catalog ul,.hires{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.catalog li,.hires li{display:flex;gap:10px;align-items:flex-start}
.hires li{align-items:center}
.hires li .pill{margin-left:auto}
.av{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:650;font-size:13px;background:var(--a-you)}
.av-research-agent{background:var(--a-research)} .av-copy-agent{background:var(--a-copy)} .av-design-agent{background:var(--a-design)}
.av-rooms-ai{background:var(--a-host)} .av-paypal{background:var(--pp)}

/* room */
.room{max-width:1320px;margin:0 auto;padding:22px 28px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}
.thread{display:flex;flex-direction:column;min-height:560px;max-height:calc(100vh - 150px);padding:0}
.thread-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}
.thread-head h2{font-size:16px;font-weight:600;line-height:1.35}
.messages{list-style:none;margin:0;padding:18px 20px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:14px}
.msg{display:flex;gap:10px;max-width:92%}
.msg.me{align-self:flex-end;flex-direction:row-reverse}
.bubble{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 13px}
.msg.me .bubble{background:var(--accent-soft);border-color:#cfddd6}
.msg.host .bubble{background:#f6f5f1}
.msg.k-deliverable .bubble{border-left:3px solid var(--a-research)}
.msg.k-verdict.ok .bubble{border-left:3px solid var(--accent)}
.msg.k-verdict.bad .bubble{border-left:3px solid var(--bad)}
.meta{display:flex;gap:8px;align-items:center;font-size:12.5px;margin-bottom:2px}
.meta time,.receipt time{color:var(--muted);font-size:11.5px;margin-left:auto}
.tag{font-size:11px;background:#efede7;padding:1px 6px;border-radius:6px;color:var(--muted)}
.body{font-size:14.2px}
.receipt{flex-direction:column;align-self:center;width:min(560px,96%);max-width:none;background:var(--pp-soft);border:1px solid #cfd8e2;border-radius:12px;padding:11px 14px;gap:4px}
.receipt p{margin:0;font-size:13.5px}
.rc-head{display:flex;gap:8px;align-items:center}
.pp{font-size:11px;font-weight:700;color:#fff;background:var(--pp);padding:2px 7px;border-radius:6px;letter-spacing:.02em}
.amt{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}
.ref{background:#fff}
.receipt[data-type=payout_failed]{background:var(--bad-soft);border-color:#e3c9c5}
.sys{align-self:center}
.typing{padding:10px 20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:center}
.dots{display:inline-flex;gap:3px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:b 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}
@keyframes b{0%,80%,100%{opacity:.25}40%{opacity:1}}
.side{display:flex;flex-direction:column;gap:14px}
.big{font-size:34px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bar{height:8px;border-radius:99px;background:var(--accent-soft);margin:12px 0;display:flex;overflow:hidden}
.bar span:first-child{background:var(--accent)} .bar span:last-child{background:#9aa9b6}
.bar span{transition:width .5s}
.kv{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:0;font-size:13.5px}
.kv dt{color:var(--muted)} .kv dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.action{border-color:#cfddd6;background:#f7f9f6}
.action p{margin:6px 0 12px;font-size:14px}
#act-approve{border-color:#e4d7bb;background:#fbf8f1}
.btns{display:flex;gap:8px}
.pill{font-size:11.5px;padding:2px 9px;border-radius:99px;background:#efede7;color:var(--muted);white-space:nowrap}
.pill[data-s=paid],.pill[data-s=success],.pill[data-s=completed],.pill[data-s=funded],.pill[data-s=done]{background:var(--accent-soft);color:var(--accent)}
.pill[data-s=needs_approval],.pill[data-s=pending],.pill[data-s=working],.pill[data-s=awaiting_funds],.pill[data-s=unclaimed],.pill[data-s=processing]{background:var(--warn-soft);color:var(--warn)}
.pill[data-s=rejected],.pill[data-s=failed],.pill[data-s=denied]{background:var(--bad-soft);color:var(--bad)}
.ledger{grid-column:1/-1}
.ledger-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}
.grid .neg{color:#7a3b3b}.grid .pos{color:var(--accent)}
.lt{font-weight:600}
.lt-funding{color:var(--accent)}.lt-payout{color:var(--a-research)}.lt-platform_fee{color:var(--a-copy)}.lt-refund{color:var(--pp)}
.foot{display:flex;justify-content:space-between;max-width:1320px;margin:0 auto;padding:18px 28px 30px;font-size:12.5px;color:var(--muted)}
@media (max-width:900px){.start,.room{grid-template-columns:1fr;padding:16px}.row2{grid-template-columns:1fr}.thread{max-height:none}h1{font-size:24px}.top{padding:12px 16px}.badge{display:none}}
/* live-ready copy additions */
.sandbox-banner{background:#7a4b00;color:#fff;text-align:center;padding:8px 14px;font-size:13.5px}
.presets{display:flex;flex-wrap:wrap;gap:8px}
.preset{padding:9px 16px;border-radius:10px;font-weight:650;background:#fff;border:1px solid var(--line)}
.preset[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}
.preset-custom{width:110px;padding:9px 10px;border-radius:10px;border:1px solid var(--line);font:inherit}
.total{font-size:15.5px;font-weight:600;background:var(--accent-soft);border-radius:10px;padding:10px 12px;line-height:1.45}
.terms{margin:0}
select,input[type=email],.mission input{font:inherit;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:#fff;width:100%}
.mission{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--line)}
.receiptview{margin-top:12px;grid-template-columns:minmax(150px,1fr) auto}
.receiptview dt.strong,.receiptview dd.strong{font-weight:700;color:var(--ink)}
#fund-email{margin:4px 0 12px}
@media (max-width:860px){.start,.room{grid-template-columns:1fr}.row2{grid-template-columns:1fr}}