@layer components{.agr{--agr-green:#5fd3a3;--agr-green-line:#128a5e;--agr-slot-h:148px;flex-direction:column;gap:16px;display:flex}.agr-bar{order:1;justify-content:space-between;align-items:center;gap:16px;min-height:36px;display:flex}.agr-note{letter-spacing:.13em;text-transform:uppercase;color:#8f9ab8;font-size:11px;font-weight:700;line-height:14px}.agr-replay{visibility:hidden;opacity:0;transition:opacity .3s ease-out}.agr[data-phase=done] .agr-replay{visibility:visible;opacity:1}.agr-list{flex-direction:column;gap:40px;display:flex;position:relative}.agr-rail{flex-direction:column;gap:14px;display:flex}.agr-slot{height:var(--agr-slot-h);border:1px dashed #ffffff24;border-radius:14px}.agr-status{border-top:1px solid var(--agr-green-line);min-height:40px;color:var(--agr-green);transition:border-color .2s var(--motion-ease), color .2s var(--motion-ease);align-items:center;gap:8px;padding-top:18px;font-size:13px;font-weight:700;line-height:18px;display:flex}.agr-status>*{transition:opacity .2s var(--motion-ease)}.agr-status-wait{display:none}.agr-check{flex-shrink:0;width:16px;height:16px}.agr-check circle{fill:var(--agr-green-line)}.agr-check path{fill:none;stroke:var(--color-neutral-0);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.agr-icon *{transition:stroke .2s var(--motion-ease);stroke:var(--agr-green)}.agr[data-armed] .agr-rail:not([data-lit]) .agr-status{border-top-color:#ffffff24}.agr[data-armed] .agr-rail:not([data-lit]) .agr-status>*{opacity:0}.agr[data-armed] .agr-rail:not([data-lit]) .agr-icon *{stroke:var(--color-text-on-dark-muted)}.agr[data-armed] .agr-rail[data-lit] .agr-check{animation:motion-pop-in .2s var(--motion-ease) both}.agr[data-phase=waiting] .agr-rail:last-child .agr-status{border-top-color:var(--color-viz-gold);color:var(--color-viz-gold)}.agr[data-phase=waiting] .agr-rail:last-child .agr-status>*{opacity:1}.agr[data-phase=waiting] .agr-rail:last-child :is(.agr-check,.agr-status-text){display:none}.agr[data-phase=waiting] .agr-rail:last-child .agr-status-wait{align-items:center;gap:8px;display:flex}.agr-status-wait:before{content:"";background:var(--color-viz-gold);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite motion-pulse}.agr-card{border:1px solid color-mix(in srgb, var(--agr-green-line) 50%, transparent);background:linear-gradient(color-mix(in srgb, var(--agr-green-line) 18%, transparent)), var(--color-brand-navy-deep);height:100%;transition:transform .25s var(--motion-ease), opacity .2s ease-out, border-color .25s var(--motion-ease), background .25s var(--motion-ease);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;box-shadow:0 18px 40px -18px #0009}.agr-card-label{letter-spacing:.13em;text-transform:uppercase;color:#8f9ab8;font-size:10px;font-weight:800;line-height:12px}.agr-card-title{color:var(--color-text-on-dark);font-size:15px;font-weight:700;line-height:21px}.agr-card-tool{color:var(--color-text-on-dark-muted);font-weight:500;display:block}.agr-card-foot{place-items:center start;margin-top:auto;display:grid}.agr-card-foot>*{grid-area:1/1}.agr-confirm{visibility:hidden;opacity:0;transition:opacity .3s ease-out}.agr-done{color:var(--agr-green);align-items:center;gap:8px;font-size:12px;font-weight:700;line-height:16px;display:flex}.agr[data-armed] .agr-card{z-index:1;width:var(--agr-w);height:var(--agr-slot-h);transform:translate(var(--agr-x), var(--agr-y));position:absolute;top:0;left:0}.agr[data-hidden] .agr-card{opacity:0;transition:none}.agr[data-armed]:not([data-phase=done]) .agr-card{background:var(--color-brand-navy-deep);border-color:#ffffff29}.agr[data-armed]:not([data-phase=done]) .agr-card-label{color:var(--color-viz-gold)}.agr[data-phase=waiting] .agr-card{border-color:color-mix(in srgb, var(--color-viz-gold) 60%, transparent)}.agr[data-armed]:not([data-phase=done]) .agr-done{visibility:hidden}.agr[data-phase=waiting] .agr-confirm{visibility:visible;opacity:1}.agr[data-phase=done] .agr-done{animation:chat-rise .25s var(--motion-ease) both}@media (min-width:1024px){.agr-bar{order:0}.agr-list{flex-direction:row;gap:24px}.agr-rail{flex:1 1 0;min-width:0}}@media (prefers-reduced-motion:reduce){.agr *{transition:none!important;animation:none!important}}}