.groups-module__A_Xlla__root{--bg:#0e1621;--surface:#17212b;--surface-raised:#1c2733;--surface-hover:#202d3b;--line:#ffffff0f;--line-focus:#53a4d180;--text:#f5f5f5;--text-secondary:#8b9bab;--text-tertiary:#6b7d8d;--accent:#5eaadf;--accent-soft:#5eaadf1f;--accent-glow:#5eaadf33;--green:#6dc264;--green-soft:#6dc2641f;--orange:#e8a441;--red-soft:#e74c3c1f;--red:#e74c3c;--rank-gold:#f0c45a;--rank-silver:#a8b4c0;--rank-bronze:#cd8b62;max-width:100vw;min-height:100dvh;padding:0 0 calc(16px + env(safe-area-inset-bottom,0px));color:var(--text);font-family:var(--font-body,"Inter",sans-serif);background:var(--bg);margin:0;overflow-x:hidden}.groups-module__A_Xlla__header{justify-content:space-between;align-items:center;gap:12px;padding:20px 16px 14px;display:flex}.groups-module__A_Xlla__headerLeft h1{font-family:var(--font-heading,"Space Grotesk",sans-serif);color:var(--text);-webkit-text-fill-color:initial;background:0 0;margin:0;font-size:1.25rem;font-weight:700;line-height:1}.groups-module__A_Xlla__headerLeft p{color:var(--text-tertiary);margin:4px 0 0;font-size:.78rem}.groups-module__A_Xlla__statChips{flex-shrink:0;gap:6px;display:flex}.groups-module__A_Xlla__statChip{background:var(--surface);border-radius:10px;flex-direction:column;align-items:center;min-width:52px;padding:6px 10px;display:flex}.groups-module__A_Xlla__statChip strong{color:var(--text);font-size:.88rem;font-weight:700;line-height:1}.groups-module__A_Xlla__statChip small{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.62rem}.groups-module__A_Xlla__toolbar{z-index:10;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#0e1621eb;gap:8px;padding:8px 16px 10px;display:grid;position:sticky;top:0}.groups-module__A_Xlla__searchRow{position:relative}.groups-module__A_Xlla__searchIcon{pointer-events:none;width:16px;height:16px;color:var(--text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.groups-module__A_Xlla__searchRow input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:12px;padding:0 12px 0 36px;font-size:.88rem;transition:border-color .15s,box-shadow .15s;animation:none}.groups-module__A_Xlla__searchRow input::placeholder{color:var(--text-tertiary)}.groups-module__A_Xlla__searchRow input:focus{border-color:var(--line-focus);box-shadow:0 0 0 3px var(--accent-soft);outline:none;animation:none}.groups-module__A_Xlla__controlsRow{align-items:center;gap:8px;display:flex}.groups-module__A_Xlla__sortSegment{background:var(--surface);border-radius:10px;flex-shrink:0;gap:2px;padding:3px;display:flex}.groups-module__A_Xlla__sortButton,.groups-module__A_Xlla__sortActive{cursor:pointer;min-height:32px;box-shadow:none;font-size:.78rem;font-weight:600;font-family:var(--font-body,"Inter",sans-serif);background:0 0;border:none;border-radius:8px;padding:0 14px;transition:all .15s}.groups-module__A_Xlla__sortButton{color:var(--text-secondary)}.groups-module__A_Xlla__sortButton:hover{color:var(--text);background:var(--surface-hover);box-shadow:none;transform:none}.groups-module__A_Xlla__sortActive{background:var(--accent);color:#fff;box-shadow:0 2px 8px #5eaadf4d}.groups-module__A_Xlla__sortActive:hover{transform:none;box-shadow:0 2px 8px #5eaadf4d}.groups-module__A_Xlla__categoryRow{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.groups-module__A_Xlla__categoryRow::-webkit-scrollbar{display:none}.groups-module__A_Xlla__categoryButton,.groups-module__A_Xlla__categoryActive{white-space:nowrap;border:1px solid var(--line);cursor:pointer;min-height:32px;box-shadow:none;font-size:.76rem;font-weight:600;font-family:var(--font-body,"Inter",sans-serif);background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:0 12px;transition:all .15s;display:inline-flex}.groups-module__A_Xlla__categoryButton{color:var(--text-secondary)}.groups-module__A_Xlla__categoryButton:hover{background:var(--surface-hover);color:var(--text);box-shadow:none;border-color:#ffffff1a;transform:none}.groups-module__A_Xlla__categoryActive{background:var(--accent-soft);color:var(--accent);border-color:#5eaadf4d}.groups-module__A_Xlla__categoryActive:hover{box-shadow:none;transform:none}.groups-module__A_Xlla__categoryCount{opacity:.6;font-size:.68rem}.groups-module__A_Xlla__resultsBar{justify-content:space-between;align-items:center;padding:10px 16px 4px;display:flex}.groups-module__A_Xlla__resultsBar span{color:var(--text-tertiary);font-size:.76rem}@keyframes groups-module__A_Xlla__shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.groups-module__A_Xlla__skeletonWrap{gap:8px;padding:0 16px;display:grid}.groups-module__A_Xlla__skeleton{background:var(--surface);border-radius:14px;gap:10px;padding:14px;display:grid}.groups-module__A_Xlla__skeletonLine{background:linear-gradient(90deg,var(--surface-raised)25%,var(--surface-hover)50%,var(--surface-raised)75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.8s ease-in-out infinite groups-module__A_Xlla__shimmer}.groups-module__A_Xlla__skeletonLine:first-child{width:60%}.groups-module__A_Xlla__skeletonLine:nth-child(2){width:85%;height:10px}.groups-module__A_Xlla__skeletonLine:nth-child(3){width:40%;height:10px}.groups-module__A_Xlla__skeleton:nth-child(2) .groups-module__A_Xlla__skeletonLine{animation-delay:.15s}.groups-module__A_Xlla__skeleton:nth-child(3) .groups-module__A_Xlla__skeletonLine{animation-delay:.3s}.groups-module__A_Xlla__skeleton:nth-child(4) .groups-module__A_Xlla__skeletonLine{animation-delay:.45s}.groups-module__A_Xlla__skeleton:nth-child(5) .groups-module__A_Xlla__skeletonLine{animation-delay:.6s}.groups-module__A_Xlla__errorState{background:var(--red-soft);color:var(--red);border:1px solid #e74c3c33;border-radius:14px;align-items:flex-start;gap:10px;margin:16px;padding:14px 16px;font-size:.86rem;line-height:1.4;display:flex}.groups-module__A_Xlla__errorIcon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.groups-module__A_Xlla__emptyState{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 32px;display:flex}.groups-module__A_Xlla__emptyGraphic{background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;display:flex;position:relative}.groups-module__A_Xlla__emptyGraphic:before{content:"";border:3px solid var(--text-tertiary);border-radius:50%;width:24px;height:24px;position:absolute;top:18px;left:17px}.groups-module__A_Xlla__emptyGraphic:after{content:"";background:var(--text-tertiary);border-radius:2px;width:3px;height:12px;position:absolute;bottom:15px;right:18px;transform:rotate(-45deg)}.groups-module__A_Xlla__emptyState h3{color:var(--text);margin:0;font-size:.95rem}.groups-module__A_Xlla__emptyState p{color:var(--text-tertiary);max-width:240px;margin:0;font-size:.82rem;line-height:1.45}@keyframes groups-module__A_Xlla__cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.groups-module__A_Xlla__cards{gap:8px;padding:0 16px;display:grid}.groups-module__A_Xlla__card{background:var(--surface);border-radius:14px;gap:8px;padding:14px;transition:background .15s;animation:.3s both groups-module__A_Xlla__cardIn;display:grid;position:relative;overflow:hidden}.groups-module__A_Xlla__card:first-child{animation-delay:20ms}.groups-module__A_Xlla__card:nth-child(2){animation-delay:50ms}.groups-module__A_Xlla__card:nth-child(3){animation-delay:80ms}.groups-module__A_Xlla__card:nth-child(4){animation-delay:.11s}.groups-module__A_Xlla__card:nth-child(5){animation-delay:.14s}.groups-module__A_Xlla__card:nth-child(6){animation-delay:.17s}.groups-module__A_Xlla__card:nth-child(7){animation-delay:.2s}.groups-module__A_Xlla__card:nth-child(8){animation-delay:.23s}.groups-module__A_Xlla__card:nth-child(9){animation-delay:.26s}.groups-module__A_Xlla__card:nth-child(10){animation-delay:.29s}.groups-module__A_Xlla__card:nth-child(11){animation-delay:.32s}.groups-module__A_Xlla__card:nth-child(12){animation-delay:.35s}.groups-module__A_Xlla__card[data-rank="1"]{border-left:3px solid var(--rank-gold)}.groups-module__A_Xlla__card[data-rank="2"]{border-left:3px solid var(--rank-silver)}.groups-module__A_Xlla__card[data-rank="3"]{border-left:3px solid var(--rank-bronze)}.groups-module__A_Xlla__cardTop{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.groups-module__A_Xlla__cardMeta{flex:1;min-width:0}.groups-module__A_Xlla__cardTitle{align-items:center;gap:6px;display:flex}.groups-module__A_Xlla__rankBadge{width:22px;height:22px;font-size:.7rem;font-weight:800;line-height:1;font-family:var(--font-heading,"Space Grotesk",sans-serif);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.groups-module__A_Xlla__rankBadge[data-rank="1"]{color:#3a2a00;background:linear-gradient(135deg,#f0c45a,#e6a817)}.groups-module__A_Xlla__rankBadge[data-rank="2"]{color:#1c2733;background:linear-gradient(135deg,#c0ccd8,#8b9bab)}.groups-module__A_Xlla__rankBadge[data-rank="3"]{color:#2a1a0a;background:linear-gradient(135deg,#cd8b62,#b06e42)}.groups-module__A_Xlla__cardMeta h3{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:600;line-height:1.2;overflow:hidden}.groups-module__A_Xlla__cardCategory{color:var(--text-tertiary);margin-top:2px;font-size:.74rem}.groups-module__A_Xlla__voteChip{background:var(--accent-soft);color:var(--accent);border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.groups-module__A_Xlla__voteIcon{width:13px;height:13px}.groups-module__A_Xlla__description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.groups-module__A_Xlla__cardBottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.groups-module__A_Xlla__cardTags{align-items:center;gap:6px;min-width:0;display:flex}.groups-module__A_Xlla__typePill{border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:600;line-height:1}.groups-module__A_Xlla__typePillGroup{background:var(--green-soft);color:var(--green);}.groups-module__A_Xlla__typePillChannel{background:var(--accent-soft);color:var(--accent);}.groups-module__A_Xlla__publicId{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.68rem;overflow:hidden}.groups-module__A_Xlla__openLink{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-size:.78rem;font-weight:700;line-height:1;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.groups-module__A_Xlla__openLink:hover{background:#4d9ad3;text-decoration:none;transform:scale(1.02)}.groups-module__A_Xlla__openLink:active{transform:scale(.98)}.groups-module__A_Xlla__openArrow{width:12px;height:12px}.groups-module__A_Xlla__footer{text-align:center;padding:16px 16px 0}.groups-module__A_Xlla__footer small{color:var(--text-tertiary);font-size:.7rem}@media (prefers-reduced-motion:reduce){.groups-module__A_Xlla__card,.groups-module__A_Xlla__skeletonLine{animation:none}.groups-module__A_Xlla__openLink{transition:none}}