.glee-groups-list-page{width:100%;min-width:0}.glee-groups-mock-hero{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 48%,#8b5cf6 100%);border-radius:1.25rem;overflow:hidden;box-shadow:0 12px 40px #6366f147}.glee-groups-mock-hero-top{flex-wrap:wrap;align-items:flex-start;gap:1rem;padding:1.25rem 1.25rem 1rem;display:flex}@media (min-width:640px){.glee-groups-mock-hero-top{flex-wrap:nowrap;align-items:center;padding:1.5rem 1.5rem 1.125rem}}.glee-groups-mock-hero-icon{shrink:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border-radius:1rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:flex}.glee-groups-mock-hero-copy{flex:1;min-width:0}.glee-groups-mock-hero-title{letter-spacing:-.02em;font-size:1.375rem;font-weight:800;line-height:1.2}@media (min-width:640px){.glee-groups-mock-hero-title{font-size:1.625rem}}.glee-groups-mock-hero-sub{color:#ffffffe0;max-width:36rem;margin-top:.35rem;font-size:.8125rem;line-height:1.45}.glee-groups-mock-hero-create{color:#6d28d9;background:#fff;border-radius:9999px;justify-content:center;align-items:center;gap:.375rem;width:100%;padding:.625rem 1.125rem;font-size:.8125rem;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}@media (min-width:640px){.glee-groups-mock-hero-create{width:auto;margin-left:auto}}.glee-groups-mock-hero-create:hover{opacity:.92;transform:translateY(-1px)}.glee-groups-mock-hero-stats{border-top:1px solid #ffffff2e;flex-wrap:wrap;gap:.75rem 1.5rem;padding:.875rem 1.25rem 1.125rem;display:flex}@media (min-width:640px){.glee-groups-mock-hero-stats{padding:.875rem 1.5rem 1.25rem}}.glee-groups-mock-hero-stat{color:#ffffffeb;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.glee-groups-mock-hero-stat strong{color:#fff;font-weight:800}.glee-groups-mock-discover{flex-direction:column;gap:.875rem;display:flex}.glee-groups-mock-discover-title{color:var(--feed-text,#111827);letter-spacing:-.01em;font-size:1.0625rem;font-weight:800}.glee-groups-mock-filters{grid-template-columns:minmax(0,1fr);gap:.625rem;display:grid}@media (min-width:640px){.glee-groups-mock-filters{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));align-items:center}}.glee-groups-mock-search-wrap{position:relative}.glee-groups-mock-search-icon{pointer-events:none;width:1rem;height:1rem;color:var(--feed-text-muted,#9ca3af);position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.glee-groups-mock-search{border:1px solid var(--feed-border,#e5e7eb);background:var(--feed-surface,#fff);width:100%;height:2.625rem;color:var(--feed-text,#111827);box-shadow:var(--feed-card-shadow);border-radius:.75rem;outline:none;padding:0 .875rem 0 2.5rem;font-size:.8125rem}.glee-groups-mock-search:focus{border-color:color-mix(in oklab, #7c3aed 35%, var(--feed-border));box-shadow:0 0 0 3px #7c3aed1f}.glee-groups-mock-select-wrap{position:relative}.glee-groups-mock-select{appearance:none;border:1px solid var(--feed-border,#e5e7eb);background:var(--feed-surface,#fff);width:100%;height:2.625rem;color:var(--feed-text-secondary,#64748b);box-shadow:var(--feed-card-shadow);cursor:pointer;border-radius:.75rem;outline:none;padding:0 2rem 0 .75rem;font-size:.8125rem;font-weight:600}.glee-groups-mock-select:focus{border-color:color-mix(in oklab, #7c3aed 35%, var(--feed-border))}.glee-groups-mock-select-chevron{pointer-events:none;width:1rem;height:1rem;color:var(--feed-text-muted,#9ca3af);position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.glee-groups-mock-grid{grid-template-columns:minmax(0,1fr);gap:.875rem;display:grid}@media (min-width:640px){.glee-groups-mock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.glee-groups-mock-card{border:1px solid var(--feed-border,#e5e7eb);background:var(--feed-surface,#fff);box-shadow:var(--feed-card-shadow);border-radius:1rem;flex-direction:column;gap:.5rem;padding:1rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.glee-groups-mock-card:hover{border-color:color-mix(in oklab, #7c3aed 22%, var(--feed-border));transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.glee-groups-mock-card-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.glee-groups-mock-card-icon{border-radius:.875rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;box-shadow:0 4px 12px #0f172a1f}.glee-groups-mock-card-icon--photo{background:#f1f5f9;overflow:hidden}.glee-groups-mock-card-logo,.glee-groups-rail-logo{object-fit:cover;width:100%;height:100%}.glee-groups-mock-card-lock{padding:.25rem;display:inline-flex}.glee-groups-mock-card-title{color:var(--feed-text,#111827);font-size:.9375rem;font-weight:800;line-height:1.3;text-decoration:none}.glee-groups-mock-card-title:hover{color:#6d28d9}.glee-groups-mock-card-desc{-webkit-line-clamp:2;min-height:2.5rem;color:var(--feed-text-secondary,#64748b);-webkit-box-orient:vertical;font-size:.75rem;line-height:1.45;display:-webkit-box;overflow:hidden}.glee-groups-mock-card-meta{color:var(--feed-text-muted,#94a3b8);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.6875rem;font-weight:600;display:flex}.glee-groups-mock-card-joined{color:#059669;background:#10b9811f;border-radius:9999px;padding:.125rem .5rem}.glee-groups-mock-card-pending{color:#b45309;background:#f59e0b1f;border-radius:9999px;padding:.125rem .5rem}.glee-groups-mock-card-btn{color:#fff;background:#7c3aed;border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;width:100%;margin-top:.25rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:700;transition:background .15s;display:inline-flex}.glee-groups-mock-card-btn:hover:not(:disabled){background:#6d28d9}.glee-groups-mock-card-btn:disabled{opacity:.65;cursor:not-allowed}.glee-groups-mock-card-btn--open{border-color:color-mix(in oklab, #7c3aed 30%, var(--feed-border));color:#6d28d9;background:#faf5ff;text-decoration:none}.glee-groups-mock-card-btn--open:hover{color:#f3e8ff;background:#f3e8ff}.glee-groups-mock-card-btn--pending{border-color:var(--feed-border,#e5e7eb);background:var(--feed-surface-muted,#f9fafb);color:var(--feed-text-secondary,#64748b)}.glee-groups-mock-load-wrap{justify-content:center;padding-top:.25rem;display:flex}.glee-groups-mock-load-more{border:1px solid var(--feed-border,#e5e7eb);background:var(--feed-surface,#fff);color:var(--feed-text-secondary,#64748b);box-shadow:var(--feed-card-shadow);border-radius:9999px;align-items:center;gap:.375rem;padding:.625rem 1.125rem;font-size:.8125rem;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.glee-groups-mock-load-more:hover{border-color:color-mix(in oklab, #7c3aed 30%, var(--feed-border));color:#6d28d9}.glee-groups-right-rail{flex-direction:column;gap:.875rem;display:flex}.glee-groups-rail-card{border:1px solid var(--feed-border,#e5e7eb);background:var(--feed-surface,#fff);box-shadow:var(--feed-card-shadow);border-radius:1rem;padding:.875rem}.glee-groups-rail-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.625rem;display:flex}.glee-groups-rail-title{color:var(--feed-text,#111827);font-size:.875rem;font-weight:800}.glee-groups-rail-title--solo{margin-bottom:.625rem}.glee-groups-rail-activity-link{width:100%;color:inherit;border-radius:.5rem;align-items:flex-start;gap:.5rem;text-decoration:none;transition:background .15s;display:flex}.glee-groups-rail-activity-link:hover{background:var(--feed-surface-muted,#f9fafb)}.glee-groups-rail-activity-group{color:var(--feed-text,#111827);font-weight:600}.glee-groups-rail-see-all{color:#7c3aed;font-size:.6875rem;font-weight:700;text-decoration:none}.glee-groups-rail-see-all:hover{text-decoration:underline}.glee-groups-rail-list{flex-direction:column;gap:.125rem;display:flex}.glee-groups-rail-empty{color:var(--feed-text-muted,#94a3b8);padding:.5rem 0;font-size:.75rem}.glee-groups-rail-rec-row,.glee-groups-rail-group-row{border-radius:.75rem;align-items:center;gap:.625rem;padding:.5rem .375rem;text-decoration:none;transition:background .15s;display:flex}.glee-groups-rail-rec-row:hover,.glee-groups-rail-group-row:hover{background:var(--feed-surface-muted,#f9fafb)}.glee-groups-rail-rec-icon{shrink:0;border-radius:.625rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.glee-groups-rail-rec-icon--photo,.glee-groups-rail-group-icon--photo{background:#f1f5f9;overflow:hidden}.glee-groups-rail-rec-name,.glee-groups-rail-group-name{color:var(--feed-text,#111827);font-size:.8125rem;font-weight:700;display:block}.glee-groups-rail-rec-desc,.glee-groups-rail-group-meta{color:var(--feed-text-muted,#94a3b8);font-size:.6875rem;display:block}.glee-groups-rail-match{shrink:0;color:#6d28d9;background:#ede9fe;border-radius:9999px;padding:.2rem .5rem;font-size:.625rem;font-weight:800}.glee-groups-rail-group-icon{shrink:0;color:#fff;border-radius:.625rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.6875rem;font-weight:800;display:flex}.glee-groups-rail-group-icon--blue{background:linear-gradient(135deg,#3b82f6,#6366f1)}.glee-groups-rail-group-icon--orange{background:linear-gradient(135deg,#f97316,#fb923c)}.glee-groups-rail-group-icon--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.glee-groups-rail-group-icon--green{background:linear-gradient(135deg,#10b981,#059669)}.glee-groups-rail-group-icon--pink{background:linear-gradient(135deg,#ec4899,#db2777)}.glee-groups-rail-active-dot{shrink:0;background:#22c55e;border-radius:9999px;width:.5rem;height:.5rem;box-shadow:0 0 0 3px #22c55e2e}.glee-groups-rail-manage{border:1px solid var(--feed-border,#e5e7eb);background:var(--feed-surface-muted,#f9fafb);width:100%;color:var(--feed-text-secondary,#64748b);border-radius:.75rem;justify-content:center;align-items:center;margin-top:.625rem;padding:.5625rem .75rem;font-size:.75rem;font-weight:700;text-decoration:none;display:flex}.glee-groups-rail-manage:hover{border-color:color-mix(in oklab, #7c3aed 25%, var(--feed-border));color:#6d28d9}.glee-groups-rail-activity{flex-direction:column;gap:.625rem;display:flex}.glee-groups-rail-activity-row{align-items:flex-start;gap:.5rem;display:flex}.glee-groups-rail-activity-text{color:var(--feed-text-secondary,#64748b);font-size:.75rem;line-height:1.35;display:block}.glee-groups-rail-activity-text strong{color:var(--feed-text,#111827);font-weight:700}.glee-groups-rail-activity-time{color:var(--feed-text-muted,#94a3b8);margin-top:.125rem;font-size:.6875rem;display:block}.glee-groups-rail-summary{border-top:1px solid var(--feed-border,#e5e7eb);flex-direction:column;gap:.375rem;margin-top:.75rem;padding-top:.75rem;display:flex}.glee-groups-rail-summary p{color:var(--feed-text-secondary,#64748b);align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.glee-groups-create-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-width:32rem;max-height:min(100dvh - 2rem,36rem);overflow-y:auto}.glee-groups-create-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media (min-width:480px){.glee-groups-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.glee-groups-create-select{cursor:pointer;width:100%;height:2.625rem}.glee-groups-create-hint{color:var(--feed-text-muted,#94a3b8);margin-top:.25rem;font-size:.75rem;line-height:1.4}.glee-groups-section-header{margin-bottom:1rem}.glee-groups-section-back{color:var(--feed-text-secondary,#64748b);align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.glee-groups-section-back:hover{color:var(--feed-accent,#7c3aed)}.glee-groups-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.glee-groups-section-count{color:var(--feed-text-muted,#94a3b8);font-size:.8125rem;font-weight:600}.glee-groups-section-sub{color:var(--feed-text-secondary,#64748b);margin-top:.375rem;font-size:.875rem;line-height:1.45}.glee-groups-mock-filters--single{margin-bottom:1rem}.glee-groups-mock-filters--single .glee-groups-mock-search-wrap{max-width:24rem}@media (max-width:639px){.glee-groups-mock-hero{border-radius:1rem;box-shadow:0 6px 20px #6366f133}.glee-groups-mock-hero-top{padding:1rem}.glee-groups-mock-hero-title{font-size:1.2rem}.glee-groups-mock-hero-sub{font-size:.75rem}.glee-groups-mock-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.75rem 1rem 1rem;display:grid}.glee-groups-mock-hero-stat{flex-direction:column;align-items:flex-start;gap:.125rem;font-size:.6875rem}.glee-groups-mock-hero-stat strong{font-size:.8125rem}.glee-groups-mock-discover{gap:.75rem}.glee-groups-mock-discover-title{font-size:1rem}.glee-groups-mock-filters{grid-template-columns:minmax(0,1fr);gap:.5rem}.glee-groups-mock-filters .glee-groups-mock-search-wrap{grid-column:1/-1}.glee-groups-mock-search,.glee-groups-mock-select{height:2.75rem;font-size:.875rem}.glee-groups-mock-card{border-radius:.875rem;padding:.875rem}.glee-groups-mock-card-desc{min-height:0}.glee-groups-mock-card-btn{min-height:2.75rem}.glee-groups-mock-load-more{justify-content:center;width:100%;min-height:2.75rem}.glee-groups-section-head{flex-direction:column;align-items:flex-start;gap:.25rem}.glee-groups-section-sub{font-size:.8125rem}.glee-groups-mock-filters--single .glee-groups-mock-search-wrap{max-width:none}.glee-groups-right-rail{gap:.75rem;padding-top:.25rem}.glee-groups-rail-card{padding:.75rem}.glee-groups-rail-rec-row,.glee-groups-rail-group-row{padding:.625rem .25rem}.glee-groups-btn--primary.glee-groups-btn--full,.glee-groups-list-page .glee-groups-btn--primary{justify-content:center;width:100%}}@media (min-width:480px) and (max-width:639px){.glee-groups-mock-filters:not(.glee-groups-mock-filters--single){grid-template-columns:repeat(2,minmax(0,1fr))}.glee-groups-mock-filters:not(.glee-groups-mock-filters--single) .glee-groups-mock-search-wrap{grid-column:1/-1}}@media (hover:none){.glee-groups-mock-card:hover{box-shadow:var(--feed-card-shadow);transform:none}.glee-groups-mock-hero-create:hover{transform:none}}
