*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="night"]{color-scheme:dark;--stage-bg:#0d1020;--ground-solid:#0d1020;--stage-ink:#f7f4ff;--stage-muted:#9a9bb6;--font-display:'Syne',system-ui,sans-serif;--font-body:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',monospace;--accent:#a78bfa;--accent-soft:rgba(167,139,250,0.16);--card-bg:#171a2c;--card-border:1px solid #2d3150;--card-radius:28px;--card-shadow:0 30px 90px rgba(2,3,12,0.55);--cluster-width:340px;--cluster-height:178px;--avatar-size:72px;--avatar-fg:#fff;--avatar-border:3px solid #171a2c;--avatar-shadow:0 14px 26px rgba(2,3,12,0.34);--avatar-focus-shadow:0 16px 35px rgba(167,139,250,0.3);--ring-color:#a78bfa;--status-online:#6ee7b7;--status-call:#fbbf24;--status-shadow:0 0 0 4px #171a2c;--avatar-a-bg:linear-gradient(145deg,#8b5cf6,#4c1d95);--avatar-b-bg:linear-gradient(145deg,#38bdf8,#155e75);--avatar-c-bg:linear-gradient(145deg,#fb7185,#9f1239);--avatar-d-bg:linear-gradient(145deg,#fbbf24,#92400e);--label-bg:#252943;--label-fg:#fff;--label-muted:#b9b9ce;--label-border:1px solid #3a3f63;--label-radius:12px;--label-shadow:0 12px 26px rgba(2,3,12,0.32);--toggle-bg:#a78bfa;--toggle-hover-bg:#c4b5fd;--toggle-fg:#171126;--toggle-border:1px solid #a78bfa;--toggle-radius:999px;--toggle-shadow:0 10px 24px rgba(167,139,250,0.22)}body[data-variant="studio"]{color-scheme:light;--stage-bg:#eadfce;--ground-solid:#eadfce;--stage-ink:#213229;--stage-muted:#6f766c;--font-display:'Syne',system-ui,sans-serif;--font-body:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',monospace;--accent:#b85c3a;--accent-soft:rgba(184,92,58,0.13);--card-bg:#fcf8ee;--card-border:2px solid #213229;--card-radius:8px;--card-shadow:10px 10px 0 #b8c3ae;--cluster-width:340px;--cluster-height:178px;--avatar-size:72px;--avatar-fg:#213229;--avatar-border:3px solid #fcf8ee;--avatar-shadow:7px 7px 0 rgba(33,50,41,0.16);--avatar-focus-shadow:8px 8px 0 rgba(184,92,58,0.28);--ring-color:#b85c3a;--status-online:#547d5c;--status-call:#c58b35;--status-shadow:0 0 0 4px #fcf8ee;--avatar-a-bg:linear-gradient(145deg,#e8ad69,#c8794f);--avatar-b-bg:linear-gradient(145deg,#a8c6b0,#638d70);--avatar-c-bg:linear-gradient(145deg,#d99b91,#b55e55);--avatar-d-bg:linear-gradient(145deg,#d9c27c,#ad8738);--label-bg:#f1e8d8;--label-fg:#213229;--label-muted:#6f766c;--label-border:1px solid #b8c3ae;--label-radius:3px;--label-shadow:6px 6px 0 rgba(33,50,41,0.14);--toggle-bg:#213229;--toggle-hover-bg:#3e5448;--toggle-fg:#fcf8ee;--toggle-border:2px solid #213229;--toggle-radius:3px;--toggle-shadow:5px 5px 0 #b8c3ae}body[data-variant="day"]{color-scheme:light;--stage-bg:#e7f3ef;--ground-solid:#e7f3ef;--stage-ink:#153c3e;--stage-muted:#5a7d7c;--font-display:'Syne',system-ui,sans-serif;--font-body:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',monospace;--accent:#0e9a91;--accent-soft:rgba(14,154,145,0.12);--card-bg:#fbfffd;--card-border:1px solid #bde0da;--card-radius:44px;--card-shadow:0 24px 64px rgba(29,111,107,0.18);--cluster-width:340px;--cluster-height:178px;--avatar-size:72px;--avatar-fg:#fff;--avatar-border:4px solid #fbfffd;--avatar-shadow:0 12px 24px rgba(29,111,107,0.18);--avatar-focus-shadow:0 16px 34px rgba(14,154,145,0.3);--ring-color:#0e9a91;--status-online:#20a36e;--status-call:#e19a29;--status-shadow:0 0 0 4px #fbfffd;--avatar-a-bg:linear-gradient(145deg,#43bcb0,#167d78);--avatar-b-bg:linear-gradient(145deg,#65b8d0,#267f9f);--avatar-c-bg:linear-gradient(145deg,#ef93a2,#c44e67);--avatar-d-bg:linear-gradient(145deg,#f4c75f,#c17b25);--label-bg:#f2fffc;--label-fg:#153c3e;--label-muted:#5a7d7c;--label-border:1px solid #bde0da;--label-radius:18px;--label-shadow:0 12px 24px rgba(29,111,107,0.16);--toggle-bg:#0e9a91;--toggle-hover-bg:#087c76;--toggle-fg:#fff;--toggle-border:1px solid #0e9a91;--toggle-radius:999px;--toggle-shadow:0 10px 22px rgba(14,154,145,0.24)}html{overflow-x:clip;scroll-behavior:auto}body{min-height:100svh;overflow:hidden;background:var(--stage-bg);color:var(--stage-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--toggle-fg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--stage-bg)}::-webkit-scrollbar-thumb{background:var(--stage-muted);border:3px solid var(--stage-bg);border-radius:8px}.showcase-shell{display:grid;width:100%;min-height:100svh;padding:clamp(1.2rem,4vw,3rem);align-content:center}.showcase-stage{width:100%}.presence-card{width:min(100%,620px);min-height:410px;margin:0 auto;padding:clamp(1.4rem,4vw,2.25rem);background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.presence-card__header,.presence-card__footer,.presence-cluster__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.presence-card__header{align-items:flex-start}.presence-eyebrow,.presence-cluster__meta,.online-count{font-family:var(--font-mono);font-size:0.62rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase}.presence-eyebrow{color:var(--accent)}.presence-card h1{margin-top:0.45rem;color:var(--stage-ink);font-family:var(--font-display);font-size:clamp(1.65rem,4vw,2.25rem);letter-spacing:-0.055em;line-height:1}.online-count{display:inline-flex;align-items:center;gap:0.42rem;padding-top:0.22rem;color:var(--stage-muted);white-space:nowrap;letter-spacing:0.08em}.online-count i{width:0.48rem;height:0.48rem;border-radius:50%;background:var(--status-online);box-shadow:var(--status-shadow)}.presence-cluster{margin-top:2.25rem}.presence-cluster__meta{color:var(--stage-muted)}.presence-cluster__hint{letter-spacing:0;text-transform:none}.avatar-list{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:min(100%,var(--cluster-width));min-height:var(--cluster-height);margin:0 auto}.has-js .avatar-list{position:relative;height:var(--cluster-height)}.presence-avatar{position:relative;display:grid;width:var(--avatar-size);height:var(--avatar-size);flex:0 0 var(--avatar-size);place-items:center;border:0;background:transparent;color:var(--avatar-fg);cursor:pointer;outline:none;font:inherit;isolation:isolate;-webkit-tap-highlight-color:transparent;will-change:transform}.has-js .presence-avatar{position:absolute;top:50%;left:50%;margin-top:calc(var(--avatar-size) / -2);margin-left:calc(var(--avatar-size) / -2)}.avatar-shell{position:relative;display:grid;width:100%;height:100%;place-items:center;border:var(--avatar-border);border-radius:50%;box-shadow:var(--avatar-shadow);font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:-0.08em}.presence-avatar[data-color="a"] .avatar-shell{background:var(--avatar-a-bg)}.presence-avatar[data-color="b"] .avatar-shell{background:var(--avatar-b-bg)}.presence-avatar[data-color="c"] .avatar-shell{background:var(--avatar-c-bg)}.presence-avatar[data-color="d"] .avatar-shell{background:var(--avatar-d-bg)}.avatar-ring{position:absolute;inset:-6px;border:2px solid var(--ring-color);border-radius:50%;opacity:0.5;pointer-events:none}.status-dot{position:absolute;right:-1px;bottom:1px;width:0.9rem;height:0.9rem;border:3px solid var(--card-bg);border-radius:50%;box-shadow:var(--status-shadow)}.status-dot--available{background:var(--status-online)}.status-dot--call{background:var(--status-call)}.avatar-info{position:absolute;top:calc(100% + 0.8rem);left:50%;translate:-50% 0;z-index:3;display:grid;gap:0.1rem;min-width:max-content;padding:0.55rem 0.78rem;border:var(--label-border);border-radius:var(--label-radius);background:var(--label-bg);box-shadow:var(--label-shadow);color:var(--label-fg);text-align:left;pointer-events:none}.avatar-info__content{display:grid;gap:0.1rem}.has-js .avatar-info{opacity:0}.avatar-info strong{font-size:0.76rem;font-weight:600}.avatar-info small{color:var(--label-muted);font-size:0.64rem}.presence-avatar:hover .avatar-shell,.presence-avatar:focus-visible .avatar-shell,.presence-avatar.is-focused .avatar-shell,.presence-avatar.is-lead .avatar-shell{box-shadow:var(--avatar-focus-shadow)}.presence-avatar:focus-visible{outline:2px solid var(--accent);outline-offset:7px;border-radius:50%}.presence-card__footer{align-items:flex-end;padding-top:1.15rem;border-top:1px solid color-mix(in srgb,var(--stage-muted) 20%,transparent)}.presence-card__note{max-width:21rem;color:var(--stage-muted);font-size:0.76rem;line-height:1.45}.team-toggle{display:inline-flex;align-items:center;justify-content:center;gap:0.55rem;min-width:7.7rem;padding:0.68rem 0.9rem;border:var(--toggle-border);border-radius:var(--toggle-radius);background:var(--toggle-bg);box-shadow:var(--toggle-shadow);color:var(--toggle-fg);cursor:pointer;font-family:var(--font-body);font-size:0.75rem;font-weight:600;transition:background-color 180ms ease,box-shadow 180ms ease}.team-toggle:hover{background:var(--toggle-hover-bg)}.team-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.team-toggle__icon{position:relative;width:0.72rem;height:0.72rem}.team-toggle__icon::before,.team-toggle__icon::after{position:absolute;top:50%;left:50%;width:0.72rem;height:2px;background:currentColor;content:'';transform:translate(-50%,-50%)}.team-toggle__icon::after{width:2px;height:0.72rem}.is-open .team-toggle__icon::after{opacity:0}@media (prefers-reduced-motion:reduce){.has-js .avatar-info{opacity:1}*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}@media (max-width:600px){.showcase-shell{padding:1rem}.presence-card{min-height:430px;padding:1.35rem 1.1rem}.presence-cluster{margin-top:1.8rem}.presence-cluster__meta{align-items:flex-start;flex-direction:column;gap:0.35rem}.avatar-list{--cluster-width:300px;--cluster-height:188px}.presence-card__footer{align-items:stretch;flex-direction:column;gap:1rem}.team-toggle{align-self:flex-start}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}