.cx-root{--ap-ink:#08111d;--ap-ink-deep:#0b1420;--ap-muted:#5f6673;--ap-canvas:#fbf7f1;--ap-card-bg:rgba(255,255,255,0.92);--ap-border:rgba(15,23,42,0.08);--ap-border-strong:rgba(15,23,42,0.16);--ap-brand-violet:#7b3fe4;--ap-brand-pink:#ff3e9a;--ap-brand-gradient:linear-gradient(135deg,#7b3fe4,#ff3e9a);--ap-brand-gradient-hover:linear-gradient(135deg,#6928d4,#ef2d8c);--ap-teal:#007d73;--ap-soft-violet:rgba(123,63,228,0.10);--ap-soft-violet-border:rgba(123,63,228,0.35);--ap-soft-pink:rgba(255,62,154,0.10);--ap-soft-pink-border:rgba(255,62,154,0.35);--ap-danger:#c0392b;--ap-soft-danger:rgba(192,57,43,0.06);--ap-soft-danger-border:rgba(192,57,43,0.40);--ap-ease:cubic-bezier(0.2,0.8,0.2,1);--ap-focus-ring:0 0 0 3px rgba(123,63,228,0.45);min-width:0;container-type:inline-size}.cx-hero,.cx-root{display:flex;flex-direction:column;gap:18px}.cx-hero{position:relative;padding:24px 24px 22px;border-radius:28px;background:radial-gradient(760px 360px at 0 96%,rgba(37,88,255,.36),transparent 62%),radial-gradient(620px 300px at 100% 8%,rgba(255,108,188,.3),transparent 60%),linear-gradient(115deg,#11156f,#3a2190 46%,#6b2ca8 72%,#ab4db8);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 22px 48px rgba(28,10,68,.34);overflow:hidden;isolation:isolate}.cx-hero:before{background:url(/brand/illustrations/community-hero-background.png) 100%/cover no-repeat,url(/brand/illustrations/community-hero-city.svg) 100%/cover no-repeat;opacity:.86}.cx-hero:after,.cx-hero:before{content:"";position:absolute;inset:0;pointer-events:none}.cx-hero:after{background:linear-gradient(90deg,rgba(18,17,112,.56),rgba(73,39,148,.32) 44%,rgba(205,97,176,.22)),radial-gradient(circle at 14% 30%,rgba(255,255,255,.18),transparent 38%),radial-gradient(circle at 86% 22%,rgba(255,255,255,.15),transparent 44%);opacity:.72}.cx-hero>*{position:relative}.cx-hero-main{display:grid;grid-template-columns:360px minmax(0,1fr) 178px;grid-gap:16px;gap:16px;align-items:center}.cx-hero-icon{width:320px;height:320px;background:transparent;border:0;box-shadow:none;display:block}.cx-hero-icon-image{width:100%;height:100%;object-fit:contain;display:block}.cx-hero-content{min-width:0;display:flex;flex-direction:column;gap:12px}.cx-hero-brand-row{display:inline-flex;align-items:center}.cx-hero-brand{width:clamp(210px,35vw,340px);height:auto;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(10,3,29,.4))}.cx-hero-title{margin:0;font-size:clamp(50px,6vw,92px);font-weight:900;letter-spacing:-.035em;line-height:.94;color:#ffffff;text-wrap:balance;overflow-wrap:normal;word-break:normal;text-shadow:0 5px 22px rgba(10,4,26,.5)}.cx-hero-subtitle{margin:0;font-size:clamp(15px,1.6vw,21px);line-height:1.38;color:rgba(255,255,255,.93);max-width:44ch}.cx-hero-subtitle strong{color:#ff74c6;font-weight:800}.cx-hero-context{margin:0;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,218,255,.88)}.cx-hero-search-row{gap:12px;margin-top:2px}.cx-hero-search-row,.cx-search{display:flex;align-items:center}.cx-search{flex:1 1 auto;gap:10px;padding:14px 18px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.32);border-radius:999px;transition:border-color .14s var(--ap-ease),box-shadow .14s var(--ap-ease),background .14s var(--ap-ease)}.cx-search:focus-within{border-color:rgba(255,255,255,.82);box-shadow:0 0 0 3px rgba(255,255,255,.25);background:rgba(255,255,255,.2)}.cx-search svg{flex:none;color:rgba(255,255,255,.9)}.cx-search input{flex:1 1 auto;border:none;outline:none;background:transparent;font:inherit;color:#ffffff;font-size:18px;padding:1px 0;min-width:0}.cx-search input::placeholder{color:rgba(255,255,255,.84)}.cx-search-arrow{flex:none;width:30px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.34);display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:rgba(255,255,255,.92)}.cx-hero-create-btn{padding-inline:20px;padding-block:13px;font-size:16px;white-space:nowrap;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 18px rgba(35,7,88,.34)}.cx-hero-live-card{justify-self:end;width:172px;border-radius:20px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.16));padding:14px 12px;display:flex;flex-direction:column;gap:4px;color:#ffffff;box-shadow:0 14px 28px rgba(12,2,28,.32)}.cx-hero-live-label{font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.9)}.cx-hero-live-value{font-size:clamp(30px,2.6vw,42px);font-weight:900;letter-spacing:-.03em;line-height:1}.cx-hero-live-sub{font-size:11px;color:rgba(255,255,255,.92)}.cx-hero-live-avatars{margin-top:7px;display:flex;align-items:center}.cx-hero-live-avatars span{width:22px;height:22px;border-radius:999px;border:2px solid rgba(255,255,255,.8);margin-left:-6px;background:linear-gradient(140deg,#7b3fe4,#ff3e9a);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.cx-hero-live-avatars span:first-child{margin-left:0}@media (max-width:1600px){.cx-hero-main{grid-template-columns:1fr;gap:12px;align-items:start}.cx-hero-icon{width:220px;height:220px}.cx-hero-live-card{grid-column:1;justify-self:start;width:100%;max-width:210px;margin-top:2px}.cx-hero-title{font-size:clamp(34px,4.5vw,56px);line-height:.96;letter-spacing:-.02em}.cx-hero-subtitle{font-size:13px;max-width:none}.cx-hero-context{font-size:10px;letter-spacing:.08em}.cx-hero-search-row{flex-direction:column;align-items:stretch}.cx-search{padding:11px 14px}.cx-search input{font-size:16px}.cx-hero-create-btn{width:100%}}@media (max-width:1220px){.cx-hero-main{grid-template-columns:1fr}.cx-hero-live-card{grid-column:1;justify-self:start;width:100%;max-width:196px}.cx-hero-icon{width:180px;height:180px}}@media (max-width:980px){.cx-hero{padding:20px 16px 18px}.cx-hero-main{grid-template-columns:1fr;gap:14px}.cx-hero-content{gap:10px}.cx-hero-brand{width:clamp(170px,48vw,280px)}.cx-hero-title{font-size:clamp(40px,9.5vw,62px);line-height:.98}.cx-hero-icon{width:144px;height:144px}.cx-hero-search-row{flex-direction:column;align-items:stretch}.cx-hero-create-btn{width:100%}.cx-hero-live-card{width:100%;max-width:220px;justify-self:start}}.cx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:999px;font-weight:600;font-size:13.5px;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:background .14s var(--ap-ease),color .14s var(--ap-ease),border-color .14s var(--ap-ease),transform .14s var(--ap-ease),box-shadow .14s var(--ap-ease)}.cx-btn--primary{background:var(--ap-brand-violet);background-image:var(--ap-brand-gradient);color:#ffffff;box-shadow:0 4px 12px rgba(123,63,228,.3)}.cx-btn--primary:hover{background-image:var(--ap-brand-gradient-hover);transform:translateY(-1px)}.cx-btn--ghost{background:rgba(255,255,255,.7);color:var(--ap-ink);border-color:var(--ap-border-strong)}.cx-btn--ghost:hover{background:var(--ap-soft-violet);color:var(--ap-brand-violet);border-color:var(--ap-soft-violet-border)}.cx-btn--following,.cx-btn--joined{background:rgba(15,23,42,.06);color:var(--ap-ink);border-color:var(--ap-border-strong)}.cx-btn[disabled]{opacity:.55;cursor:not-allowed}.cx-btn:focus-visible{outline:none;box-shadow:var(--ap-focus-ring)}.cx-cats{display:flex;gap:8px;flex-wrap:wrap}.cx-cat{flex:0 0 auto;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);color:#ffffff;font-weight:600;font-size:13px;cursor:pointer;transition:background .14s var(--ap-ease),color .14s var(--ap-ease),border-color .14s var(--ap-ease),transform .14s var(--ap-ease)}.cx-cat:hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.5);color:#ffffff}.cx-cat:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.28)}.cx-cat[data-active=true]{background:rgba(255,255,255,.92);border-color:transparent;color:#2f1968;box-shadow:0 8px 18px rgba(17,3,44,.25)}@media (max-width:900px){.cx-cats{gap:6px}.cx-cat{font-size:12px;padding:7px 13px}}@media (max-width:620px){.cx-cats{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:thin}}.cx-section{display:flex;flex-direction:column;gap:12px}.cx-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cx-section-title{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--ap-ink)}.cx-section-count{font-size:12.5px;color:var(--ap-muted);font-weight:500}.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.cx-card{display:flex;flex-direction:column;background:rgba(255,255,255,.95);border:1px solid var(--ap-border);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .14s var(--ap-ease),transform .14s var(--ap-ease),box-shadow .14s var(--ap-ease)}.cx-card:hover{border-color:var(--ap-soft-violet-border);transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.08)}.cx-card-cover{height:90px;background:radial-gradient(circle at 30% 30%,rgba(123,63,228,.14),transparent 60%),radial-gradient(circle at 75% 90%,rgba(255,62,154,.14),transparent 60%),linear-gradient(180deg,rgba(123,63,228,.08),rgba(255,62,154,.05));border-bottom:1px solid var(--ap-border);position:relative}.cx-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.cx-card-body{padding:12px 16px 14px;display:flex;flex-direction:column;gap:8px;min-width:0;position:relative}.cx-card-avatar{position:absolute;top:-22px;left:16px;width:44px;height:44px;border-radius:14px;border:3px solid rgba(255,255,255,.95);background:var(--ap-brand-violet);background-image:var(--ap-brand-gradient);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;overflow:hidden;box-shadow:0 6px 14px rgba(123,63,228,.22)}.cx-card-avatar img{width:100%;height:100%;object-fit:cover;display:block}.cx-card-spacer{height:22px}.cx-card-name-row{display:flex;align-items:center;gap:8px}.cx-card-name{font-weight:700;color:var(--ap-ink);font-size:15px;letter-spacing:-.005em;line-height:1.2;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cx-card-badge{flex:none;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:rgba(15,23,42,.06);color:var(--ap-muted)}.cx-card-badge[data-tone=public]{background:rgba(0,125,115,.1);color:var(--ap-teal)}.cx-card-badge[data-tone=private]{background:rgba(123,63,228,.1);color:var(--ap-brand-violet)}.cx-card-meta{font-size:11.5px;color:var(--ap-muted);font-weight:500;display:flex;gap:8px;align-items:center}.cx-card-meta-dot{width:3px;height:3px;border-radius:999px;background:var(--ap-muted);opacity:.4}.cx-card-desc{font-size:13px;color:var(--ap-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.cx-card-foot{margin-top:auto;justify-content:flex-end;padding-top:4px}.cx-card-foot,.cx-empty{display:flex;align-items:center}.cx-empty{position:relative;flex-direction:column;justify-content:center;text-align:center;padding:56px 32px 48px;border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(123,63,228,.08),transparent 60%),linear-gradient(180deg,#ffffff,#faf8ff);border:1px solid var(--ap-border);color:var(--ap-muted);gap:14px;box-shadow:0 18px 45px rgba(15,23,42,.05);overflow:hidden}.cx-empty:before{content:"";position:absolute;width:280px;height:280px;right:-120px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(255,62,154,.1) 0,transparent 65%);pointer-events:none}.cx-empty>*{position:relative}.cx-empty-icon{width:84px;height:84px;border-radius:26px;background:var(--ap-brand-violet);background-image:var(--ap-brand-gradient);border:1px solid var(--ap-soft-violet-border);display:inline-flex;align-items:center;justify-content:center;color:#ffffff;margin-bottom:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 32px rgba(123,63,228,.3);transform:rotate(-4deg)}.cx-empty-icon svg{width:34px;height:34px}.cx-empty-title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.015em;color:var(--ap-ink-deep)}.cx-empty-body{margin:0;font-size:14.5px;line-height:1.55;max-width:44ch;color:var(--ap-muted)}.cx-empty-pitch{margin:6px 0 0;font-size:13px;line-height:1.5;max-width:50ch;color:var(--ap-muted);font-style:italic;opacity:.85}.cx-empty-ctas{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;justify-content:center}.cx-error{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:var(--ap-soft-danger);border:1px solid var(--ap-soft-danger-border);color:#b1351f;font-size:13px}.cx-error-text{flex:1 1 auto}.cx-skel-card{display:flex;flex-direction:column;background:rgba(255,255,255,.6);border:1px solid var(--ap-border);border-radius:18px;overflow:hidden}.cx-skel-cover{height:90px;background:linear-gradient(90deg,rgba(15,23,42,.05),rgba(15,23,42,.1) 50%,rgba(15,23,42,.05));background-size:200% 100%;animation:cx-pulse 1.4s ease-in-out infinite}.cx-skel-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.cx-skel-line{height:12px;border-radius:8px;background:linear-gradient(90deg,rgba(15,23,42,.05),rgba(15,23,42,.1) 50%,rgba(15,23,42,.05));background-size:200% 100%;animation:cx-pulse 1.4s ease-in-out infinite}@keyframes cx-pulse{0%{background-position:0 50%}to{background-position:-200% 50%}}@media (prefers-reduced-motion:reduce){.cx-skel-cover,.cx-skel-line{animation:none;opacity:.7}}@media (max-width:720px){.cx-hero-title{font-size:clamp(36px,12vw,52px);line-height:1.02;letter-spacing:-.02em}.cx-hero-subtitle{font-size:13px;line-height:1.45}.cx-hero-context{font-size:10px;letter-spacing:.09em}.cx-search{padding:11px 14px}.cx-search input{min-width:0;font-size:16px}}@container (max-width: 980px){.cx-hero{padding:18px 14px 16px;gap:12px}.cx-hero:before{background-position:100%;opacity:.66}.cx-hero:after{opacity:.58}.cx-hero-main{grid-template-columns:1fr;gap:12px;align-items:start}.cx-hero-icon{width:220px;height:220px}.cx-hero-content{gap:8px}.cx-hero-brand{width:clamp(150px,46cqi,220px)}.cx-hero-title{font-size:clamp(36px,9.2cqi,54px);letter-spacing:-.02em;line-height:1}.cx-hero-subtitle{font-size:13px;line-height:1.42;max-width:none}.cx-hero-context{font-size:10px;letter-spacing:.08em}.cx-hero-search-row{flex-direction:column;align-items:stretch;gap:10px}.cx-search{padding:11px 14px}.cx-search input{font-size:16px}.cx-hero-create-btn{width:100%;justify-content:center}.cx-hero-live-card{width:100%;max-width:210px;justify-self:start}.cx-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.cx-cat{font-size:12px;padding:7px 12px}}@container (max-width: 740px){.cx-hero:before{background-position:96% 48%;background-size:190% auto;opacity:.62}.cx-hero:after{opacity:.48}.cx-hero-title{font-size:clamp(32px,8.5cqi,44px)}.cx-hero-live-card{max-width:190px}}