/* Секция «Мультиагентные системы для бизнеса» (макет home/Секция компания из агентов-html).
   Тёмная и светлая версии (светлая — в конце файла); акцент — цвет сайта (--brand) вместо фиолетового из макета. */
.agx{
  --a:var(--brand);--a-ink:var(--brand-ink);
  --a-text:color-mix(in srgb,var(--brand) 62%,#fff);
  --a-soft:color-mix(in srgb,var(--brand) 14%,#14151B);
  --a-line:color-mix(in srgb,var(--brand) 42%,#14151B);
  --x-bg:#0D0E12;--x-card:#14151B;--x-card2:#0F1015;--x-line:#262833;--x-line2:#2E3040;
  --x-ink:#ECECF1;--x-mut:#A6A8B6;--x-mut2:#8E90A0;--x-human:#F5B85C;
  background:var(--x-bg);color:var(--x-ink);padding-block:clamp(64px,8vw,112px)}
.agx-in{display:flex;flex-direction:column;gap:clamp(36px,5vw,56px)}
.agx button{font:inherit;color:inherit;cursor:pointer}
.agx :focus-visible{outline:2px solid var(--a-text);outline-offset:3px}
.agx-mono,.agx-kick{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--x-mut2);margin:0}

/* режимы: показываем только свою версию текста и блоков */
.agx[data-mode="classic"] .m-agents,.agx[data-mode="classic"] .m-office,
.agx[data-mode="agents"] .m-classic,.agx[data-mode="agents"] .m-office,
.agx[data-mode="office"] .m-classic,.agx[data-mode="office"] .m-agents,
.agx[data-mode="office"] .agx-scheme,.agx:not([data-mode="office"]) .agx-office{display:none!important}

/* шапка */
.agx-head{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-end;justify-content:space-between}
.agx-copy{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:24px}
.agx-kick{font-size:13px;color:var(--a)}
.agx h2{margin:0;font-family:var(--display);font-weight:var(--dw);text-transform:var(--dt);font-size:calc(clamp(36px,5vw,64px) * (0.5 + var(--ds) * .62));line-height:1.04;letter-spacing:-.02em;color:var(--x-ink)}
.agx-lead{margin:0;max-width:640px;font-size:19px;line-height:1.6;color:var(--x-mut)}
.agx-ctl{flex:0 1 auto;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.agx-seg,.agx-rooms{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:#16171D;border:1px solid var(--x-line);border-radius:999px}
.agx-seg button{padding:12px 20px;min-height:44px;border-radius:999px;border:0;background:transparent;color:var(--x-ink);font-weight:500;font-size:15px;transition:background .2s,color .2s}
.agx-seg button[aria-pressed="true"]{background:var(--a);color:var(--a-ink);font-weight:600}
.agx-seg button[data-set-mode="classic"][aria-pressed="true"]{background:var(--x-ink);color:var(--x-bg)}
.agx-cap{margin:0;font-size:14px;line-height:1.5;color:var(--x-mut2);max-width:380px;min-height:3em}

/* оргструктура */
.agx-scheme{display:flex;flex-direction:column;gap:clamp(36px,5vw,56px)}
.agx-org{display:flex;flex-direction:column;align-items:center}
.agx-top{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}
.agx-founder,.agx-coord{display:flex;align-items:center;gap:14px;padding:14px 22px 14px 14px;border-radius:18px}
.agx-founder{background:var(--x-ink);color:var(--x-bg)}
.agx-coord{background:var(--a-soft);border:1px solid var(--a)}
.agx-founder i,.agx-coord i{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:normal var(--dw) 16px var(--display);flex:none}
.agx-founder i{background:var(--x-bg);color:var(--x-ink)}
.agx-coord i{background:var(--a);color:var(--a-ink)}
.agx-founder b,.agx-coord b{display:block;font-family:var(--display);font-weight:var(--dw);font-size:17px;text-transform:var(--dt)}
.agx-founder span{font-size:13px;color:#4A4C58}
.agx-coord span{font-size:13px;color:var(--a-text)}
.agx-link{width:32px;height:1px;background:var(--a)}
.agx-bus{display:block;background:#33364A}
.agx[data-mode="agents"] .agx-bus{background:var(--a-line)}
.agx-bus.v{width:1px;height:36px}.agx-bus.v.s{height:28px}.agx-bus.h{width:75%;height:1px}
.agx-depts{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.agx-col{display:flex;flex-direction:column;align-items:center}
.agx-dept{width:100%;flex:1;text-align:left;display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--x-card);border:1px solid var(--x-line);border-radius:20px;transition:border-color .2s,background .2s}
.agx-dept:hover{border-color:#4a4d5c}
.agx-dept[aria-pressed="true"]{background:#17151F;border-color:var(--x-mut2)}
.agx[data-mode="agents"] .agx-dept[aria-pressed="true"]{border-color:var(--a)}
.agx-dept-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.agx-dept-h b{font-family:var(--display);font-weight:var(--dw);font-size:18px;text-transform:var(--dt)}
.agx-dept-h span{font-family:var(--mono);font-size:12px;color:var(--x-mut2)}
.agx-members{display:flex;flex-direction:column;gap:8px}
.agx-m{display:flex;gap:12px;align-items:center;padding:10px;background:var(--x-card2);border:1px solid #22242E;border-radius:12px}
.agx-m>i{width:36px;height:36px;flex:none;border-radius:10px;background:var(--a-soft);color:var(--a-text);display:flex;align-items:center;justify-content:center;font:normal 500 12px var(--mono)}
.agx-m>i.hum{border-radius:50%;background:#23252E;color:#9A9CAB;font:normal 700 12px var(--body)}
.agx-m>span{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.agx-m b{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}
.agx-m small{font-size:12.5px;line-height:1.4;color:#9A9CAB}
.agx-m code{font-family:var(--mono);font-size:11px;color:var(--a-text);background:none;padding:0}
.agx-foot{font-size:12.5px;line-height:1.4;color:var(--x-mut2);margin-top:auto}
.agx[data-mode="agents"] .agx-foot{color:var(--a-text)}
.agx-dot{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block;background:#5A5D6C}
.agx-dot.s-run{background:var(--a);animation:agx-pulse 1.8s ease-out infinite}
.agx-dot.s-wait,.agx-dot.s-human{background:var(--x-human)}
.agx-pulse{animation:agx-pulse 1.8s ease-out infinite}
@keyframes agx-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--a) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* цепочка работы отдела */
.agx-flowbox{display:flex;flex-direction:column;gap:20px;padding:clamp(20px,3vw,32px);background:#121318;border:1px solid var(--x-line);border-radius:24px}
.agx-flow-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px}
.agx-flow-h h3{margin:0;font-family:var(--display);font-weight:500;font-size:20px;text-transform:var(--dt);color:var(--x-ink)}
.agx-legend{display:flex;flex-wrap:wrap;gap:16px;margin:0;font-size:13px;color:#9A9CAB}
.agx-legend span{display:flex;align-items:center;gap:6px}
.agx-legend span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--a)}
.agx-legend .l-h::before{background:var(--x-human)}.agx-legend .l-p::before{background:#6B6E7E}
.agx-flow{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.agx-arrow{color:#5A5D6C;flex:none}
.agx-step{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:12px;background:#16171D;border:1px solid #33364A}
.agx-step span{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#9A9CAB}
.agx-step b{font-weight:600;font-size:14px;color:var(--x-ink)}
.agx-step.k-a{background:var(--a-soft);border-color:var(--a-line)}.agx-step.k-a span{color:var(--a-text)}
.agx-step.k-h{background:#2A2214;border-color:#6B5226}.agx-step.k-h span{color:var(--x-human)}
.agx-step.k-p{background:#17181D;border-color:#2E3039}
.agx-step.k-r{background:#132219;border-color:#2C5A41}.agx-step.k-r span{color:#7EE0B0}
.agx-note{margin:0;font-size:15px;line-height:1.55;color:var(--x-mut);max-width:820px}

/* офис */
.agx-office{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.agx-stage{flex:999 1 620px;min-width:0;display:flex;flex-direction:column;gap:16px}
.agx-rooms{align-self:flex-start}
.agx-rooms button{min-height:40px;padding:8px 14px;border-radius:999px;border:0;background:transparent;color:#C9CAD4;font-size:14px;font-weight:500}
.agx-rooms button[aria-pressed="true"]{background:var(--a);color:var(--a-ink);font-weight:700}
.agx-floor{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;animation:agx-in .35s ease-out}
@keyframes agx-in{from{opacity:0;transform:scale(.985)}}
.agx-room{padding:16px 16px 20px;border-radius:24px;border:1px solid var(--x-line);background:radial-gradient(90% 90% at 50% 100%,color-mix(in srgb,var(--room) 13%,#1D1E26) 0%,var(--x-card) 70%)}
.agx-room:first-child{grid-column:1/-1}
.agx-room h3{margin:0 0 4px;font-family:var(--display);font-weight:500;font-size:16px;text-transform:var(--dt);color:var(--room)}
.agx-office:not([data-room="all"]) .agx-floor{grid-template-columns:1fr}
.agx-office[data-room="hq"] .agx-room:not([data-room="hq"]),.agx-office[data-room="sales"] .agx-room:not([data-room="sales"]),
.agx-office[data-room="mkt"] .agx-room:not([data-room="mkt"]),.agx-office[data-room="sup"] .agx-room:not([data-room="sup"]),
.agx-office[data-room="an"] .agx-room:not([data-room="an"]){display:none}
.agx-desks{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:6px 14px;padding-top:34px}
.agx-spr{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:0 4px;min-width:84px}
.agx-spr img{height:112px;width:auto;display:block;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));animation:agx-bob 2.4s ease-in-out infinite;transition:filter .15s}
.agx-office:not([data-room="all"]) .agx-spr img{height:168px}
.agx-desks .agx-spr:nth-child(2n) img{animation-delay:-.8s}.agx-desks .agx-spr:nth-child(3n) img{animation-delay:-1.5s}
@keyframes agx-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4%)}}
.agx-spr:hover img{filter:drop-shadow(0 0 6px var(--a-text))}
.agx-spr[aria-pressed="true"] img{filter:drop-shadow(0 0 2px var(--a)) drop-shadow(0 0 8px var(--a))}
.agx-tag{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 9px;border-radius:9px;background:#ECECF1;line-height:1.15}
.agx-tag b{font-weight:700;font-size:12px;color:#14151B;white-space:nowrap}
.agx-tag small{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#5B5E6E;white-space:nowrap}
.agx-spr[aria-pressed="true"] .agx-tag{background:var(--a)}
.agx-spr[aria-pressed="true"] .agx-tag b,.agx-spr[aria-pressed="true"] .agx-tag small{color:var(--a-ink)}
.agx-bubble{position:absolute;left:50%;bottom:calc(100% + 2px);transform:translateX(-50%) translateY(4px);padding:4px 9px;border-radius:10px 10px 10px 3px;background:#22242E;border:1px solid var(--x-line2);color:#D5D6DE;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:2}
.agx-spr.is-live .agx-bubble,.agx-spr:hover .agx-bubble,.agx-spr:focus-visible .agx-bubble,.agx-office:not([data-room="all"]) .agx-bubble{opacity:1;transform:translateX(-50%)}
.agx-spr.is-live .agx-bubble{border-color:var(--a);color:var(--a-text)}
.agx-feed{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 18px;background:#16171D;border:1px solid var(--x-line);border-radius:16px;color:#6B6E7E}
.agx-feed i{width:10px;height:10px;border-radius:50%;background:var(--a);flex:none}
.agx-feed span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9A9CAB}
.agx-feed b{font-weight:700;font-size:14px;color:var(--a-text)}
.agx-feed em{font-style:normal;font-size:14px;color:var(--x-mut)}

/* карточка агента */
.agx-cards{flex:1 1 340px;min-width:0}
.agx-card{display:flex;flex-wrap:wrap;gap:22px;padding:22px;background:var(--x-card);border:1px solid var(--x-line2);border-radius:28px;animation:agx-in .3s ease-out}
.agx-portrait{position:relative;flex:1 1 200px;min-height:240px;border-radius:20px;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px 40px;background:linear-gradient(180deg,color-mix(in srgb,var(--a) 22%,#16151F) 0%,#16151F 100%);border:1px solid var(--a-line)}
.agx-card.is-human .agx-portrait{border-color:#6B5226}
.agx-portrait img{height:190px;width:auto;display:block}
.agx-portrait span{position:absolute;left:16px;bottom:12px;font-family:var(--display);font-weight:var(--dw);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--x-ink)}
.agx-card-in{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:20px}
.agx-card-in>div{display:flex;flex-direction:column;gap:10px}
.agx-card-h{gap:6px!important}
.agx-card-h h3{margin:0;font-family:var(--display);font-weight:var(--dw);text-transform:var(--dt);font-size:26px;line-height:1.15;color:var(--x-ink)}
.agx-card-h p{margin:0;font-size:14px;line-height:1.5;color:var(--x-mut)}
.agx-kind{color:var(--a)!important;font-size:11.5px!important}
.agx-card.is-human .agx-kind{color:var(--x-human)!important}
.agx-status{display:flex;align-items:center;gap:8px;font-size:13px!important;color:#C9CAD4!important}
.agx-skills,.agx-tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.agx-skills li{padding:7px 12px;border-radius:999px;background:var(--a-soft);border:1px solid var(--a-line);color:var(--a-text);font-size:13px;font-weight:600}
.agx-tools li{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:10px;background:#1B1C23;border:1px solid var(--x-line2);color:#D5D6DE;font-size:13px;font-weight:600}
.agx-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;font-family:var(--body);font-weight:800;letter-spacing:-.02em}
.agx-next{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:12px 14px;border-radius:14px;background:#1B1C23;border:1px solid var(--x-line2);text-align:left;transition:border-color .2s}
.agx-next:hover{border-color:var(--a)}
.agx-next span{display:flex;flex-direction:column;gap:2px}
.agx-next b{font-weight:700;font-size:14px}
.agx-next small,.agx-final{font-size:12.5px;line-height:1.4;color:#9A9CAB}
.agx-next svg{color:var(--a);flex:none}
.agx-final{margin:0;font-size:14px}
.agx-persona{padding-top:16px;border-top:1px solid var(--x-line)}
.agx-persona p:last-child{margin:0;font-size:15px;line-height:1.5;font-style:italic;color:#C9CAD4}

@media (max-width:860px){.agx-rooms{border-radius:22px}.agx-card{scroll-margin-top:88px}.agx-bus{display:none}.agx-lead{font-size:17px}.agx-seg{border-radius:22px}.agx-seg button{flex:1 1 auto;padding:10px 14px}}
@media (prefers-reduced-motion:reduce){.agx-spr img,.agx-pulse,.agx-dot.s-run{animation:none}}


/* Светлая тема: секция идёт на фоне страницы, карточки белые. Тёмные значения выше — тема по умолчанию для секции. */
:root[data-theme="light"] .agx{--a-text:color-mix(in srgb,var(--brand) 62%,#111);--a-soft:color-mix(in srgb,var(--brand) 12%,#fff);--a-line:color-mix(in srgb,var(--brand) 38%,#fff);--x-bg:#EEEFEC;--x-card:#fff;--x-card2:#F5F6F4;--x-line:#D7D9DE;--x-line2:#C9CCD3;--x-ink:#13151C;--x-mut:#5D616E;--x-mut2:#6E7280;--x-human:#A8690A;background:transparent}
:root[data-theme="light"] .agx .agx-kick,:root[data-theme="light"] .agx .agx-kind{color:var(--a-text)!important}
:root[data-theme="light"] .agx .agx-seg,:root[data-theme="light"] .agx .agx-rooms,:root[data-theme="light"] .agx .agx-flowbox,:root[data-theme="light"] .agx .agx-feed,:root[data-theme="light"] .agx .agx-bubble{background:#fff}
:root[data-theme="light"] .agx .agx-bubble{color:var(--x-ink)}
:root[data-theme="light"] .agx .agx-founder{background:#13151C;color:#fff}
:root[data-theme="light"] .agx .agx-founder i{background:#fff;color:#13151C}
:root[data-theme="light"] .agx .agx-founder span{color:#B9BCC6}
:root[data-theme="light"] .agx .agx-seg button[data-set-mode="classic"][aria-pressed="true"]{background:#13151C;color:#fff}
:root[data-theme="light"] .agx .agx-bus{background:#C9CCD3}
:root[data-theme="light"] .agx .agx-dept:hover{border-color:#9A9EAB}
:root[data-theme="light"] .agx .agx-dept[aria-pressed="true"]{background:var(--a-soft)}
:root[data-theme="light"] .agx .agx-m{border-color:var(--x-line)}
:root[data-theme="light"] .agx .agx-m>i.hum{background:#E6E7EA;color:#5D616E}
:root[data-theme="light"] .agx .agx-m small,:root[data-theme="light"] .agx .agx-legend,:root[data-theme="light"] .agx .agx-step span,:root[data-theme="light"] .agx .agx-feed span,:root[data-theme="light"] .agx .agx-next small,:root[data-theme="light"] .agx .agx-final,:root[data-theme="light"] .agx .agx-persona p:last-child{color:var(--x-mut)}
:root[data-theme="light"] .agx .agx-dot{background:#A6A9B4}
:root[data-theme="light"] .agx .agx-dot.s-run{background:var(--a)}
:root[data-theme="light"] .agx .agx-dot.s-wait,:root[data-theme="light"] .agx .agx-dot.s-human{background:var(--x-human)}
:root[data-theme="light"] .agx .agx-step,:root[data-theme="light"] .agx .agx-step.k-p,:root[data-theme="light"] .agx .agx-tools li,:root[data-theme="light"] .agx .agx-next{background:#F5F6F4;border-color:var(--x-line)}
:root[data-theme="light"] .agx .agx-tools li{color:var(--x-ink)}
:root[data-theme="light"] .agx .agx-step.k-a{background:var(--a-soft);border-color:var(--a-line)}
:root[data-theme="light"] .agx .agx-step.k-a span{color:var(--a-text)}
:root[data-theme="light"] .agx .agx-step.k-h{background:#FBF1DC;border-color:#E2C58A}
:root[data-theme="light"] .agx .agx-step.k-h span{color:var(--x-human)}
:root[data-theme="light"] .agx .agx-step.k-r{background:#E3F4EA;border-color:#9ED3B5}
:root[data-theme="light"] .agx .agx-step.k-r span{color:#1F7A4D}
:root[data-theme="light"] .agx .agx-rooms button{color:var(--x-ink)}
:root[data-theme="light"] .agx .agx-rooms button[aria-pressed="true"]{color:var(--a-ink)}
:root[data-theme="light"] .agx .agx-room{background:radial-gradient(90% 90% at 50% 100%,color-mix(in srgb,var(--room) 16%,#fff) 0%,#fff 70%)}
:root[data-theme="light"] .agx .agx-room h3{color:color-mix(in srgb,var(--room) 55%,#111)}
:root[data-theme="light"] .agx .agx-tag{background:#13151C}
:root[data-theme="light"] .agx .agx-tag b{color:#fff}
:root[data-theme="light"] .agx .agx-tag small{color:#B9BCC6}
:root[data-theme="light"] .agx .agx-spr[aria-pressed="true"] .agx-tag{background:var(--a)}
:root[data-theme="light"] .agx .agx-portrait{background:linear-gradient(180deg,color-mix(in srgb,var(--a) 22%,#fff) 0%,#fff 100%)}
:root[data-theme="light"] .agx .agx-card.is-human .agx-portrait{border-color:#E2C58A}
:root[data-theme="light"] .agx .agx-status{color:var(--x-mut)!important}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]) .agx{--a-text:color-mix(in srgb,var(--brand) 62%,#111);--a-soft:color-mix(in srgb,var(--brand) 12%,#fff);--a-line:color-mix(in srgb,var(--brand) 38%,#fff);--x-bg:#EEEFEC;--x-card:#fff;--x-card2:#F5F6F4;--x-line:#D7D9DE;--x-line2:#C9CCD3;--x-ink:#13151C;--x-mut:#5D616E;--x-mut2:#6E7280;--x-human:#A8690A;background:transparent}
  :root:not([data-theme="dark"]) .agx .agx-kick,:root:not([data-theme="dark"]) .agx .agx-kind{color:var(--a-text)!important}
  :root:not([data-theme="dark"]) .agx .agx-seg,:root:not([data-theme="dark"]) .agx .agx-rooms,:root:not([data-theme="dark"]) .agx .agx-flowbox,:root:not([data-theme="dark"]) .agx .agx-feed,:root:not([data-theme="dark"]) .agx .agx-bubble{background:#fff}
  :root:not([data-theme="dark"]) .agx .agx-bubble{color:var(--x-ink)}
  :root:not([data-theme="dark"]) .agx .agx-founder{background:#13151C;color:#fff}
  :root:not([data-theme="dark"]) .agx .agx-founder i{background:#fff;color:#13151C}
  :root:not([data-theme="dark"]) .agx .agx-founder span{color:#B9BCC6}
  :root:not([data-theme="dark"]) .agx .agx-seg button[data-set-mode="classic"][aria-pressed="true"]{background:#13151C;color:#fff}
  :root:not([data-theme="dark"]) .agx .agx-bus{background:#C9CCD3}
  :root:not([data-theme="dark"]) .agx .agx-dept:hover{border-color:#9A9EAB}
  :root:not([data-theme="dark"]) .agx .agx-dept[aria-pressed="true"]{background:var(--a-soft)}
  :root:not([data-theme="dark"]) .agx .agx-m{border-color:var(--x-line)}
  :root:not([data-theme="dark"]) .agx .agx-m>i.hum{background:#E6E7EA;color:#5D616E}
  :root:not([data-theme="dark"]) .agx .agx-m small,:root:not([data-theme="dark"]) .agx .agx-legend,:root:not([data-theme="dark"]) .agx .agx-step span,:root:not([data-theme="dark"]) .agx .agx-feed span,:root:not([data-theme="dark"]) .agx .agx-next small,:root:not([data-theme="dark"]) .agx .agx-final,:root:not([data-theme="dark"]) .agx .agx-persona p:last-child{color:var(--x-mut)}
  :root:not([data-theme="dark"]) .agx .agx-dot{background:#A6A9B4}
  :root:not([data-theme="dark"]) .agx .agx-dot.s-run{background:var(--a)}
  :root:not([data-theme="dark"]) .agx .agx-dot.s-wait,:root:not([data-theme="dark"]) .agx .agx-dot.s-human{background:var(--x-human)}
  :root:not([data-theme="dark"]) .agx .agx-step,:root:not([data-theme="dark"]) .agx .agx-step.k-p,:root:not([data-theme="dark"]) .agx .agx-tools li,:root:not([data-theme="dark"]) .agx .agx-next{background:#F5F6F4;border-color:var(--x-line)}
  :root:not([data-theme="dark"]) .agx .agx-tools li{color:var(--x-ink)}
  :root:not([data-theme="dark"]) .agx .agx-step.k-a{background:var(--a-soft);border-color:var(--a-line)}
  :root:not([data-theme="dark"]) .agx .agx-step.k-a span{color:var(--a-text)}
  :root:not([data-theme="dark"]) .agx .agx-step.k-h{background:#FBF1DC;border-color:#E2C58A}
  :root:not([data-theme="dark"]) .agx .agx-step.k-h span{color:var(--x-human)}
  :root:not([data-theme="dark"]) .agx .agx-step.k-r{background:#E3F4EA;border-color:#9ED3B5}
  :root:not([data-theme="dark"]) .agx .agx-step.k-r span{color:#1F7A4D}
  :root:not([data-theme="dark"]) .agx .agx-rooms button{color:var(--x-ink)}
  :root:not([data-theme="dark"]) .agx .agx-rooms button[aria-pressed="true"]{color:var(--a-ink)}
  :root:not([data-theme="dark"]) .agx .agx-room{background:radial-gradient(90% 90% at 50% 100%,color-mix(in srgb,var(--room) 16%,#fff) 0%,#fff 70%)}
  :root:not([data-theme="dark"]) .agx .agx-room h3{color:color-mix(in srgb,var(--room) 55%,#111)}
  :root:not([data-theme="dark"]) .agx .agx-tag{background:#13151C}
  :root:not([data-theme="dark"]) .agx .agx-tag b{color:#fff}
  :root:not([data-theme="dark"]) .agx .agx-tag small{color:#B9BCC6}
  :root:not([data-theme="dark"]) .agx .agx-spr[aria-pressed="true"] .agx-tag{background:var(--a)}
  :root:not([data-theme="dark"]) .agx .agx-portrait{background:linear-gradient(180deg,color-mix(in srgb,var(--a) 22%,#fff) 0%,#fff 100%)}
  :root:not([data-theme="dark"]) .agx .agx-card.is-human .agx-portrait{border-color:#E2C58A}
  :root:not([data-theme="dark"]) .agx .agx-status{color:var(--x-mut)!important}
}
:root[data-theme="light"] .agx .agx-spr[aria-pressed="true"] .agx-tag b,:root[data-theme="light"] .agx .agx-spr[aria-pressed="true"] .agx-tag small{color:var(--a-ink)}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .agx .agx-spr[aria-pressed="true"] .agx-tag b,:root:not([data-theme="dark"]) .agx .agx-spr[aria-pressed="true"] .agx-tag small{color:var(--a-ink)}}