.oc{display:flex;flex-direction:column;align-items:center;gap:0;padding:28px 0 36px;width:100%}.oc-tier--dir{display:flex;justify-content:center}.oc-tier--divs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:900px}.oc-connector{width:1px;background:hsla(0,0%,100%,.1);margin:0 auto}.oc-connector--dir{height:28px;position:relative}.oc-connector--dir:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(660px,66vw);height:1px;background:hsla(0,0%,100%,.1)}.oc-connector--agents{height:16px}.oc-col{display:flex;flex-direction:column;align-items:center;position:relative}.oc-col:before{content:"";display:block;width:1px;height:24px;background:hsla(0,0%,100%,.1)}.oc-dir{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 30px;border:1px solid rgba(242,186,92,.4);border-radius:18px;background:linear-gradient(180deg,rgba(242,186,92,.12),rgba(242,186,92,.05)),rgba(255,255,255,.02);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 32px rgba(0,0,0,.24)}.oc-dir__icon{font-size:18px;line-height:1}.oc-dir__name{font-family:var(--font-sans,system-ui);font-size:.95rem;font-weight:700;color:hsla(0,0%,93%,1);letter-spacing:-.01em}.oc-dir__role{font-family:var(--font-mono);font-size:9px;color:hsla(0,0%,50%,1);text-transform:uppercase;letter-spacing:.12em}.oc-div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 20px;border-radius:14px;border:1px solid;width:100%;max-width:260px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.oc-div__icon{font-size:15px;line-height:1}.oc-div__name{font-family:var(--font-sans,system-ui);font-size:13px;font-weight:600;color:hsla(0,0%,92%,1)}.oc-div__label{font-family:var(--font-mono);font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,48%,1)}.oc-div--research{border-color:hsl(185,60%,45%);background:hsla(185,60%,45%,.06)}.oc-div--ops{border-color:hsl(220,55%,52%);background:hsla(220,55%,52%,.06)}.oc-div--intel{border-color:hsl(270,35%,55%);background:hsla(270,35%,55%,.06)}.oc-agents{display:flex;flex-direction:column;gap:6px;width:100%;max-width:260px}.oc-agent{border:1px solid hsla(0,0%,100%,.06);border-radius:14px;background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.018)),hsla(0,0%,100%,.02);cursor:pointer;transition:border-color .2s,background .2s,transform .2s;overflow:hidden}.oc-agent:hover{border-color:hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);transform:translateY(-1px)}.oc-agent--research{border-left:2px solid hsl(185,60%,45%)}.oc-agent--ops{border-left:2px solid hsl(220,55%,52%)}.oc-agent--intel{border-left:2px solid hsl(270,35%,55%)}.oc-agent--open{border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.04)}.oc-agent__head{display:flex;align-items:flex-start;gap:10px;padding:10px 12px}.oc-agent__icon{font-size:14px;flex-shrink:0;line-height:1}.oc-agent__info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.oc-agent__name{font-family:var(--font-sans,system-ui);font-size:.82rem;font-weight:650;color:hsla(0,0%,90%,1)}.oc-agent__role{font-size:.58rem;color:hsla(0,0%,48%,1);line-height:1.5}.oc-agent__role,.oc-agent__tier{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.oc-agent__tier{flex-shrink:0;font-size:.52rem;font-weight:700;padding:.26rem .45rem;border-radius:999px;max-width:7rem;text-align:center;line-height:1.35;background:rgba(255,255,255,.06);color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.08)}.oc-agent__tier--pro{background:hsla(40,80%,50%,.15);color:hsl(40,80%,60%);border:1px solid hsla(40,80%,50%,.25)}.oc-agent__tier--flash{background:hsla(145,55%,45%,.15);color:hsl(145,55%,60%);border:1px solid hsla(145,55%,45%,.25)}.oc-agent__details{padding:.35rem .75rem .85rem;border-top:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;gap:.35rem}.oc-detail{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-family:var(--font-mono);font-size:.64rem;line-height:1.5}.oc-detail__k{color:hsla(0,0%,48%,1);flex-shrink:0}.oc-detail__v{color:hsla(0,0%,72%,1);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}@media (max-width:900px){.oc-tier--divs{min-width:860px}}[data-theme=light] .oc-col:before,[data-theme=light] .oc-connector,[data-theme=light] .oc-connector--dir:after{background:hsla(0,0%,0%,.1)}[data-theme=light] .oc-dir{background:hsla(40,65%,45%,.04)}[data-theme=light] .oc-dir__name{color:hsla(0,0%,10%,1)}[data-theme=light] .oc-dir__role{color:hsla(0,0%,45%,1)}[data-theme=light] .oc-div__name{color:hsla(0,0%,10%,1)}[data-theme=light] .oc-div__label{color:hsla(0,0%,45%,1)}[data-theme=light] .oc-div--research{background:hsla(185,60%,45%,.04)}[data-theme=light] .oc-div--ops{background:hsla(220,55%,52%,.04)}[data-theme=light] .oc-div--intel{background:hsla(270,35%,55%,.04)}[data-theme=light] .oc-agent{border-color:hsla(0,0%,0%,.08);background:hsla(0,0%,0%,.02)}[data-theme=light] .oc-agent:hover{border-color:hsla(0,0%,0%,.14);background:hsla(0,0%,0%,.04)}[data-theme=light] .oc-agent--open{border-color:hsla(0,0%,0%,.16);background:hsla(0,0%,0%,.03)}[data-theme=light] .oc-agent__name{color:hsla(0,0%,10%,1)}[data-theme=light] .oc-agent__role{color:hsla(0,0%,42%,1)}[data-theme=light] .oc-agent__details{border-top-color:hsla(0,0%,0%,.06)}[data-theme=light] .oc-detail__k{color:hsla(0,0%,42%,1)}[data-theme=light] .oc-detail__v{color:hsla(0,0%,20%,1)}