:root{--ink:#1a2226;--muted:#5a686f;--paper:#e8ecee;--card:#f7f8f8eb;--line:#c5ced3;--teal:#2f6f73;--teal-deep:#1f4f53;--thought:#243b44;--action:#1e4d3a;--warn:#8a5a2f;--err:#8a2f2f;--ok:#2f6f4a;--radius:2px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--duration-press:.16s;--duration-ui:.22s;color:var(--ink);background:var(--paper);font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(900px 480px at 12% -8%,#d4e0e2 0%,#0000 55%),radial-gradient(700px 420px at 90% 10%,#dfe6e4 0%,#0000 50%),linear-gradient(165deg,#e4eaec 0%,#eef1f2 45%,#e2e8ea 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--teal-deep);background:var(--teal);color:#f4f7f7;border-radius:var(--radius);transition:transform var(--duration-press) var(--ease-out), background-color var(--duration-press) ease, border-color var(--duration-press) ease, opacity var(--duration-press) ease;padding:.7rem 1.15rem}button:active:not(:disabled){transform:scale(.97)}button.secondary{color:var(--ink);border-color:var(--line);background:0 0}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--teal-deep)}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#f7f8f8b3;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.brand-mark{letter-spacing:-.02em;font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:700}.nav{flex-wrap:wrap;gap:.35rem;display:flex}.nav button{color:var(--muted);background:0 0;border-color:#0000;padding:.45rem .75rem}.nav button.active{color:var(--ink);border-color:var(--line);background:var(--card)}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:2rem;max-width:1120px;min-height:calc(100vh - 3.5rem);margin:0 auto;padding:2.5rem 1.5rem 3rem;display:grid}@media (width<=860px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:2rem}}.hero-copy h1{letter-spacing:-.03em;margin:0 0 .85rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2.8rem,7vw,4.4rem);line-height:.95}.hero-copy .lede{color:var(--muted);max-width:28rem;margin:0 0 1.5rem;font-size:1.15rem}.cta-row{flex-wrap:wrap;gap:.65rem;display:flex}.taste-map{grid-template-rows:1.2fr 1fr;grid-template-columns:1.4fr 1fr;gap:.55rem;min-height:320px;display:grid}.taste-cell{border:1px solid var(--line);min-height:120px;animation:rise .24s var(--ease-out) both;background:linear-gradient(145deg,#ffffffb3,#e8f0f1e6);flex-direction:column;justify-content:flex-end;padding:1rem;display:flex}.taste-cell:nth-child(2){animation-delay:40ms}.taste-cell:nth-child(3){animation-delay:80ms}.taste-cell:nth-child(4){animation-delay:.12s}.taste-cell strong{font-family:Fraunces,Georgia,serif;font-size:1.2rem}.taste-cell span{color:var(--muted);font-size:.9rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.page{max-width:1120px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.page h1{margin:0 0 .35rem;font-family:Fraunces,Georgia,serif;font-size:clamp(1.8rem,3vw,2.4rem)}.page .sub{color:var(--muted);max-width:40rem;margin:0 0 1.5rem}.grid-2{grid-template-columns:1fr 1.2fr;gap:1.25rem;display:grid}@media (width<=860px){.grid-2{grid-template-columns:1fr}}.panel,.card{background:var(--card);border:1px solid var(--line);padding:1.15rem 1.25rem}.panel h2,.card h2{margin:0 0 .75rem;font-family:Fraunces,Georgia,serif;font-size:1.25rem}.field{flex-direction:column;gap:.3rem;margin-bottom:.85rem;display:flex}.field label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.8rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:.55rem .65rem}.source-list{flex-direction:column;gap:.45rem;max-height:280px;margin-bottom:1rem;display:flex;overflow:auto}.source-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:.65rem;padding:.45rem 0;display:flex}.source-row small{color:var(--muted);display:block}.tribe-bars{flex-direction:column;gap:.55rem;display:flex}.tribe-bar{grid-template-columns:9rem 1fr auto;align-items:center;gap:.6rem;font-size:.92rem;display:grid}.tribe-bar .track{background:#d7dfe2;height:10px;overflow:hidden}.tribe-bar .fill{background:linear-gradient(90deg, var(--teal), #4d8f8f);height:100%;transition:width var(--duration-ui) var(--ease-out)}.run-list{flex-direction:column;gap:.5rem;display:flex}.run-item{text-align:left;background:var(--card);width:100%;color:var(--ink);border:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.85rem 1rem;display:flex}.run-item.active{border-color:var(--teal)}.run-item .id{font-family:ui-monospace,monospace;font-size:.82rem}.muted{color:var(--muted)}.status-done{color:var(--ok)}.status-abandoned{color:var(--warn)}.status-failed{color:var(--err)}.status-running,.status-queued{color:var(--teal-deep)}.agent-list{flex-direction:column;gap:.4rem;display:flex}.agent-item{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;width:100%;padding:.7rem .85rem}.agent-item.active{border-color:var(--teal)}.steps{margin:0;padding:0;list-style:none}.step{border-top:1px solid var(--line);padding:.8rem 0}.step-meta{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.3rem;font-size:.72rem}.lbl{text-transform:uppercase;letter-spacing:.06em;min-width:4.2rem;color:var(--muted);font-size:.72rem;font-weight:600;display:inline-block}.thought{color:var(--thought);margin-bottom:.2rem}.action{color:var(--action);font-weight:500}.err{color:var(--err);font-size:.9rem}.pill-row{flex-wrap:wrap;gap:.4rem;margin:.5rem 0 1rem;display:flex}.pill{border:1px solid var(--line);background:#fff;padding:.2rem .5rem;font-size:.82rem}button.chip{color:var(--ink);border-color:var(--line);background:#fff;padding:.35rem .7rem;font-size:.85rem}button.chip.active{border-color:var(--teal-deep);background:var(--card);color:var(--teal-deep)}.banner{border:1px solid var(--line);transition:opacity var(--duration-ui) var(--ease-out), transform var(--duration-ui) var(--ease-out);background:#fff;margin-bottom:1rem;padding:.75rem 1rem}@starting-style{.banner{opacity:0;transform:translateY(-6px)}}.banner.warn{background:#fff8ef;border-color:tan}@media (hover:hover) and (pointer:fine){button.secondary:hover:not(:disabled){border-color:var(--teal)}}@media (prefers-reduced-motion:reduce){.taste-cell{animation:none}.banner,button,.tribe-bar .fill{transition:none}button:active:not(:disabled){transform:none}}