.sc-groups-page{--groups-radius-card:1rem;--groups-radius-lg:1.25rem;--groups-subnav-width:13.75rem;color:var(--sc-text)}.sc-groups-page .sc-groups-muted{color:var(--sc-text-muted)}.sc-groups-subnav{display:none}@media (min-width:768px){.sc-groups-subnav{width:var(--groups-subnav-width);flex-direction:column;flex-shrink:0;gap:.25rem;display:flex}.sc-groups-subnav--sticky{align-self:flex-start;max-height:calc(100vh - 8rem);position:sticky;top:.5rem;overflow-y:auto}}.sc-groups-subnav-link{letter-spacing:.01em;width:100%;color:var(--sc-text-muted);border-radius:.75rem;align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:500;transition:background-color .2s,color .2s;display:flex}.sc-groups-subnav-link:hover{background:var(--sc-surface-1);color:var(--sc-text)}.sc-groups-subnav-link--active{background:var(--sc-accent-soft);color:var(--sc-accent-bright);font-weight:600}.sc-groups-subnav-link svg{opacity:.85;flex-shrink:0}.sc-groups-create-btn{background:var(--sc-accent-soft);width:100%;color:var(--sc-accent-bright);border:1px solid var(--sc-accent-ring);border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .2s,transform .15s;display:flex}.sc-groups-create-btn:hover{background:color-mix(in srgb, var(--sc-accent-soft) 70%, var(--sc-accent) 30%)}.sc-groups-create-btn:active{transform:scale(.98)}.sc-groups-search-wrap{width:100%;position:relative}.sc-groups-search-wrap svg.sc-groups-search-icon{width:1.125rem;height:1.125rem;color:var(--sc-text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.sc-groups-search-input{border:1px solid var(--sc-border);background:var(--sc-surface-1);width:100%;color:var(--sc-text);border-radius:9999px;padding:.75rem 1rem .75rem 2.75rem;font-size:.9375rem;transition:box-shadow .2s,border-color .2s,background-color .2s}.sc-groups-search-input::placeholder{color:var(--sc-text-muted);opacity:.75}.sc-groups-search-input:focus{border-color:var(--sc-accent-ring);box-shadow:0 0 0 3px var(--sc-accent-soft);background:var(--sc-card);outline:none}.sc-groups-tabs-mobile{border-radius:var(--groups-radius-lg);border:1px solid var(--sc-border);background:var(--sc-surface-1);padding:.25rem;display:flex}@media (min-width:768px){.sc-groups-tabs-mobile{display:none}}.sc-groups-tab-pill{min-width:0;color:var(--sc-text-muted);border-radius:9999px;flex:1;padding:.5rem .75rem;font-size:.9375rem;font-weight:500;transition:background-color .2s,color .2s}.sc-groups-tab-pill--active{background:var(--sc-card);color:var(--sc-text);box-shadow:var(--sc-shadow-lift);font-weight:600}.sc-groups-tabs-underline{border-bottom:1px solid var(--sc-border);background:color-mix(in srgb, var(--sc-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:.25rem;display:flex}.sc-groups-tab-underline{min-width:0;color:var(--sc-text-muted);border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:.75rem .5rem;font-size:.9375rem;font-weight:500;transition:color .2s,border-color .2s}.sc-groups-tab-underline:hover{color:var(--sc-text)}.sc-groups-tab-underline--active{color:var(--sc-accent-bright);border-bottom-color:var(--sc-accent);font-weight:600}.sc-groups-section-title{letter-spacing:-.02em;color:var(--sc-text);font-size:1.0625rem;font-weight:600}.sc-groups-section-sub{color:var(--sc-text-muted);margin-top:.25rem;font-size:.8125rem}.sc-groups-cta-bar{background:var(--sc-surface-2);width:100%;color:var(--sc-text);border:1px solid var(--sc-border);border-radius:.75rem;justify-content:center;align-items:center;padding:.625rem 1rem;font-size:.9375rem;font-weight:600;transition:background-color .2s,transform .15s;display:flex}.sc-groups-cta-bar:hover{background:var(--sc-surface-1)}.sc-groups-cta-bar:active{transform:scale(.99)}.sc-groups-btn-primary{background:var(--sc-accent);color:#fff;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background-color .2s,transform .15s}.sc-groups-btn-primary:hover{background:var(--sc-accent-bright)}.sc-groups-btn-primary:active{transform:scale(.98)}.sc-groups-btn-secondary{background:var(--sc-surface-2);color:var(--sc-text);border:1px solid var(--sc-border);border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600}.sc-groups-hero-scrim{pointer-events:none;background:linear-gradient(#0000000d 0%,#00000059 55%,#000000b8 100%);position:absolute;inset:0}[data-theme=light] .sc-groups-hero-scrim{background:linear-gradient(#0000 0%,#0003 50%,#0000008c 100%)}.sc-groups-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--sc-border) transparent;gap:.75rem;padding-bottom:.25rem;scroll-padding-inline:.25rem;display:flex;overflow-x:auto}.sc-groups-carousel>*{scroll-snap-align:start;flex:0 0 min(85%,18rem)}@media (min-width:640px){.sc-groups-carousel>*{flex:0 0 16.5rem}}.sc-groups-carousel-wrap{position:relative}.sc-groups-carousel-btn{z-index:2;background:var(--sc-card);border:1px solid var(--sc-border);width:2.25rem;height:2.25rem;color:var(--sc-text);box-shadow:var(--sc-shadow-lift);border-radius:9999px;justify-content:center;align-items:center;transition:transform .15s;display:none;position:absolute;top:50%;right:-.25rem;transform:translateY(-50%)}@media (min-width:768px){.sc-groups-carousel-btn{display:flex}}.sc-groups-carousel-btn:hover{transform:translateY(-50%)scale(1.04)}.sc-groups-fab{right:1.25rem;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));z-index:40;background:var(--sc-accent);color:#fff;width:3.25rem;height:3.25rem;box-shadow:0 8px 24px #00000059, 0 0 0 1px var(--sc-accent-ring);border-radius:9999px;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:fixed}.sc-groups-fab:hover{background:var(--sc-accent-bright)}.sc-groups-fab:active{transform:scale(.94)}@media (min-width:768px){.sc-groups-fab{display:none}}.sc-groups-card-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:1024px){.sc-groups-card-grid{grid-template-columns:repeat(2,1fr)}}.sc-groups-detail-cover{aspect-ratio:2.4;background:var(--sc-surface-1);width:100%;min-height:10.5rem;position:relative}@media (min-width:640px){.sc-groups-detail-cover{min-height:12rem}}