.ct-page{--ct-surface:color-mix(in srgb,var(--bs-body-bg,#10141b) 88%,white 12%);--ct-border:color-mix(in srgb,var(--bs-body-color,#eef2f7) 14%,transparent);--ct-muted:color-mix(in srgb,var(--bs-body-color,#eef2f7) 62%,transparent);display:grid;gap:clamp(2rem,5vw,4.5rem);padding-block:1rem 3rem}.ct-intro{max-width:760px;margin:0 auto;color:var(--ct-muted);text-align:center;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.ct-group-level{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:clamp(1.5rem,3vw,3rem)}.ct-group{position:relative;min-width:0}.ct-group-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem}.ct-group-head:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--ct-accent),transparent)}.ct-group-head h2{margin:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:800}.ct-group-head p{margin:.25rem 0 0;color:var(--ct-muted)}.ct-group-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:var(--ct-accent);background:color-mix(in srgb,var(--ct-accent) 14%,transparent)}.ct-group-count{order:4;color:var(--ct-muted);font-weight:700}.ct-members{display:grid;grid-template-columns:repeat(var(--ct-cols),minmax(0,1fr));gap:1rem}.ct-group-level.has-siblings .ct-members{grid-template-columns:1fr}.ct-columns-2{--ct-cols:2}.ct-columns-3{--ct-cols:3}.ct-columns-4{--ct-cols:4}.ct-member{position:relative;display:flex;align-items:flex-start;gap:1rem;min-width:0;padding:1.25rem;border:1px solid var(--ct-border);border-radius:20px;background:var(--ct-surface);overflow:hidden;transition:transform .2s ease,border-color .2s ease}.ct-member:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ct-accent);opacity:.8}.ct-member:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ct-accent) 42%,var(--ct-border))}.ct-style-glass .ct-member{background:color-mix(in srgb,var(--ct-surface) 74%,transparent);backdrop-filter:blur(14px)}.ct-style-outline .ct-member{background:transparent}.ct-avatar-wrap{position:relative;flex:0 0 auto}.ct-avatar{display:grid;place-items:center;width:74px;height:74px;border-radius:18px;object-fit:cover;background:color-mix(in srgb,var(--ct-accent) 22%,var(--ct-surface));color:var(--bs-body-color,#fff);font-size:1.3rem;font-weight:900;box-shadow:0 10px 28px color-mix(in srgb,var(--ct-accent) 18%,transparent)}.ct-presence{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border:3px solid var(--ct-surface);border-radius:50%;background:#78808d}.ct-presence.is-available,.ct-status.is-available i{background:#36db86}.ct-presence.is-busy{background:#ff5e6c}.ct-presence.is-away{background:#ffba3a}.ct-presence.is-offline{background:#78808d}.ct-member-body{min-width:0;flex:1}.ct-name-line{display:flex;align-items:center;gap:.45rem}.ct-name-line h3{margin:0;font-size:1.08rem;font-weight:800;overflow-wrap:anywhere}.ct-featured{color:var(--ct-accent);font-size:.8rem}.ct-role{display:block;margin:.18rem 0 .5rem;color:var(--ct-accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ct-status{display:inline-flex;align-items:center;gap:.4rem;color:var(--ct-muted);font-size:.76rem}.ct-status i{width:6px;height:6px;border-radius:50%;background:#78808d}.ct-description{margin:.75rem 0 0;color:var(--ct-muted);font-size:.92rem;line-height:1.55}.ct-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.ct-tags span{padding:.25rem .55rem;border-radius:99px;background:color-mix(in srgb,var(--ct-accent) 10%,transparent);color:color-mix(in srgb,var(--ct-accent) 75%,var(--bs-body-color,#fff));font-size:.72rem;font-weight:700}.ct-links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.ct-links a{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .55rem;border-radius:9px;color:var(--ct-muted);text-decoration:none;background:color-mix(in srgb,var(--bs-body-color,#fff) 6%,transparent);font-size:.75rem}.ct-links a:hover{color:var(--ct-accent)}.ct-empty{text-align:center;color:var(--ct-muted);padding:4rem 1rem}.ct-empty i{font-size:2rem}
/* Layout 2: compact list */.ct-layout-compact .ct-group{display:grid;grid-template-columns:minmax(190px,.35fr) 1fr;gap:1.5rem}.ct-layout-compact .ct-group-head{align-content:start;align-items:flex-start;position:sticky;top:1rem}.ct-layout-compact .ct-group-head:after,.ct-layout-compact .ct-group-count{display:none}.ct-layout-compact .ct-members{grid-template-columns:1fr}.ct-layout-compact .ct-member{align-items:center;padding:.85rem 1rem;border-radius:14px}.ct-layout-compact .ct-avatar{width:52px;height:52px;border-radius:13px}.ct-layout-compact .ct-description{margin:.35rem 0 0}.ct-layout-compact .ct-tags{margin-top:.5rem}
/* Layout 3: spotlight */.ct-layout-spotlight .ct-members{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-layout-spotlight .ct-member{min-height:210px;padding:1.6rem;align-items:center}.ct-layout-spotlight .ct-member.is-featured{grid-column:1/-1;min-height:260px}.ct-layout-spotlight .ct-member.is-featured .ct-avatar{width:150px;height:150px;border-radius:34px;font-size:2.2rem}.ct-layout-spotlight .ct-member.is-featured h3{font-size:1.65rem}.ct-layout-spotlight .ct-member.is-featured .ct-description{max-width:700px;font-size:1rem}
/* Layout 4: connected hierarchy */.ct-layout-hierarchy{display:block}.ct-tree{display:flex;flex-direction:column;align-items:center;gap:4rem;padding:1.5rem 0;overflow-x:auto}.ct-tree-group{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;--ct-line:color-mix(in srgb,var(--ct-accent) 58%,var(--ct-border))}.ct-tree-group.is-root{padding:1.5rem;border-radius:32px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--ct-accent) 10%,transparent),transparent 48%)}.ct-tree-label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.8rem;max-width:480px;margin:0 auto 1.2rem;padding:.65rem 1rem;border:1px solid color-mix(in srgb,var(--ct-accent) 35%,var(--ct-border));border-radius:999px;background:var(--ct-surface);box-shadow:0 10px 32px rgba(0,0,0,.12);text-align:left}.ct-tree-label>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--ct-accent);background:color-mix(in srgb,var(--ct-accent) 14%,transparent)}.ct-tree-label h2{margin:0;font-size:.98rem;font-weight:850}.ct-tree-label p{margin:.08rem 0 0;color:var(--ct-muted);font-size:.75rem}.ct-tree-leader{width:min(100%,380px)}.ct-layout-hierarchy .ct-member{width:100%;display:block;text-align:center;padding:1.35rem}.ct-layout-hierarchy .ct-avatar-wrap{width:max-content;margin:0 auto .85rem}.ct-layout-hierarchy .ct-name-line,.ct-layout-hierarchy .ct-tags,.ct-layout-hierarchy .ct-links{justify-content:center}.ct-layout-hierarchy .ct-member:before{inset:0 0 auto;width:auto;height:3px}.ct-tree-arrow,.ct-tree-downlink{position:relative;display:flex;align-items:flex-end;justify-content:center;width:2px;height:52px;margin:0 auto;background:linear-gradient(var(--ct-line),var(--ct-accent));color:var(--ct-accent)}.ct-tree-arrow i,.ct-tree-downlink i{position:absolute;bottom:-9px;display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--ct-line);border-radius:50%;background:var(--bs-body-bg,#10141b);font-size:.68rem}.ct-tree-children{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:clamp(1rem,3vw,2.5rem);width:100%;padding-top:36px}.ct-tree-children:before{content:"";position:absolute;top:0;left:calc(50% / var(--ct-count,1));right:calc(50% / var(--ct-count,1));height:1px;background:var(--ct-line)}.ct-tree-children.has-one:before{display:none}.ct-tree-branch{position:relative;flex:1 1 250px;max-width:340px;min-width:220px}.ct-tree-branch:before{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:36px;background:var(--ct-line)}.ct-tree-child-groups{align-self:stretch}.ct-tree-child-groups>.ct-tree-group-branch{max-width:none}.ct-tree-child-groups>.ct-tree-group-branch>.ct-tree-group{height:100%}.ct-tree-group.is-nested{margin-top:0;padding-top:0}.ct-tree-group.is-nested>.ct-tree-label{margin-bottom:1rem;border-radius:14px;color:var(--ct-accent)}.ct-tree-downlink{height:48px}.ct-tree-group.is-nested .ct-tree-children{gap:1rem}.ct-tree-group.is-nested .ct-tree-branch{min-width:200px}.ct-tree-group.is-nested .ct-member{padding:1rem}.ct-tree-group.is-nested .ct-avatar{width:58px;height:58px;border-radius:15px}.ct-tree-group.is-nested .ct-description{font-size:.84rem}
/* Layout 5: minimal */.ct-layout-minimal .ct-group-head{margin-bottom:.75rem}.ct-layout-minimal .ct-members{display:flex;flex-wrap:wrap;gap:.7rem}.ct-layout-minimal .ct-member{flex:1 1 220px;padding:.7rem;background:transparent;border-color:transparent;border-radius:12px;align-items:center}.ct-layout-minimal .ct-member:before,.ct-layout-minimal .ct-description,.ct-layout-minimal .ct-tags,.ct-layout-minimal .ct-status{display:none}.ct-layout-minimal .ct-avatar{width:46px;height:46px;border-radius:50%;box-shadow:none}.ct-layout-minimal .ct-role{margin-bottom:0}.ct-layout-minimal .ct-links{margin-top:.4rem}.ct-layout-minimal .ct-links a{padding:.15rem;background:transparent}.ct-layout-minimal .ct-links span{display:none}
@media(max-width:991.98px){.ct-group-level{grid-template-columns:1fr}.ct-columns-3 .ct-members,.ct-columns-4 .ct-members{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-layout-compact .ct-group{grid-template-columns:1fr}.ct-layout-compact .ct-group-head{position:static}.ct-layout-spotlight .ct-member.is-featured .ct-avatar{width:110px;height:110px}}
@media(max-width:575.98px){.ct-members,.ct-columns-2 .ct-members,.ct-columns-3 .ct-members,.ct-columns-4 .ct-members,.ct-layout-spotlight .ct-members{grid-template-columns:1fr}.ct-layout-spotlight .ct-member.is-featured{grid-column:auto}.ct-layout-spotlight .ct-member,.ct-layout-spotlight .ct-member.is-featured{min-height:0;align-items:flex-start}.ct-layout-spotlight .ct-member.is-featured .ct-avatar{width:74px;height:74px;border-radius:18px;font-size:1.3rem}.ct-member{padding:1rem}.ct-group-head p{display:none}.ct-links a span{display:none}.ct-links a{font-size:1rem}.ct-tree{overflow:visible}.ct-tree-group.is-root{padding:1rem .25rem}.ct-tree-children{flex-direction:column;align-items:center;padding-top:28px}.ct-tree-children:before{display:none}.ct-tree-branch{flex:none;width:100%;min-width:0;max-width:360px}.ct-tree-branch:before{height:28px}.ct-tree-label p{display:none}.ct-layout-hierarchy .ct-member{display:flex;text-align:left}.ct-layout-hierarchy .ct-avatar-wrap{margin:0}.ct-layout-hierarchy .ct-name-line,.ct-layout-hierarchy .ct-tags,.ct-layout-hierarchy .ct-links{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.ct-member{transition:none}.ct-member:hover{transform:none}}

/* One reflective pane covers the complete member card. */
.ct-style-glass .ct-member{
    isolation:isolate;
    background:
        linear-gradient(145deg,color-mix(in srgb,white 16%,transparent) 0%,color-mix(in srgb,var(--ct-accent) 5%,transparent) 42%,color-mix(in srgb,black 7%,transparent) 100%),
        color-mix(in srgb,var(--bs-body-bg,#10141b) 52%,transparent);
    border-color:color-mix(in srgb,white 28%,var(--ct-border));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb,white 48%,transparent),
        inset 1px 0 0 color-mix(in srgb,white 12%,transparent),
        inset 0 -1px 0 color-mix(in srgb,var(--ct-accent) 14%,transparent),
        0 18px 50px rgba(0,0,0,.2),
        0 0 38px color-mix(in srgb,var(--ct-accent) 13%,transparent);
    -webkit-backdrop-filter:blur(20px) saturate(145%) contrast(105%);
    backdrop-filter:blur(20px) saturate(145%) contrast(105%);
}
.ct-style-glass .ct-member>*{position:relative;z-index:2}
.ct-style-glass .ct-member:before{
    content:"";
    position:absolute;
    z-index:0;
    inset:-70% 28% 25% -28%;
    width:auto;
    height:auto;
    border-radius:50%;
    background:radial-gradient(circle,color-mix(in srgb,var(--ct-accent) 30%,white 8%) 0%,transparent 68%);
    filter:blur(18px);
    opacity:.52;
    pointer-events:none;
}
.ct-style-glass .ct-member:after{
    content:"";
    position:absolute;
    z-index:4;
    inset:-45% -35%;
    border-radius:inherit;
    background:
        linear-gradient(112deg,transparent 28%,color-mix(in srgb,white 7%,transparent) 38%,color-mix(in srgb,white 34%,transparent) 47%,color-mix(in srgb,white 8%,transparent) 55%,transparent 67%),
        radial-gradient(ellipse at 18% 8%,color-mix(in srgb,white 22%,transparent),transparent 32%);
    transform:translateX(-24%) rotate(-1deg);
    opacity:.72;
    pointer-events:none;
    transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .3s ease;
}
.ct-style-glass .ct-member:hover{
    border-color:color-mix(in srgb,var(--ct-accent) 38%,white 28%);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb,white 58%,transparent),
        inset 1px 0 0 color-mix(in srgb,white 16%,transparent),
        0 22px 58px rgba(0,0,0,.24),
        0 0 52px color-mix(in srgb,var(--ct-accent) 20%,transparent);
}
.ct-style-glass .ct-member:hover:after{transform:translateX(22%) rotate(-1deg);opacity:.86}
.ct-style-glass .ct-avatar{filter:saturate(.92) contrast(.98);box-shadow:0 12px 34px color-mix(in srgb,var(--ct-accent) 22%,rgba(0,0,0,.22))}
img.ct-avatar{background:transparent}
.ct-style-glass .ct-presence{z-index:5;border-color:color-mix(in srgb,var(--bs-body-bg,#10141b) 55%,transparent);box-shadow:0 0 12px currentColor}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ct-style-glass .ct-member{background:color-mix(in srgb,var(--bs-body-bg,#10141b) 92%,var(--ct-accent) 8%)}}
@media(prefers-reduced-motion:reduce){.ct-style-glass .ct-member:after{transition:none}.ct-style-glass .ct-member:hover:after{transform:translateX(-24%) rotate(-1deg)}}
.ct-layout-hierarchy .ct-tree-group.is-root{background:none;border-radius:0}
.ct-page{width:100%;max-width:100%;min-width:0}.ct-page,.ct-page *{box-sizing:border-box}.ct-intro{width:100%;max-width:760px;min-width:0;overflow-wrap:anywhere}
.ct-layout-compact .ct-group-level.has-siblings .ct-group{grid-template-columns:1fr}.ct-layout-compact .ct-group-level.has-siblings .ct-group-head{position:static}
@media(max-width:575.98px){.ct-page{overflow-x:clip}.ct-intro{max-width:100%;padding-inline:.25rem}.ct-tree,.ct-tree-group,.ct-tree-group.is-root,.ct-tree-children{width:100%;max-width:100%;min-width:0}.ct-tree{overflow:hidden}.ct-tree-branch,.ct-tree-child-groups>.ct-tree-group-branch{flex:none;width:100%;max-width:min(360px,100%);min-width:0}.ct-tree-label,.ct-layout-hierarchy .ct-member{max-width:100%}}