/* AffectUI Integration Beam, adapted to Contouric's request and response flow. */
.ui-ib{position:relative;isolation:isolate;margin-top:64px;padding:42px 48px 25px;border-radius:5px;background:#f4f4f2;color:var(--ink);--beam-line:#d8d3e0;--beam-ring:#ab45f133;--beam-glow:#ab45f115}
.ui-ib *{box-sizing:border-box}
.ui-ib__beams{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.ui-ib__line{fill:none;stroke:var(--beam-line);stroke-width:1.5;stroke-linecap:round;transition:stroke 250ms ease,opacity 250ms ease}
.ui-ib[data-channel] .ui-ib__line:not([data-current]){opacity:.45}
.ui-ib__line[data-current]{stroke:#b99bce}
.ui-ib__pulse{opacity:0}
.ui-ib__pulse path{fill:none;stroke-linecap:round}
.ui-ib__core{stroke-width:2.2}
.ui-ib__glow{stroke-width:6;opacity:.3;filter:blur(3px)}
.ui-ib__scene{--ui-ib-stack:0;display:grid;grid-template-columns:72px minmax(24px,1fr) 72px minmax(24px,1fr) 120px minmax(50px,1.5fr) 104px;grid-template-areas:'people . apps . hub . agents';align-items:center;min-height:330px}
.ui-ib__people{grid-area:people}.ui-ib__apps{grid-area:apps}.ui-ib__hub{grid-area:hub}.ui-ib__agents{grid-area:agents}
.ui-ib__people,.ui-ib__apps{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;padding-bottom:22px}
.ui-ib__column-label{position:absolute;top:-28px;left:50%;transform:translateX(-50%);font-size:11px;line-height:1.3;color:var(--body);white-space:nowrap}
.ui-ib__people .ui-ib__tile,.ui-ib__apps .ui-ib__tile{width:56px;height:56px;border-radius:16px}
.ui-ib__people .ui-ib__portrait{border-radius:50%;padding:4px}
.ui-ib__person,.ui-ib__app,.ui-ib__hub,.ui-ib__agent{position:relative;justify-self:center;display:grid;place-items:center}
.ui-ib__tile{position:relative;display:grid;place-items:center;width:64px;height:64px;padding:0;border-radius:18px;background:var(--paper);box-shadow:0 0 0 1px #0000000f,0 1px 2px #0000000a,0 8px 18px -10px #00000024;transition:box-shadow 350ms ease,background 350ms ease}
.ui-ib__portrait{border-radius:50%;padding:5px}
.ui-ib__portrait img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.ui-ib__app-logo{display:block;width:30px;height:30px;object-fit:contain}
.ui-ib__label{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:max-content;max-width:116px;padding-inline:4px;background:#f4f4f2;text-align:center;font-size:12px;line-height:1.3;color:var(--body);white-space:nowrap}
.ui-ib__label>span{display:block;font-size:11px;margin-top:2px}
.ui-ib__people .ui-ib__label,.ui-ib__apps .ui-ib__label{top:calc(100% + 8px);font-size:11px}
.ui-ib__agents{display:flex;flex-direction:column;align-items:center;gap:66px;padding-bottom:16px}
.ui-ib__center{width:112px;height:108px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#27272d;color:var(--paper);border-radius:21px;box-shadow:0 0 0 1px #00000014,0 8px 22px -12px #00000050;transition:box-shadow 350ms ease}
.ui-ib__center>img{filter:invert(1)}
.ui-ib__center>strong{font-size:19px;line-height:1;letter-spacing:-1px;font-weight:450}
.ui-ib__hub[data-checking] .ui-ib__center{box-shadow:0 0 0 3px var(--beam-ring),0 0 24px 2px var(--beam-glow)}
.ui-ib [data-current]>.ui-ib__tile{box-shadow:0 0 0 2px #ab45f12e,0 1px 2px #00000008}
.ui-ib [data-current]>.ui-ib__label{color:#6e4a89;font-weight:500}
.ui-ib [data-active]>.ui-ib__tile{box-shadow:0 0 0 3px var(--beam-ring),0 1px 2px #00000008,0 0 22px 2px var(--beam-glow)}
.home-content .ui-ib__caption{position:relative;margin:23px 0 0;min-height:22px;text-align:center;font-size:13px;line-height:1.5;color:var(--body)}
.ui-ib__caption{--ui-trv-blur:8px;--ui-trv-rise:.35em;--ui-trv-ease:cubic-bezier(.2,.7,.2,1)}
.ui-ib__caption-word{display:inline-block}
@media(prefers-reduced-motion:no-preference){
 .ui-ib__caption-word{animation:ui-trv-in 550ms var(--ui-trv-ease) both;animation-delay:calc(var(--caption-word)*55ms)}
}
@media(max-width:900px) and (min-width:701px){.ui-ib{padding-inline:25px}.ui-ib__scene{grid-template-columns:64px minmax(16px,1fr) 64px minmax(16px,1fr) 112px minmax(24px,1.2fr) 86px}}
@media(max-width:700px){
 .ui-ib{margin-top:35px;padding:45px 12px 24px}
 .ui-ib__scene{--ui-ib-stack:1;grid-template-columns:1fr 1fr;grid-template-areas:'people people' 'apps apps' 'hub hub' 'agents agents';grid-template-rows:80px 80px 140px 94px;row-gap:24px;min-height:0;padding-bottom:32px}
 .ui-ib__people,.ui-ib__apps{align-self:start;width:100%;flex-direction:row;justify-content:space-around;gap:0;padding-bottom:20px}
 .ui-ib__people .ui-ib__tile,.ui-ib__apps .ui-ib__tile{width:44px;height:44px;border-radius:13px}
 .ui-ib__people .ui-ib__portrait{padding:3px;border-radius:50%}
 .ui-ib__people .ui-ib__label,.ui-ib__apps .ui-ib__label{top:calc(100% + 7px);font-size:10px}
 .ui-ib__app-logo{width:26px;height:26px}
 .ui-ib__tile{width:56px;height:56px;border-radius:16px}.ui-ib__portrait{border-radius:50%;padding:4px}
 .ui-ib__agents{flex-direction:row;justify-content:space-around;align-self:start;width:100%;gap:0;padding:16px 0 0}
 .ui-ib__center{width:104px;height:102px;border-radius:19px}
 .ui-ib__label{font-size:11px;top:calc(100% + 9px);max-width:110px}.ui-ib__label>span{font-size:10px}
 .home-content .ui-ib__caption{margin-top:13px;min-height:38px;font-size:12px;max-width:270px;margin-inline:auto}
}
@media(prefers-reduced-motion:reduce){.ui-ib *{animation:none!important;transition:none!important}.ui-ib__pulse{display:none}}
.ui-ib__hub>.ui-ib__status{position:absolute;left:50%;top:calc(100% + 16px);transform:translateX(-50%);max-width:none}
.ui-ib__agents{gap:95px;padding-bottom:50px}
.ui-ib__agent-status{position:absolute;left:50%;top:calc(100% + 35px);transform:translateX(-50%);max-width:none}
.ui-ib__agent .it-beam-nameplate{width:104px}
@media(max-width:700px){.ui-ib__scene{grid-template-rows:80px 80px 140px 128px}.ui-ib__agents{gap:0;padding:16px 0 0}.ui-ib__hub>.ui-ib__status{top:calc(100% + 12px)}}