:root { --bg:#120c08; --surface:#18110d; --surface-2:#211710; --line:#4a3324; --line-soft:#342318; --text:#f5eee6; --muted:#b9aa9d; --accent:#e49a5a; --accent-soft:#412719; --mono:"SFMono-Regular", Consolas, monospace; --sans:"Outfit", "Avenir Next", "Helvetica Neue", Arial, sans-serif; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { min-width:320px; margin:0; background:#080a09; color:var(--text); font-family:var(--sans); }
button { font:inherit; }
button:not(:disabled) { cursor:pointer; }
button:disabled { cursor:not-allowed; opacity:.55; }
.skip-link { position:absolute; left:12px; top:-80px; z-index:20; display:inline-flex; align-items:center; min-height:44px; padding:10px 14px; border-radius:8px; background:var(--text); color:var(--bg); font-weight:700; }.skip-link:focus { top:12px; }
.app-header { position:sticky; top:0; z-index:10; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:70px; padding:0 max(22px, calc((100vw - 1380px) / 2)); border-bottom:1px solid #303a31; background:rgb(16 20 17 / .94); backdrop-filter:blur(18px); }
.brand { display:inline-flex; align-items:center; min-height:44px; color:var(--text); font-size:1.1rem; font-weight:700; letter-spacing:-.05em; text-decoration:none; }.brand span { color:var(--accent); }
.header-context { display:flex; align-items:baseline; gap:10px; font-size:.9rem; font-weight:600; }.header-context .city { color:var(--muted); font-family:var(--mono); font-size:.65rem; font-weight:400; }
.simulation-label { justify-self:end; padding:6px 8px; border:1px solid #647359; border-radius:999px; color:#cce2be; background:#1e281e; font-family:var(--mono); font-size:.64rem; text-transform:uppercase; letter-spacing:.04em; }
.app-shell { width:min(1560px, calc(100% - 30px)); margin:0 auto; padding:14px 0 42px; }
.brief { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:20px; align-items:center; min-height:72px; margin-bottom:10px; padding:12px 15px; border:1px solid #2b332d; border-radius:8px; background:#111511; }.kicker { margin:0 0 5px; color:var(--accent); font-family:var(--mono); font-size:.62rem; text-transform:uppercase; letter-spacing:.06em; }
h1,h2,h3,p { margin-top:0; }.brief h1 { margin:0; font-size:1.45rem; font-weight:600; letter-spacing:-.055em; line-height:1; }.brief-copy { display:none; margin-bottom:0; color:var(--muted); line-height:1.5; }
.brief-actions { display:flex; align-items:center; gap:8px; }.cockpit-label { margin-right:4px; color:var(--muted); font-family:var(--mono); font-size:.62rem; text-transform:uppercase; }.button { min-height:38px; padding:0 13px; border:1px solid transparent; border-radius:6px; transition:transform .16s ease, border-color .16s ease, background .16s ease; font-size:.72rem; font-weight:700; white-space:nowrap; }.button:active, .decision-option:active, .agent-button:active, .graph-node:active, .text-button:active { transform:translateY(1px); }.button-primary { background:var(--accent); color:#172214; }.button-primary:hover:not(:disabled) { background:#b0d097; }.button-quiet { border-color:#495449; background:transparent; color:#dfe5dc; }.button-quiet:hover:not(:disabled) { border-color:#72816d; background:#1b221c; }
.metric-row { display:grid; grid-template-columns:repeat(6, 1fr); gap:8px; margin-bottom:9px; }.metric-card { min-height:92px; padding:13px; border:1px solid #2d382e; border-radius:7px; background:#111511; }.metric-card span, .metric-card small { display:block; color:var(--muted); font-size:.66rem; text-transform:uppercase; letter-spacing:.04em; }.metric-card strong { display:block; margin:10px 0 4px; font-family:var(--mono); font-size:1.65rem; font-weight:500; letter-spacing:-.065em; line-height:.8; }.metric-card small { font-family:var(--mono); font-size:.56rem; text-transform:none; }.metric-gain strong,.metric-net strong { color:#c3dfaf; }
.workspace-grid { display:grid; grid-template-columns:232px minmax(470px, 1fr) 300px; min-height:580px; border:1px solid #303a31; border-radius:8px; overflow:hidden; background:#0d100e; }.agent-rail, .detail-panel { padding:14px; background:#0e120f; }.agent-rail { border-right:1px solid #303a31; }.rail-top, .detail-head, .panel-heading, .artifact-foot, .dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.run-state, .agent-status { padding:4px 6px; border:1px solid #4d5a4c; border-radius:4px; color:#c9d8c2; font-family:var(--mono); font-size:.56rem; text-transform:uppercase; letter-spacing:.04em; }.agent-list { display:grid; gap:3px; margin-top:15px; }.agent-button { display:flex; width:100%; gap:9px; padding:8px; border:1px solid transparent; border-radius:5px; background:transparent; color:var(--text); text-align:left; }.agent-button:hover { background:#171e18; }.agent-button.is-active { border-color:#71866a; background:#202a20; }.agent-code { display:grid; flex:none; place-items:center; width:28px; height:28px; border:1px solid #4e5b4d; border-radius:5px; color:#dbe8d4; font-family:var(--mono); font-size:.58rem; }.agent-copy { min-width:0; display:grid; gap:2px; }.agent-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.76rem; letter-spacing:-.02em; }.agent-copy small { color:var(--muted); font-family:var(--mono); font-size:.54rem; }.rail-foot { display:flex; gap:8px; align-items:center; margin:18px 1px 0; padding-top:13px; border-top:1px solid #252d26; color:var(--muted); font-family:var(--mono); font-size:.55rem; }.status-dot { width:6px; height:6px; border-radius:99px; background:var(--accent); box-shadow:0 0 0 4px rgb(154 186 133 / .1); }
.graph-panel { position:relative; min-width:0; padding:24px; background:radial-gradient(circle at 50% 52%, #202a20 0, transparent 37%), linear-gradient(90deg, rgb(255 255 255 / .024) 1px, transparent 1px), linear-gradient(rgb(255 255 255 / .024) 1px, transparent 1px), #171d18; background-size:auto, 36px 36px, 36px 36px; }.panel-heading h2 { margin-bottom:0; font-size:1.36rem; font-weight:600; letter-spacing:-.055em; }.panel-heading > p { max-width:26ch; margin:3px 0 0; color:var(--muted); font-size:.78rem; line-height:1.45; text-align:right; }.agent-graph { position:relative; height:390px; margin-top:16px; }.graph-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.graph-lines line { stroke:#526150; stroke-width:1.5; stroke-dasharray:4 7; opacity:.8; }.graph-node { position:absolute; display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:8px; width:144px; min-height:55px; padding:9px; border:1px solid #4a5849; border-radius:10px; background:#1b231c; color:var(--text); text-align:left; transition:transform .16s ease, border-color .16s ease, background .16s ease; }.graph-node:hover { border-color:#839a7b; transform:translateY(-2px); }.graph-node.is-active { border-color:#accd99; background:#2b3828; box-shadow:0 0 0 4px rgb(154 186 133 / .11); }.graph-node.is-complete { border-color:#58724e; }.graph-node > span { grid-row:span 2; display:grid; place-items:center; width:26px; height:26px; border:1px solid #5a6d57; border-radius:6px; color:#d8e6d0; font-family:var(--mono); font-size:.58rem; }.graph-node strong { font-size:.74rem; letter-spacing:-.025em; }.graph-node small { color:var(--muted); font-family:var(--mono); font-size:.56rem; }.node-orchestrator { left:calc(50% - 72px); top:10px; }.node-events { left:7%; top:130px; }.node-kol { right:7%; top:130px; }.node-outreach { left:7%; bottom:36px; }.node-website { right:7%; bottom:36px; }.node-visibility { left:calc(50% - 72px); bottom:0; }.graph-key { display:flex; flex-wrap:wrap; gap:13px; align-items:center; color:var(--muted); font-family:var(--mono); font-size:.59rem; }.graph-key span { display:flex; gap:5px; align-items:center; }.key-dot { width:7px; height:7px; border:1px solid #687668; border-radius:50%; }.key-active { background:var(--accent); border-color:var(--accent); }.key-line { width:16px; border-top:1px dashed #71816d; }
.detail-panel { border-left:1px solid var(--line); }.detail-panel h2 { margin:18px 0 9px; font-size:1.5rem; letter-spacing:-.055em; }.detail-summary { min-height:92px; color:var(--muted); font-size:.86rem; line-height:1.55; }.detail-output { display:grid; gap:6px; padding:12px 0; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); }.detail-output span { color:var(--muted); font-family:var(--mono); font-size:.6rem; text-transform:uppercase; }.detail-output strong { font-size:.83rem; letter-spacing:-.02em; line-height:1.35; }.detail-steps { display:grid; gap:9px; margin:17px 0; padding:0; list-style:none; }.detail-steps li { position:relative; padding-left:16px; color:#c5cdc3; font-size:.78rem; line-height:1.35; }.detail-steps li::before { content:""; position:absolute; left:0; top:.42em; width:6px; height:6px; border:1px solid var(--accent); border-radius:50%; }.detail-button { width:100%; }
.lower-grid { display:grid; grid-template-columns:1.35fr .85fr; gap:11px; margin-top:11px; }.timeline-panel, .decision-panel, .artifact-section, .dashboard-section { border:1px solid var(--line); border-radius:14px; background:var(--surface); }.timeline-panel, .decision-panel { min-height:290px; padding:20px; }.text-button { display:inline-flex; align-items:center; min-height:44px; border:0; padding:4px 0; background:none; color:#c7deba; font-family:var(--mono); font-size:.67rem; text-decoration:underline; text-underline-offset:4px; }.receipt-list { display:grid; gap:0; margin:20px 0 0; padding:0; list-style:none; }.receipt-list li { display:grid; grid-template-columns:57px 1fr; gap:12px; padding:12px 0; border-top:1px solid var(--line-soft); }.receipt-status { padding-top:2px; color:#bcd8ac; font-family:var(--mono); font-size:.58rem; }.receipt-list strong { font-size:.76rem; }.receipt-list p { margin:4px 0 0; color:var(--muted); font-size:.76rem; line-height:1.45; }.decision-panel { background:linear-gradient(145deg, #263024, #181f19); }.decision-panel h2 { margin-bottom:10px; font-size:1.55rem; letter-spacing:-.055em; line-height:1.02; }.decision-copy { min-height:48px; color:var(--muted); font-size:.82rem; line-height:1.5; }.decision-options { display:grid; gap:7px; margin-top:16px; }.decision-option { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:47px; padding:10px; border:1px solid #52604f; border-radius:8px; background:#192018; color:var(--text); text-align:left; }.decision-option:hover { border-color:#97b786; background:#293525; }.decision-option strong { font-size:.77rem; }.decision-option span { color:#c1d5b6; font-family:var(--mono); font-size:.59rem; text-align:right; }.decision-timer { margin:15px 0 0; color:#aebaa9; font-family:var(--mono); font-size:.61rem; }
.artifact-section, .dashboard-section { margin-top:11px; padding:21px; }.artifact-list { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; margin-top:19px; }.artifact-card { display:flex; min-height:178px; flex-direction:column; justify-content:space-between; padding:15px; border:1px solid #3c493d; border-radius:11px; background:#1a211b; }.artifact-card:nth-child(2n) { background:#222c21; }.artifact-agent { color:#bdd6ad; font-family:var(--mono); font-size:.59rem; }.artifact-card h3 { margin:19px 0 7px; font-size:1rem; letter-spacing:-.04em; }.artifact-card p { margin:0; color:var(--muted); font-size:.75rem; line-height:1.45; }.artifact-foot { margin-top:14px; padding-top:10px; border-top:1px solid #394539; color:#aeb9aa; font-family:var(--mono); font-size:.57rem; }.artifact-foot > span { max-width:65%; line-height:1.4; }.dashboard-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:0; margin-top:19px; border:1px solid #3c473c; border-radius:10px; overflow:hidden; }.dashboard-list article { display:grid; grid-template-columns:36px 1fr auto; gap:12px; min-height:105px; padding:17px; border-bottom:1px solid #3c473c; background:#192019; }.dashboard-list article:nth-child(odd) { border-right:1px solid #3c473c; }.dashboard-list article:nth-last-child(-n + 2) { border-bottom:0; }.dashboard-list article > span { color:var(--accent); font-family:var(--mono); font-size:.65rem; }.dashboard-list h3 { margin:0 0 6px; font-size:.85rem; letter-spacing:-.025em; }.dashboard-list p { margin:0; color:var(--muted); font-size:.73rem; line-height:1.42; }.dashboard-list small { align-self:start; color:#b9c8b3; font-family:var(--mono); font-size:.56rem; white-space:nowrap; }.empty-state { margin:20px 0 0; color:var(--muted); font-size:.8rem; }
.artifact-dialog { width:min(640px, calc(100% - 32px)); padding:22px; border:1px solid #647262; border-radius:15px; background:#182019; color:var(--text); box-shadow:0 24px 90px rgb(0 0 0 / .55); }.artifact-dialog::backdrop { background:rgb(5 8 6 / .72); backdrop-filter:blur(4px); }.dialog-head { align-items:center; }.dialog-close { border:1px solid #566154; border-radius:7px; padding:7px 9px; background:transparent; color:var(--text); font-family:var(--mono); font-size:.62rem; }.dialog-origin { color:#bed4af; font-family:var(--mono); font-size:.65rem; }.artifact-dialog h2 { margin:15px 0 8px; font-size:1.8rem; letter-spacing:-.055em; }.artifact-dialog pre { overflow:auto; margin:20px 0 0; padding:14px; border:1px solid #394439; border-radius:9px; background:#111611; color:#d4ddd1; font: .72rem/1.6 var(--mono); white-space:pre-wrap; }
:focus-visible { outline:3px solid #c8f0ae; outline-offset:3px; }
@media (max-width:1080px) { .workspace-grid { grid-template-columns:210px minmax(400px, 1fr); }.detail-panel { grid-column:span 2; border-top:1px solid var(--line); border-left:0; }.detail-summary { min-height:0; }.detail-panel { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.detail-head, .detail-panel h2 { grid-column:span 2; margin:0; }.detail-output { border-bottom:0; }.detail-button { align-self:end; }.artifact-list { grid-template-columns:repeat(2, 1fr); } }
@media (max-width:760px) { .app-header { grid-template-columns:1fr auto; min-height:62px; padding:0 14px; }.header-context { display:none; }.app-shell { width:min(100% - 28px, 1380px); padding-top:14px; }.brief { grid-template-columns:1fr; gap:14px; padding:12px; }.brief h1 { font-size:1.28rem; }.brief-actions { width:100%; }.brief-actions .button { flex:1; min-height:44px; }.metric-row { grid-template-columns:1fr 1fr; }.metric-card { min-height:106px; }.workspace-grid, .lower-grid { grid-template-columns:1fr; }.agent-rail { border-right:0; border-bottom:1px solid var(--line); }.agent-list { grid-template-columns:repeat(2, minmax(0, 1fr)); }.rail-foot { display:none; }.graph-panel { min-height:530px; padding:17px; }.graph-panel .panel-heading { align-items:flex-start; }.graph-panel .panel-heading > p { display:none; }.agent-graph { height:390px; }.graph-node { width:108px; min-height:48px; padding:7px; column-gap:5px; }.graph-node > span { width:22px; height:22px; font-size:.5rem; }.graph-node strong { font-size:.62rem; }.graph-node small { font-size:.48rem; }.node-orchestrator { left:calc(50% - 54px); }.node-events, .node-outreach { left:0; }.node-kol, .node-website { right:0; }.node-visibility { left:calc(50% - 54px); }.detail-panel { display:block; }.detail-head { margin-bottom:14px; }.detail-panel h2 { margin-bottom:9px; }.detail-output { border-bottom:1px solid var(--line-soft); }.detail-button { min-height:44px; }.lower-grid { gap:11px; }.artifact-list, .dashboard-list { grid-template-columns:1fr; }.dashboard-list article, .dashboard-list article:nth-child(odd) { border-right:0; border-bottom:1px solid #3c473c; }.dashboard-list article:last-child { border-bottom:0; } }
@media (max-width:450px) { .agent-list { grid-template-columns:1fr; }.agent-button { padding:8px; }.metric-row { gap:7px; }.metric-card { padding:13px; }.metric-card strong { font-size:1.8rem; }.decision-option { align-items:flex-start; flex-direction:column; }.decision-option span { text-align:left; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }

/* 30-day playback and official Boring Avatars integration. */
.journey-controls { display:grid; grid-template-columns:154px minmax(160px, 1fr) auto; align-items:center; gap:18px; min-height:68px; margin-bottom:9px; padding:11px 14px; border:1px solid #2d382e; border-radius:8px; background:#101511; }
.journey-day { display:grid; gap:4px; }.journey-day .kicker { margin:0; }.journey-day strong { font-family:var(--mono); font-size:.84rem; font-weight:500; }.journey-track { position:relative; height:6px; overflow:hidden; border-radius:99px; background:#293128; }.journey-track span { display:block; width:var(--journey-progress, 3.33%); height:100%; border-radius:inherit; background:var(--accent); transition:width .22s ease; }.speed-control { display:flex; align-items:center; gap:10px; color:var(--muted); font-family:var(--mono); font-size:.6rem; white-space:nowrap; }.speed-buttons { display:flex; gap:3px; }.speed-button { min-width:37px; min-height:30px; border:1px solid #475346; border-radius:5px; background:#151b16; color:#b8c4b4; font-family:var(--mono); font-size:.6rem; transition:transform .16s ease, border-color .16s ease, background .16s ease; }.speed-button:hover { border-color:#799073; color:#ebf1e6; }.speed-button.is-active { border-color:#a1c08f; background:#2a3827; color:#e5efdd; }
.agent-avatar, .detail-avatar { display:grid; flex:none; place-items:center; overflow:hidden; border:1px solid #5e7059; border-radius:50%; background:#182018; }.agent-avatar { width:34px; height:34px; }.detail-avatar { width:56px; height:56px; }.agent-avatar svg, .detail-avatar svg { display:block; width:100%; height:100%; }.agent-copy small { overflow:hidden; font-size:.51rem; text-overflow:ellipsis; white-space:nowrap; }.agent-copy em { color:#b9d4aa; font-family:var(--mono); font-size:.5rem; font-style:normal; text-transform:uppercase; }.agent-button { border-radius:7px; }.agent-identity { display:flex; align-items:center; gap:11px; margin:14px 0 11px; }.detail-panel h2 { margin:0; }.detail-role { margin:3px 0 0; color:#bfd4b2; font-family:var(--mono); font-size:.61rem; }.detail-summary { min-height:64px; }.agent-speech { margin:12px 0; padding:10px 11px; border:1px solid #40503f; border-radius:8px; background:#161e16; }.agent-speech > span { color:#bcd2b0; font-family:var(--mono); font-size:.54rem; text-transform:uppercase; letter-spacing:.04em; }.agent-speech p { margin:5px 0 0; color:#e0e8dc; font-size:.74rem; line-height:1.45; }.agent-speech.is-speaking { border-color:#769b6a; background:#1d281d; }.checkin-link { margin-top:-4px; }.detail-button { margin-top:4px; }.graph-lines line.is-live { stroke:#a5ca91; stroke-width:2; opacity:1; }.graph-node.is-working > span { border-color:#b4d69f; background:#30422c; }.receipt-list strong small { margin-left:4px; color:#a9b9a3; font-family:var(--mono); font-size:.54rem; font-weight:400; }
@media (max-width:1080px) { .journey-controls { grid-template-columns:130px 1fr; }.speed-control { grid-column:span 2; justify-content:space-between; }.agent-identity { grid-column:span 2; }.detail-panel h2 { margin:0; } }
@media (max-width:760px) { .journey-controls { grid-template-columns:1fr; gap:11px; }.speed-control { grid-column:auto; align-items:flex-start; flex-direction:column; gap:7px; }.speed-buttons { width:100%; justify-content:space-between; }.speed-button { min-width:44px; min-height:44px; }.agent-identity { margin:0 0 11px; }.detail-panel h2 { margin:0; } }

.checkin-hero { display:grid; grid-template-columns:88px minmax(0, 1fr) auto; align-items:center; gap:18px; min-height:190px; padding:28px; border:1px solid var(--line); border-radius:12px; background:radial-gradient(circle at 10% 0%, #263025 0, transparent 30%), #121812; }.checkin-avatar { display:grid; place-items:center; width:88px; height:88px; overflow:hidden; border:1px solid #78966f; border-radius:50%; background:#182118; }.checkin-avatar svg { display:block; width:100%; height:100%; }.checkin-hero h1 { margin:0; font-size:2.5rem; letter-spacing:-.075em; }.checkin-hero .kicker { margin-bottom:8px; }.checkin-role { margin:4px 0 13px; color:#c6dbb9; font-family:var(--mono); font-size:.69rem; }.checkin-summary { max-width:54ch; margin:0; color:var(--muted); font-size:.9rem; line-height:1.5; }.checkin-back { justify-self:end; text-decoration:none; }.checkin-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:11px; margin-top:11px; }.checkin-card { min-height:220px; padding:19px; border:1px solid var(--line); border-radius:11px; background:var(--surface); }.checkin-card h2 { margin:0 0 12px; font-size:1.15rem; letter-spacing:-.045em; line-height:1.12; }.checkin-card > p:not(.kicker):not(.checkin-quote) { color:var(--muted); font-size:.79rem; line-height:1.5; }.checkin-note { background:#212b20; }.checkin-quote { margin:7px 0 14px; color:#edf4e9; font-size:1.12rem; font-weight:500; letter-spacing:-.03em; line-height:1.34; }.checkin-steps { display:grid; gap:12px; margin:16px 0 0; padding:0; list-style:none; }.checkin-steps li { display:grid; grid-template-columns:25px 1fr; gap:8px; color:#cbd5c6; font-size:.77rem; line-height:1.4; }.checkin-steps span { color:var(--accent); font-family:var(--mono); font-size:.59rem; }.checkin-artifacts { grid-column:span 3; min-height:0; }.checkin-artifacts ul { display:grid; grid-template-columns:repeat(2, 1fr); gap:9px; margin:16px 0 0; padding:0; list-style:none; }.checkin-artifacts li { display:grid; gap:4px; padding:12px; border:1px solid #3a473a; border-radius:8px; background:#192019; }.checkin-artifacts li strong { color:#c9e0bd; font-family:var(--mono); font-size:.61rem; }.checkin-artifacts li span { font-size:.83rem; font-weight:600; }.checkin-artifacts li small { color:var(--muted); font-family:var(--mono); font-size:.57rem; }.checkin-schedule { margin-top:11px; padding:21px; border:1px solid var(--line); border-radius:11px; background:#111611; }.checkin-schedule h2 { margin:0 0 18px; font-size:1.25rem; letter-spacing:-.045em; }.schedule-days { display:grid; grid-template-columns:repeat(15, 1fr); gap:5px; }.schedule-days span { display:grid; min-height:34px; place-items:center; border:1px solid #3a453a; border-radius:5px; color:#aeb8aa; font-family:var(--mono); font-size:.59rem; }.schedule-days span.is-owned { border-color:#9bbb89; background:#2a3827; color:#eef5e9; }.checkin-schedule > p:last-child { margin:13px 0 0; color:var(--muted); font-size:.72rem; }
@media (max-width:760px) { .checkin-hero { grid-template-columns:64px 1fr; gap:14px; padding:20px; }.checkin-avatar { width:64px; height:64px; }.checkin-hero h1 { font-size:2rem; }.checkin-back { grid-column:span 2; justify-self:stretch; min-height:44px; display:grid; place-items:center; }.checkin-grid { grid-template-columns:1fr; }.checkin-artifacts { grid-column:auto; }.checkin-artifacts ul { grid-template-columns:1fr; }.schedule-days { grid-template-columns:repeat(6, 1fr); } }

.agent-bench-dialog { width:min(1120px, calc(100% - 28px)); max-height:min(820px, calc(100dvh - 28px)); overflow:auto; padding:22px; border:1px solid #657760; border-radius:14px; background:#121812; color:var(--text); box-shadow:0 30px 100px rgb(0 0 0 / .65); }.agent-bench-dialog::backdrop { background:rgb(4 7 5 / .75); backdrop-filter:blur(5px); }.agent-bench-dialog h2 { margin:5px 0 0; font-size:1.65rem; letter-spacing:-.055em; }.bench-intro { max-width:72ch; margin:13px 0 18px; color:var(--muted); font-size:.78rem; line-height:1.45; }.agent-bench-list { display:grid; grid-template-columns:repeat(3, 1fr); gap:9px; }.bench-card { display:flex; min-height:270px; flex-direction:column; padding:14px; border:1px solid #3b483a; border-radius:10px; background:#171e18; }.bench-card.is-hired { border-color:#7da570; background:#202c20; }.bench-card-head { display:grid; grid-template-columns:42px minmax(0, 1fr) auto; gap:9px; align-items:center; }.bench-avatar { display:grid; width:42px; height:42px; overflow:hidden; border:1px solid #78956e; border-radius:50%; }.bench-avatar svg { display:block; width:100%; height:100%; }.bench-card-head strong, .bench-card-head small { display:block; }.bench-card-head strong { font-size:.83rem; }.bench-card-head small { margin-top:2px; color:var(--muted); font-family:var(--mono); font-size:.53rem; }.bench-card-head em { padding:4px 5px; border:1px solid #526250; border-radius:4px; color:#c4d9b9; font-family:var(--mono); font-size:.48rem; font-style:normal; text-transform:uppercase; white-space:nowrap; }.bench-output { min-height:38px; margin:13px 0 9px; color:#e7eee3; font-size:.76rem; font-weight:600; line-height:1.35; }.strength-chart { display:grid; gap:5px; margin:3px 0 13px; }.strength-chart span { display:grid; grid-template-columns:1fr 30px 22px; gap:7px; align-items:center; }.strength-chart i { position:relative; display:block; height:5px; overflow:hidden; border-radius:99px; background:#313c31; }.strength-chart i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--strength); border-radius:inherit; background:#a0c48d; }.strength-chart b, .strength-chart em { color:#aeb9a9; font-family:var(--mono); font-size:.53rem; font-style:normal; font-weight:400; text-transform:capitalize; }.strength-chart em { color:#d6e4cf; text-align:right; }.bench-action { width:100%; margin-top:auto; }.bench-receipt { min-height:28px; margin:8px 0 0; color:#a7b6a1; font-family:var(--mono); font-size:.55rem; line-height:1.35; }
@media (max-width:760px) { .brief-actions { flex-wrap:wrap; }.brief-actions .cockpit-label { width:100%; }.agent-bench-dialog { padding:16px; }.agent-bench-list { grid-template-columns:1fr; }.bench-action { min-height:44px; } }

.active-checkin-hero { min-height:142px; }.checkin-hero-actions { display:flex; align-items:center; gap:9px; justify-self:end; }.agent-status { border-color:#566d50; background:#182019; }.agent-status.is-working { border-color:#9fc58c; background:#2a3927; color:#e9f3e3; }.agent-workboard { margin-top:11px; padding:21px; border:1px solid #52614f; border-radius:11px; background:radial-gradient(circle at 0 0, #283524 0, transparent 30%), #161d16; }.workboard-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }.workboard-head h2 { max-width:30ch; margin:0; font-size:1.55rem; letter-spacing:-.055em; }.workboard-head p:not(.kicker) { max-width:60ch; margin:8px 0 0; color:#c2cec0; font-size:.8rem; line-height:1.45; }.work-action { min-width:138px; }.work-progress { height:7px; overflow:hidden; margin:20px 0 13px; border-radius:99px; background:#2b3729; }.work-progress span { display:block; width:var(--work-progress); height:100%; border-radius:inherit; background:var(--accent); transition:width .2s ease; }.live-task-list { display:grid; grid-template-columns:repeat(3, 1fr); gap:7px; margin:0; padding:0; list-style:none; }.live-task-list button { display:grid; grid-template-columns:24px 1fr auto; gap:7px; align-items:center; width:100%; min-height:54px; padding:8px; border:1px solid #455445; border-radius:7px; background:#182018; color:var(--text); text-align:left; }.live-task-list li.is-current button { border-color:#a7ca93; background:#2a3827; }.live-task-list li.is-complete button { border-color:#698363; }.live-task-list em, .live-task-list small { color:#b5cbb0; font-family:var(--mono); font-size:.52rem; font-style:normal; text-transform:uppercase; }.live-task-list span { font-size:.73rem; line-height:1.3; }.live-task-list small { color:#d5e5cf; text-align:right; }.agent-live-grid { display:grid; grid-template-columns:1fr 1.1fr .85fr; gap:11px; margin-top:11px; }.live-card { min-height:220px; padding:18px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }.live-card h2 { margin:0 0 8px; font-size:1.1rem; letter-spacing:-.04em; line-height:1.15; }.live-card > p:not(.kicker) { color:var(--muted); font-size:.77rem; line-height:1.48; }.live-log > div { display:grid; gap:8px; }.live-log > div > p { margin:0; padding:9px; border-left:2px solid #77966f; background:#182018; color:#c7d1c2; font-size:.72rem; line-height:1.4; }.live-log strong { display:block; margin-bottom:3px; color:#b9d9ab; font-family:var(--mono); font-size:.52rem; }.live-artifact pre { overflow:auto; max-height:165px; margin:10px 0 0; padding:10px; border:1px solid #3c4a3b; border-radius:7px; background:#101510; color:#d8e3d3; font:.62rem/1.45 var(--mono); white-space:pre-wrap; }.large-strength-chart { margin-top:11px; }.large-strength-chart span { grid-template-columns:1fr 62px 22px; }.strength-note { margin:13px 0 0; color:var(--muted); font-size:.68rem; line-height:1.4; }.handoff-strip { display:grid; grid-template-columns:auto auto auto 1fr; gap:14px; align-items:center; margin-top:11px; padding:13px 15px; border:1px solid #3c4b3b; border-radius:9px; background:#121712; }.handoff-strip > span, .handoff-strip small { color:var(--muted); font-family:var(--mono); font-size:.58rem; text-transform:uppercase; }.handoff-strip strong { color:#d8e6d2; font-size:.74rem; }.handoff-strip a { color:#c6dfba; font-family:var(--mono); font-size:.6rem; }.handoff-strip small { justify-self:end; text-align:right; text-transform:none; }
@media (max-width:760px) { .active-checkin-hero { grid-template-columns:64px 1fr; }.checkin-hero-actions { grid-column:span 2; justify-self:stretch; }.checkin-hero-actions .checkin-back { grid-column:auto; justify-self:auto; flex:1; }.workboard-head { align-items:flex-start; flex-direction:column; }.work-action { width:100%; min-height:44px; }.live-task-list { grid-template-columns:1fr; }.agent-live-grid { grid-template-columns:1fr; }.handoff-strip { grid-template-columns:1fr; gap:7px; }.handoff-strip small { justify-self:start; text-align:left; } }

.handoff-strip a { display:inline-flex; align-items:center; min-height:44px; }

/* Master action-pack monitor. */
.activity-monitor { margin-bottom:9px; padding:18px; border:1px solid #303a31; border-radius:8px; background:#0e120f; }
.activity-monitor-heading { align-items:flex-end; }
.activity-monitor-heading > p { max-width:47ch; }
.action-pack-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin-top:15px; }
.action-pack-card { display:flex; min-width:0; min-height:236px; flex-direction:column; padding:12px; border:1px solid #344036; border-radius:9px; background:#151a16; transition:border-color .16s ease,background .16s ease,transform .16s ease; }
.action-pack-card:hover { border-color:#667b62; transform:translateY(-1px); }
.action-pack-card.is-working { border-color:#90ae81; background:#1c261c; box-shadow:inset 0 2px 0 #9aba85; }
.action-pack-head { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:8px; }
.action-pack-avatar { display:grid; width:38px; height:38px; overflow:hidden; place-items:center; border:1px solid #5e7059; border-radius:50%; }
.action-pack-avatar svg { display:block; width:100%; height:100%; }
.action-pack-head > div { min-width:0; }
.action-pack-head strong,.action-pack-head small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.action-pack-head strong { font-size:.75rem; }
.action-pack-head small { margin-top:2px; color:var(--muted); font-family:var(--mono); font-size:.49rem; }
.action-pack-head em { align-self:start; padding:3px 4px; border:1px solid #4a5949; border-radius:4px; color:#c1d8b6; font-family:var(--mono); font-size:.47rem; font-style:normal; text-transform:uppercase; }
.action-pack-speech { min-height:51px; margin:13px 0 10px; color:#d9e3d4; font-size:.69rem; line-height:1.45; }
.action-pack-output { display:grid; gap:4px; min-height:48px; padding-top:9px; border-top:1px solid #2e382f; }
.action-pack-output span { color:var(--accent); font-family:var(--mono); font-size:.5rem; text-transform:uppercase; }
.action-pack-output strong { font-size:.68rem; line-height:1.35; }
.action-pack-progress { height:4px; margin-top:auto; overflow:hidden; border-radius:99px; background:#283128; }
.action-pack-progress span { display:block; width:var(--pack-progress); height:100%; background:var(--accent); transition:width .22s ease; }
.action-pack-foot { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:9px; }
.action-pack-foot span,.action-pack-foot a { font-family:var(--mono); font-size:.5rem; }
.action-pack-foot span { color:var(--muted); }
.action-pack-foot a { display:inline-flex; align-items:center; min-height:44px; color:#c6dfba; text-underline-offset:3px; }

/* Dedicated workboard graph and simulated conversation. */
.agent-progress-graph { position:relative; margin-top:19px; }
.agent-progress-graph > .progress-graph-line { position:absolute; top:24px; left:16.666%; width:66.666%; height:2px; background:linear-gradient(90deg,var(--accent) var(--graph-progress),#3e493e var(--graph-progress)); }
.agent-progress-graph ol { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:0; padding:0; list-style:none; }
.agent-progress-graph li { min-width:0; }
.agent-progress-graph button { display:grid; width:100%; grid-template-columns:36px 1fr; gap:8px; align-items:center; min-height:86px; padding:8px; border:1px solid #3c493d; border-radius:8px; background:#121712; color:var(--text); text-align:left; }
.agent-progress-graph button:hover { border-color:#71846d; }
.agent-progress-graph em { display:grid; width:32px; height:32px; place-items:center; border:1px solid #596958; border-radius:50%; background:#151b16; color:#c3d5ba; font-family:var(--mono); font-size:.6rem; font-style:normal; }
.agent-progress-graph span,.agent-progress-graph small { display:block; }
.agent-progress-graph span { font-size:.69rem; line-height:1.25; }
.agent-progress-graph small { grid-column:2; color:var(--muted); font-family:var(--mono); font-size:.5rem; text-transform:uppercase; }
.agent-progress-graph li.is-current button { border-color:#9aba85; background:#1e291d; }
.agent-progress-graph li.is-current em { border-color:#b6d5a4; background:#30432d; }
.agent-progress-graph li.is-complete button { border-color:#587250; }
.agent-progress-graph li.is-complete em { border-color:#75956a; background:#30432d; }
.conversation-stream { display:grid; gap:8px; margin-top:12px; }
.conversation-message { padding:10px; border:1px solid #354236; border-radius:8px; background:#111611; }
.conversation-message.is-receipt { border-color:#77926d; background:#1b251a; }
.conversation-meta { display:grid; grid-template-columns:auto 1fr auto; align-items:baseline; gap:7px; }
.conversation-meta strong { font-size:.68rem; }
.conversation-meta em,.conversation-meta time,.conversation-message small { color:var(--muted); font-family:var(--mono); font-size:.48rem; font-style:normal; }
.conversation-meta time { justify-self:end; }
.conversation-message p { margin:7px 0 4px; color:#dce5d8; font-size:.7rem; line-height:1.45; }
.conversation-message small { color:#a9c99a; text-transform:uppercase; }

@media (max-width:1260px) { .action-pack-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.action-pack-card { min-height:214px; } }
@media (max-width:760px) { .activity-monitor { padding:14px; }.activity-monitor-heading { display:block; }.activity-monitor-heading > p { margin-top:8px; text-align:left; }.action-pack-grid { grid-template-columns:1fr; }.action-pack-card { min-height:0; }.agent-progress-graph > .progress-graph-line { top:0; bottom:0; left:24px; width:2px; height:auto; background:linear-gradient(180deg,var(--accent) var(--graph-progress),#3e493e var(--graph-progress)); }.agent-progress-graph ol { grid-template-columns:1fr; }.agent-progress-graph button { grid-template-columns:36px 1fr; min-height:72px; }.conversation-meta { grid-template-columns:auto 1fr; }.conversation-meta time { grid-column:2; grid-row:1; }.conversation-meta em { grid-column:1 / -1; } }

/* Hourly operations, hires, and modeled unit economics. */
.journey-day small { color:var(--muted); font-family:var(--mono); font-size:.54rem; }
.pack-economics,.bench-economics { display:flex; justify-content:space-between; gap:8px; margin:8px 0; color:var(--muted); font-family:var(--mono); font-size:.49rem; }
.pack-economics strong,.bench-economics strong { color:#dbe7d5; font-weight:500; }
.hired-pack { border-color:#596d54; background:linear-gradient(145deg,#1e291e,#151b16); }
.pack-link { display:inline-flex; align-items:center; min-height:44px; padding:0; border:0; background:transparent; color:#c6dfba; font-family:var(--mono); font-size:.5rem; text-decoration:underline; text-underline-offset:3px; }
.rail-divider { margin:10px 8px 5px; padding-top:10px; border-top:1px solid #303a31; color:#8fa287; font-family:var(--mono); font-size:.49rem; text-transform:uppercase; letter-spacing:.06em; }
.hired-agent-button { border-color:#344235; }
.orchestrator-icon { width:17px; height:17px; fill:#dcebd5; }
.graph-node-mark:has(.orchestrator-icon) { border-radius:50%; background:#283727; }
.impact-panel { display:grid; grid-template-columns:minmax(250px,1.3fr) repeat(3,minmax(110px,.65fr)) minmax(240px,1.15fr); gap:10px; align-items:stretch; margin-top:11px; padding:14px; border:1px solid #475744; border-radius:11px; background:#111711; }
.impact-copy,.impact-stat,.growth-chart { min-width:0; padding:13px; border:1px solid #303d31; border-radius:8px; background:#171e18; }
.impact-copy h2 { margin:0 0 7px; font-size:1.15rem; letter-spacing:-.04em; }
.impact-copy > p:last-child { margin:0; color:var(--muted); font-size:.7rem; line-height:1.45; }
.impact-stat { display:flex; flex-direction:column; justify-content:center; }
.impact-stat span,.impact-stat small,.growth-chart > span,.growth-chart > small { color:var(--muted); font-family:var(--mono); font-size:.52rem; text-transform:uppercase; }
.impact-stat strong { margin:8px 0 5px; font-family:var(--mono); font-size:1.22rem; font-weight:500; letter-spacing:-.05em; }
.impact-stat.is-gain strong { color:#c6e4b5; }
.growth-chart { display:grid; grid-template-rows:auto 1fr auto; min-height:118px; }
.growth-chart svg { width:100%; height:70px; margin:4px 0; overflow:visible; }
.growth-chart polyline { fill:none; stroke:#add099; stroke-width:2; vector-effect:non-scaling-stroke; }
@media (max-width:1180px) { .metric-row { grid-template-columns:repeat(3,1fr); }.impact-panel { grid-template-columns:repeat(3,1fr); }.impact-copy,.growth-chart { grid-column:span 3; } }
@media (max-width:760px) { .metric-row { grid-template-columns:repeat(2,1fr); }.impact-panel { grid-template-columns:1fr 1fr; }.impact-copy,.growth-chart { grid-column:span 2; }.impact-stat:last-of-type { grid-column:span 2; }.pack-economics { font-size:.56rem; } }

/* Fortune King dining-room palette: charcoal, burnt orange, warm cream. */
html,body { background:#0d0906; }
.app-header { border-color:#3d291d; background:rgb(18 12 8 / .95); }
.brand span,.kicker,.section-kicker { color:var(--accent); }
.simulation-label { border-color:#7b5132; background:#2a1a10; color:#f4c79f; }
.brief,.journey-controls,.metric-card,.activity-monitor { border-color:#3a281d; background:#130e0a; }
.metric-gain strong,.metric-net strong { color:#f0b47f; }
.workspace-grid { border-color:#402c20; background:#0f0a07; }
.agent-rail,.detail-panel { background:#120d09; }
.agent-rail { border-color:#402c20; }
.detail-panel { border-color:#4a3324; }
.agent-button:hover { background:#21160f; }
.agent-button.is-active { border-color:#aa7047; background:#342116; }
.agent-avatar,.detail-avatar,.action-pack-avatar,.bench-avatar,.checkin-avatar { border-color:#9c643d; background:#25170f; }
.run-state,.agent-status,.action-pack-head em,.bench-card-head em { border-color:#765039; color:#efc5a3; }
.rail-foot,.rail-divider { border-color:#352419; }
.status-dot { background:var(--accent); box-shadow:0 0 0 4px rgb(228 154 90 / .12); }
.graph-panel { background:#18110c; }
.graph-lines line { stroke:#815537; }
.graph-lines line.is-live { stroke:#f0a969; }
.graph-node { border-color:#69472f; background:#21160f; }
.graph-node:hover { border-color:#b77a4e; }
.graph-node.is-active { border-color:#efa767; background:#3b2517; box-shadow:0 0 0 4px rgb(228 154 90 / .12); }
.graph-node.is-working > span,.graph-node-mark:has(.orchestrator-icon) { border-color:#d89053; background:#4a2d1b; }
.orchestrator-icon { fill:#f5c9a6; }
.key-active,.action-pack-progress span,.journey-track span,.work-progress span,.strength-chart i::after { background:var(--accent); }
.agent-speech,.detail-output,.artifact-foot { border-color:#4a3324; }
.agent-speech { background:#1b120d; }
.agent-speech.is-speaking { border-color:#bd7949; background:#2d1d13; }
.timeline-panel,.decision-panel,.artifact-section,.dashboard-section,.live-card { border-color:#4a3324; }
.decision-panel { background:#281a11; }
.decision-option { border-color:#745038; background:#1c130e; }
.decision-option:hover { border-color:#d18a52; background:#342116; }
.receipt-list li,.dashboard-list,.dashboard-list article { border-color:#3e2b20; }
.artifact-card,.dashboard-list article { border-color:#503727; background:#1c140f; }
.artifact-card:nth-child(2n) { background:#261910; }
.artifact-agent,.receipt-status,.text-button,.handoff-strip a,.action-pack-foot a,.pack-link { color:#eeb27c; }
.artifact-dialog,.agent-bench-dialog { border-color:#98613d; background:#1d140f; }
.artifact-dialog pre,.live-artifact pre { border-color:#513726; background:#100b08; color:#eadfd4; }
.speed-button { border-color:#68472f; background:#1b120d; color:#cbb8a7; }
.speed-button:hover,.speed-button.is-active { border-color:#db9258; background:#3b2517; color:#fff2e6; }
.action-pack-card { border-color:#493226; background:#18110d; }
.action-pack-card:hover { border-color:#8b5e3e; }
.action-pack-card.is-working { border-color:#d48a51; background:#2c1c12; box-shadow:inset 0 2px 0 var(--accent); }
.action-pack-output { border-color:#3c291e; }
.action-pack-progress,.work-progress,.strength-chart i { background:#38261b; }
.hired-pack,.bench-card.is-hired { border-color:#a56b43; background:#2a1b12; }
.agent-bench-dialog::backdrop,.artifact-dialog::backdrop { background:rgb(11 7 4 / .8); }
.bench-card { border-color:#4c3425; background:#19110d; }
.checkin-hero { border-color:#4d3526; background:#17100c; }
.agent-workboard { border-color:#76503a; background:#21160f; }
.agent-status.is-working { border-color:#d99158; background:#3c2618; color:#fff0e3; }
.agent-progress-graph > .progress-graph-line { background:linear-gradient(90deg,var(--accent) var(--graph-progress),#4a3324 var(--graph-progress)); }
.agent-progress-graph button { border-color:#523828; background:#15100c; }
.agent-progress-graph button:hover { border-color:#9d6944; }
.agent-progress-graph li.is-current button { border-color:#e49a5a; background:#301f15; }
.agent-progress-graph li.is-current em,.agent-progress-graph li.is-complete em { border-color:#d38b55; background:#4a2e1c; }
.impact-panel { border-color:#67452f; background:#120c09; }
.impact-copy,.impact-stat,.growth-chart { border-color:#453024; background:#1a120e; }
.impact-stat.is-gain strong { color:#f2b980; }
.growth-chart polyline { stroke:#e9a365; }
.growth-chart stop:first-child { stop-color:#e49a5a; }
.conversation-message { border-color:#4b3427; background:#130d0a; }
.conversation-message.is-receipt { border-color:#a66b43; background:#291a11; }
.conversation-message small { color:#e3a26d; }
.handoff-strip { border-color:#493225; background:#120d09; }
:focus-visible { outline-color:#f2ae72; }
@media (max-width:760px) { .agent-progress-graph > .progress-graph-line { background:linear-gradient(180deg,var(--accent) var(--graph-progress),#4a3324 var(--graph-progress)); } }

/* Surfaced category palette: ink black, paper white, signal orange. */
:root { --bg:#070707; --surface:#0d0d0e; --surface-2:#141414; --line:#373334; --line-soft:#252223; --text:#f7f5f2; --muted:#aaa5a2; --accent:#ff5a24; --accent-soft:#32140b; }
html,body { background:#070707; }
.app-header { border-color:#2c292a; background:rgb(7 7 7 / .96); }
.simulation-label { border-color:#67301f; background:#160b07; color:#ffad91; }
.brief,.journey-controls,.metric-card,.activity-monitor { border-color:#302b2a; background:#0b0b0c; }
.metric-gain strong,.metric-net strong,.impact-stat.is-gain strong { color:#ff8055; }
.workspace-grid { border-color:#332e2d; background:#090909; }
.agent-rail,.detail-panel { background:#0b0b0c; }
.agent-rail,.detail-panel { border-color:#332e2d; }
.agent-button:hover { background:#151313; }
.agent-button.is-active { border-color:#a84222; background:#25110b; }
.agent-avatar,.detail-avatar,.action-pack-avatar,.bench-avatar,.checkin-avatar { border-color:#8d3b21; background:#180b07; }
.run-state,.agent-status,.action-pack-head em,.bench-card-head em { border-color:#63301f; color:#ffb195; }
.rail-foot,.rail-divider { border-color:#2a2727; }
.status-dot { background:var(--accent); box-shadow:0 0 0 4px rgb(255 90 36 / .13); }
.graph-panel { background:#0d0d0e; }
.graph-lines line { stroke:#75402f; }
.graph-lines line.is-live { stroke:#ff6b3a; }
.graph-node { border-color:#4c3530; background:#121111; }
.graph-node:hover { border-color:#a84b2c; }
.graph-node.is-active { border-color:#ff6938; background:#28120b; box-shadow:0 0 0 4px rgb(255 90 36 / .12); }
.graph-node.is-working > span,.graph-node-mark:has(.orchestrator-icon) { border-color:#f55c2b; background:#35150b; }
.orchestrator-icon { fill:#fff4ef; }
.agent-speech { border-color:#383131; background:#101010; }
.agent-speech.is-speaking { border-color:#a74426; background:#21100b; }
.timeline-panel,.decision-panel,.artifact-section,.dashboard-section,.live-card { border-color:#373131; background:#0d0d0e; }
.decision-panel { background:#120c0a; }
.decision-option { border-color:#4d3833; background:#101010; }
.decision-option:hover { border-color:#d24f27; background:#23100a; }
.receipt-list li,.dashboard-list,.dashboard-list article { border-color:#302b2b; }
.artifact-card,.dashboard-list article { border-color:#393232; background:#101010; }
.artifact-card:nth-child(2n) { background:#141212; }
.artifact-agent,.receipt-status,.text-button,.handoff-strip a,.action-pack-foot a,.pack-link { color:#ff8055; }
.artifact-dialog,.agent-bench-dialog { border-color:#733722; background:#0f0f10; }
.artifact-dialog pre,.live-artifact pre { border-color:#353030; background:#080808; color:#ece8e5; }
.speed-button { border-color:#49322c; background:#0e0e0f; color:#bbb5b1; }
.speed-button:hover,.speed-button.is-active { border-color:#f25828; background:#28120b; color:#fff; }
.action-pack-card { border-color:#373030; background:#0e0e0f; }
.action-pack-card:hover { border-color:#803a25; }
.action-pack-card.is-working { border-color:#ff5a24; background:#1c0e09; box-shadow:inset 0 2px 0 var(--accent); }
.action-pack-output { border-color:#2e2929; }
.action-pack-progress,.work-progress,.strength-chart i { background:#2b2422; }
.hired-pack,.bench-card.is-hired { border-color:#9a4023; background:#1c0e09; }
.agent-bench-dialog::backdrop,.artifact-dialog::backdrop { background:rgb(0 0 0 / .84); }
.bench-card { border-color:#393131; background:#0f0f10; }
.checkin-hero { border-color:#3b3433; background:#0d0d0e; }
.agent-workboard { border-color:#59342a; background:#100d0c; }
.agent-status.is-working { border-color:#f25b2b; background:#2b130b; color:#fff; }
.agent-progress-graph > .progress-graph-line { background:linear-gradient(90deg,var(--accent) var(--graph-progress),#302a29 var(--graph-progress)); }
.agent-progress-graph button { border-color:#3b3332; background:#0d0d0e; }
.agent-progress-graph button:hover { border-color:#8d3d25; }
.agent-progress-graph li.is-current button { border-color:#ff5a24; background:#21100b; }
.agent-progress-graph li.is-current em,.agent-progress-graph li.is-complete em { border-color:#e35429; background:#35150b; }
.impact-panel { border-color:#4b332c; background:#0a0a0b; }
.impact-copy,.impact-stat,.growth-chart { border-color:#332d2d; background:#101010; }
.growth-chart polyline { stroke:#ff642f; }
.growth-chart stop:first-child { stop-color:#ff5a24; }
.conversation-message { border-color:#373030; background:#0d0d0e; }
.conversation-message.is-receipt { border-color:#8b3d25; background:#1c0e09; }
.conversation-message small { color:#ff8055; }
.handoff-strip { border-color:#332d2d; background:#0b0b0c; }
.button-primary { background:#ff5a24; color:#0a0807; }
.button-primary:hover:not(:disabled) { background:#ff7547; }
.button-quiet { border-color:#484242; color:#f3efec; }
.button-quiet:hover:not(:disabled) { border-color:#8c4a35; background:#17100e; }
:focus-visible { outline-color:#ff8055; }
@media (max-width:760px) { .agent-progress-graph > .progress-graph-line { background:linear-gradient(180deg,var(--accent) var(--graph-progress),#302a29 var(--graph-progress)); } }

/* Venue lockup: make the restaurant unmistakable at every simulator depth. */
.restaurant-lockup { align-items:center; gap:10px; }
.restaurant-mark { display:grid; flex:none; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--accent); color:#090706; font-family:var(--mono); font-size:.62rem; font-weight:800; letter-spacing:-.04em; }
.restaurant-mark svg { width:15px; height:15px; fill:currentColor; }
.restaurant-lockup-copy { display:grid; gap:1px; }
.restaurant-lockup-copy strong { color:var(--text); font-size:.86rem; font-weight:700; letter-spacing:-.025em; line-height:1.1; }
.restaurant-lockup-copy small { color:#ff906b; font-family:var(--mono); font-size:.51rem; font-weight:500; letter-spacing:.04em; text-transform:uppercase; }
.brief { min-height:96px; }
.brief h1 { display:flex; align-items:baseline; gap:12px; }
.brief h1 strong { color:var(--text); font-size:1.72rem; font-weight:700; letter-spacing:-.06em; }
.brief h1 span { padding-left:12px; border-left:1px solid #64402f; color:#b7b1ad; font-family:var(--mono); font-size:.68rem; font-weight:500; letter-spacing:.04em; text-transform:uppercase; }
.brief-copy { display:block; margin:7px 0 0; font-size:.71rem; }
.graph-agent-icon { width:13px; height:13px; fill:currentColor; }
@media (max-width:760px) {
  .brief h1 { align-items:flex-start; flex-direction:column; gap:7px; }
  .brief h1 strong { font-size:1.62rem; }
  .brief h1 span { padding:0; border-left:0; }
  .brief-copy { max-width:46ch; }
}

/* Trust-first specialist marketplace. */
.agent-bench-dialog { width:min(1240px, calc(100% - 28px)); max-height:calc(100dvh - 28px); padding:0; border-color:#503028; background:#090909; }
.marketplace-head { position:sticky; z-index:4; top:0; padding:22px 22px 14px; border-bottom:1px solid #2d2928; background:rgb(9 9 9 / .96); backdrop-filter:blur(18px); }
.marketplace-head > div { max-width:780px; }
.marketplace-head h2 { font-size:clamp(1.55rem, 2.4vw, 2.25rem); }
.marketplace-head .bench-intro { margin:8px 0 0; }
.marketplace-tools { position:sticky; z-index:3; top:109px; display:grid; grid-template-columns:minmax(240px, 1fr) auto 190px; gap:14px; align-items:end; padding:13px 22px; border-bottom:1px solid #292525; background:rgb(9 9 9 / .96); backdrop-filter:blur(18px); }
.marketplace-search,.marketplace-sort { display:grid; gap:6px; color:#aaa5a2; font:600 .53rem var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.marketplace-search input,.marketplace-sort select { min-height:38px; border:1px solid #403a39; border-radius:5px; background:#101010; color:var(--text); font:500 .72rem Outfit, sans-serif; }
.marketplace-search input { padding:0 11px; }
.marketplace-sort select { padding:0 28px 0 10px; }
.marketplace-search input:focus,.marketplace-sort select:focus { border-color:var(--accent); outline:none; }
.marketplace-filters { display:flex; flex-wrap:wrap; gap:5px; }
.marketplace-filter { min-height:38px; padding:0 10px; border:1px solid #3b3534; border-radius:4px; background:#0e0e0f; color:#b9b3af; font:600 .56rem var(--mono); }
.marketplace-filter:hover,.marketplace-filter.is-active { border-color:#b94b29; background:#24110b; color:#fff2ed; }
.marketplace-summary { display:flex; justify-content:space-between; gap:16px; padding:14px 22px 0; color:#8f8986; font:500 .56rem var(--mono); }
.marketplace-summary strong { color:#f3eee9; }
.agent-bench-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:14px 22px 24px; }
.bench-card { min-height:292px; padding:15px; border-color:#332e2d; border-radius:7px; background:#0d0d0e; transition:border-color 160ms ease,transform 160ms ease,background 160ms ease; }
.bench-card:hover { border-color:#70402f; background:#111010; transform:translateY(-2px); }
.bench-card.is-hired { border-color:#a54424; background:#180d09; }
.agent-category { display:block; margin:0 0 3px; color:#ff8055; font:700 .48rem var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.bench-card-head { grid-template-columns:42px minmax(0,1fr) auto; }
.bench-card-head strong { font-size:.94rem; }
.bench-output { min-height:42px; margin:14px 0 9px; font-size:.79rem; }
.reputation-line { display:flex; min-width:0; align-items:center; gap:5px; color:#9e9894; font:500 .55rem var(--mono); white-space:nowrap; }
.reputation-line strong { color:#fff1e9; font-size:.63rem; }
.reputation-line i { width:1px; height:10px; background:#3b3432; }
.rating-mark { display:grid; width:12px; color:var(--accent); }
.rating-mark svg,.success-list > article > span svg,.review-list strong span svg { display:block; width:100%; fill:currentColor; }
.bench-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:13px 0 8px; border:1px solid #302b2a; background:#302b2a; }
.bench-proof > span { display:grid; gap:4px; padding:9px 8px; background:#101010; }
.bench-proof small { color:#8f8986; font:500 .48rem var(--mono); }
.bench-proof strong { color:#f4efeb; font:650 .72rem Outfit,sans-serif; }
.bench-actions { display:grid; grid-template-columns:.8fr 1.2fr; gap:7px; margin-top:auto; }
.bench-actions .button { min-height:38px; padding:0 8px; font-size:.58rem; }
.bench-receipt { min-height:30px; margin:5px 0 10px; }
.marketplace-empty { grid-column:1/-1; display:grid; place-items:center; gap:6px; min-height:260px; border:1px dashed #3b3534; color:#8f8986; text-align:center; }
.marketplace-empty strong { color:#eee9e5; }

.agent-profile-dialog { width:min(1100px,calc(100% - 28px)); max-height:calc(100dvh - 28px); overflow:auto; padding:0; border:1px solid #6c3625; border-radius:10px; background:#090909; color:var(--text); box-shadow:0 30px 120px rgb(0 0 0 / .78); }
.agent-profile-dialog::backdrop { background:rgb(0 0 0 / .88); backdrop-filter:blur(7px); }
.profile-topbar { position:sticky; z-index:5; top:0; display:flex; align-items:center; justify-content:space-between; padding:10px 18px; border-bottom:1px solid #2e2928; background:rgb(9 9 9 / .96); color:#8e8884; font:600 .52rem var(--mono); letter-spacing:.05em; text-transform:uppercase; backdrop-filter:blur(18px); }
.profile-hero { display:grid; grid-template-columns:84px minmax(0,1fr) auto; gap:18px; align-items:center; padding:26px 28px; border-bottom:1px solid #332e2d; background:radial-gradient(circle at 8% 18%,rgb(255 90 36 / .13),transparent 30%),#0c0c0d; }
.profile-avatar { display:grid; width:84px; height:84px; overflow:hidden; border:1px solid #923b20; border-radius:50%; background:#1b0c08; }
.profile-avatar svg,.reviewer-avatar svg { width:100%; height:100%; }
.profile-identity .profile-name { margin:1px 0 2px; color:#aaa4a0; font:600 .7rem var(--mono); letter-spacing:.02em; }
.profile-identity h2 { margin:0 0 10px; font-size:2.3rem; letter-spacing:-.065em; line-height:.98; }
.profile-hire { display:grid; justify-items:end; gap:9px; }
.profile-hire > span { color:#ff9b79; font:600 .53rem var(--mono); text-transform:uppercase; }
.profile-hire .button { min-width:150px; }
.profile-grid { display:grid; grid-template-columns:minmax(0,1fr) 310px; }
.profile-main { border-right:1px solid #302b2a; }
.profile-section { padding:24px 28px; border-bottom:1px solid #302b2a; }
.profile-section:last-child { border-bottom:0; }
.profile-section h3,.profile-economics h3 { margin:4px 0 7px; font-size:1.2rem; letter-spacing:-.04em; }
.profile-section > p:not(.kicker) { margin:0; color:#aaa4a0; font-size:.75rem; line-height:1.55; }
.profile-section-head { display:flex; justify-content:space-between; gap:16px; align-items:end; margin-bottom:13px; }
.profile-section-head > span { color:#8d8783; font:500 .5rem var(--mono); text-transform:uppercase; }
.profile-task-list { display:grid; gap:6px; margin:17px 0 0; padding:0; list-style:none; }
.profile-task-list li { display:grid; grid-template-columns:28px 1fr; gap:9px; padding:10px; border:1px solid #302b2a; background:#0e0e0f; }
.profile-task-list li > span { color:#ff8055; font:600 .55rem var(--mono); }
.profile-task-list li div { display:grid; gap:2px; }
.profile-task-list strong { font-size:.68rem; }
.profile-task-list small { color:#8f8986; font:.5rem var(--mono); }
.success-list { display:grid; gap:6px; }
.success-list article { display:grid; grid-template-columns:18px minmax(0,1fr) auto; gap:10px; align-items:center; padding:12px; border:1px solid #34302f; background:#0e0e0f; }
.success-list > article > span { display:grid; width:13px; color:var(--accent); }
.success-list article div { display:grid; gap:2px; }
.success-list strong { font-size:.68rem; }
.success-list small,.success-list em { color:#928c88; font:.5rem var(--mono); font-style:normal; }
.success-list em { color:#ff9b79; text-align:right; }
.review-list { display:grid; gap:8px; }
.review-list article { display:grid; grid-template-columns:38px 1fr; gap:10px; padding:12px; border:1px solid #332e2d; background:#0d0d0e; }
.reviewer-avatar { display:grid; width:38px; height:38px; overflow:hidden; border:1px solid #71331f; border-radius:50%; }
.review-list article > div { min-width:0; }
.review-list strong { display:flex; justify-content:space-between; gap:12px; font-size:.7rem; }
.review-list strong span { display:flex; width:auto; align-items:center; gap:4px; color:#ff8a62; font:.55rem var(--mono); }
.review-list strong span svg { width:10px; }
.review-list small { color:#8f8986; font:.49rem var(--mono); }
.review-list p { margin:8px 0 0; color:#d6d0cc; font-size:.7rem; line-height:1.48; }
.profile-sidebar { padding:24px 20px; background:#0c0c0d; }
.profile-economics,.profile-strengths { padding:16px; border:1px solid #37302e; background:#101010; }
.profile-strengths { margin-top:10px; }
.profile-economics dl { margin:15px 0 10px; }
.profile-economics dl div { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-top:1px solid #302b2a; }
.profile-economics dt { color:#97918d; font:.54rem var(--mono); }
.profile-economics dd { margin:0; color:#f2ede9; font:650 .72rem Outfit,sans-serif; }
.profile-economics .is-net dd { color:#ff8055; font-size:.88rem; }
.profile-economics > small { display:block; color:#7f7976; font:.49rem/1.5 var(--mono); }
.profile-strengths .strength-chart { margin:14px 0 0; }
.profile-strengths .strength-chart span { grid-template-columns:1fr 64px 22px; }

@media (max-width:980px) {
  .marketplace-tools { top:128px; grid-template-columns:1fr 190px; }
  .marketplace-filters { grid-column:1/-1; grid-row:2; }
  .agent-bench-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .profile-grid { grid-template-columns:1fr; }
  .profile-main { border-right:0; }
  .profile-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:10px; border-top:1px solid #302b2a; }
  .profile-strengths { margin:0; }
}
@media (max-width:680px) {
  .marketplace-head { padding:16px; }
  .marketplace-tools { position:relative; top:auto; grid-template-columns:1fr; padding:12px 16px; }
  .marketplace-filters { grid-column:auto; grid-row:auto; overflow:auto; flex-wrap:nowrap; padding-bottom:3px; }
  .marketplace-filter { flex:none; }
  .marketplace-summary { align-items:flex-start; flex-direction:column; padding:12px 16px 0; }
  .agent-bench-list { grid-template-columns:1fr; padding:12px 16px 18px; }
  .bench-card:hover { transform:none; }
  .profile-hero { grid-template-columns:64px 1fr; padding:19px 16px; }
  .profile-avatar { width:64px; height:64px; }
  .profile-identity h2 { font-size:1.75rem; }
  .profile-identity .reputation-line { align-items:flex-start; flex-wrap:wrap; white-space:normal; }
  .profile-hire { grid-column:1/-1; grid-template-columns:1fr auto; align-items:center; justify-items:start; }
  .profile-hire .button { min-width:0; }
  .profile-section { padding:20px 16px; }
  .success-list article { grid-template-columns:18px 1fr; }
  .success-list em { grid-column:2; text-align:left; }
  .profile-sidebar { grid-template-columns:1fr; padding:16px; }
}
@media (prefers-reduced-motion:reduce) { .bench-card { transition:none; } }

/* Role-first identity hierarchy across every agent profile. */
.checkin-name { margin:0 0 3px; color:#aaa4a0; font:600 .72rem var(--mono); letter-spacing:.02em; }
.checkin-hero h1.checkin-role { margin:0; color:var(--text); font-family:Outfit,sans-serif; font-size:clamp(2rem,4vw,3.1rem); font-weight:700; letter-spacing:-.07em; line-height:.98; }
.detail-panel #detail-name { margin:0 0 2px; color:#a9a39f; font:600 .62rem var(--mono); letter-spacing:.02em; }
.detail-panel .detail-role { margin:0; color:var(--text); font-family:Outfit,sans-serif; font-size:1.25rem; font-weight:700; letter-spacing:-.045em; line-height:1.05; }
@media (max-width:680px) {
  .checkin-name { font-size:.64rem; }
  .active-checkin-hero { grid-template-columns:64px minmax(0,1fr); }
  .checkin-hero h1.checkin-role { max-width:100%; font-size:1.8rem; text-wrap:balance; }
  .checkin-hero-actions { width:100%; }
  .profile-identity .profile-name { font-size:.62rem; }
}

/* Keep role-first hierarchy consistent in every repeated agent identity. */
.action-pack-head strong {
  color:#aaa4a0;
  font:600 .5rem var(--mono);
  letter-spacing:.02em;
}
.action-pack-head small {
  margin-top:2px;
  overflow:visible;
  color:var(--text);
  font-family:Outfit,sans-serif;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:-.025em;
  line-height:1.05;
  text-overflow:clip;
  white-space:normal;
}
.agent-copy strong {
  color:#aaa4a0;
  font:600 .49rem var(--mono);
  letter-spacing:.02em;
}
.agent-copy small {
  overflow:visible;
  color:var(--text);
  font-family:Outfit,sans-serif;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.05;
  text-overflow:clip;
  white-space:normal;
}
.bench-card-head strong {
  color:#aaa4a0;
  font:600 .52rem var(--mono);
  letter-spacing:.02em;
}
.bench-card-head small {
  margin-top:2px;
  color:var(--text);
  font-family:Outfit,sans-serif;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:-.025em;
  line-height:1.05;
}