:root{--ks-group-cover-h:180px;--ks-group-avatar-size:72px;--ks-group-radius:12px}.ks-empty-state--wide{grid-column:1 / -1}.ks-group-card{background:var(--ks-feed-card-bg);border:1px solid var(--ks-feed-card-border);border-radius:16px;overflow:hidden;transition:transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease}.ks-group-card:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 20px 40px -22px color-mix(in srgb,var(--space-accent,#60335e) 70%,#000)}.ks-live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,0.7);animation:ksLivePulse 1.8s infinite}@keyframes ksLivePulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,0.6)}70%{box-shadow:0 0 0 6px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}.ks-group-card-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--space-accent,var(--ks-feed-card-border));color:#fff}.ks-group-card-avatar-placeholder svg{width:26px;height:26px}.ks-space-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:10px 16px;border:0;border-radius:11px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:filter 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease}.ks-space-btn--solid{color:#fff;background:var(--space-accent,#60335e);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--space-accent,#60335e) 80%,#000)}.ks-space-btn--solid:hover{filter:brightness(1.06);transform:translateY(-1px)}.ks-space-btn--solid svg{transition:transform 0.15s ease}.ks-space-btn--solid:hover svg{transform:translateX(3px)}.ks-space-btn--hero{width:auto;flex-shrink:0;color:var(--knack-accent,#60335e);background:#fff;box-shadow:0 10px 24px -12px rgba(0,0,0,0.5)}.ks-space-btn--hero:hover{transform:translateY(-1px);filter:brightness(0.98)}.ks-group-single{max-width:1000px;margin:0 auto}.ks-group-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.ks-group-main{min-width:0}.ks-group-sidebar{position:sticky;top:16px;display:flex;flex-direction:column;gap:16px}.ks-group-widget{background:var(--ks-feed-card-bg);border:1px solid var(--ks-feed-card-border);border-radius:var(--ks-group-radius);padding:16px}.ks-group-widget-title{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:var(--ks-feed-text-muted)}.ks-group-widget-about{margin:0 0 12px;font-size:13px;line-height:1.55;color:var(--ks-feed-text)}.ks-group-widget-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.ks-group-widget-facts li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ks-feed-text)}.ks-group-widget-facts svg{flex-shrink:0;color:var(--ks-feed-text-muted)}.ks-group-widget-avatars{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ks-group-widget-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--ks-feed-card-bg);background:var(--ks-feed-card-border)}.ks-group-widget-link{display:inline-block;background:none;border:0;padding:0;font-size:13px;font-weight:600;color:var(--knack-link,#60335e);cursor:pointer;text-decoration:none}.ks-group-widget-link:hover{text-decoration:underline}.ks-group-widget-spaces{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:4px}.ks-group-widget-space{display:flex;align-items:center;gap:10px;padding:7px;margin:0 -7px;border-radius:8px;text-decoration:none;transition:background 0.15s}.ks-group-widget-space:hover{background:var(--ks-feed-hover)}.ks-group-widget-space-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--ks-feed-card-border);color:var(--ks-feed-text-muted)}.ks-group-widget-space-avatar img{width:100%;height:100%;object-fit:cover}.ks-group-widget-space-info{min-width:0;display:flex;flex-direction:column;gap:1px}.ks-group-widget-space-name{font-size:13px;font-weight:600;color:var(--ks-feed-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ks-group-widget-space-meta{font-size:12px;color:var(--ks-feed-text-muted)}@media (max-width:900px){.ks-group-body{grid-template-columns:1fr}.ks-group-sidebar{position:static}}.ks-group-cover{position:relative;height:var(--ks-group-cover-h);border-radius:var(--ks-group-radius);overflow:hidden;background:var(--knack-bg-soft,#f3f4f6);margin-bottom:16px}.ks-group-cover--themed{background:color-mix(in srgb,var(--space-accent,#7c3aed) 82%,#000)}.ks-group-cover-icon{position:absolute;right:24px;bottom:-28px;width:190px;height:190px;color:#fff;opacity:0.18;transform:rotate(-8deg);pointer-events:none}.ks-group-cover-icon svg{width:100%;height:100%}.ks-group-cover-img{width:100%;height:100%;object-fit:cover}.ks-group-cover-placeholder{width:100%;height:100%}.ks-group-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.ks-group-header-avatar{width:var(--ks-group-avatar-size);height:var(--ks-group-avatar-size);border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid var(--ks-feed-card-bg);margin-top:calc(var(--ks-group-avatar-size) / -2 - 8px);background:var(--ks-feed-card-bg);box-shadow:0 4px 14px rgba(0,0,0,0.12)}.ks-group-header-avatar img{width:100%;height:100%;object-fit:cover}.ks-group-card-avatar-placeholder--lg{width:var(--ks-group-avatar-size);height:var(--ks-group-avatar-size)}.ks-group-header-info{flex:1;min-width:0}.ks-group-header-name{font-size:22px;font-weight:700;color:var(--ks-feed-text);margin:0 0 4px}.ks-group-header-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ks-feed-text-muted);flex-wrap:wrap}.ks-group-header-sep{color:var(--ks-feed-card-border)}.ks-group-header-desc{font-size:14px;color:var(--ks-feed-text-muted);margin:8px 0 0;line-height:1.5}.ks-group-header-actions{display:flex;gap:8px;flex-shrink:0}.ks-group-content-tabs{display:flex;gap:24px;margin-bottom:20px;border-bottom:1px solid var(--ks-feed-card-border);padding-bottom:0;overflow-x:auto;scrollbar-width:none}.ks-group-content-tabs .ks-feed-tab{flex:0 0 auto;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;padding:10px 2px;cursor:pointer;color:var(--ks-feed-text-muted);font-weight:500}.ks-group-content-tabs .ks-feed-tab:hover{background:transparent;color:var(--ks-feed-text)}.ks-group-content-tabs .ks-feed-tab.ks-feed-tab--active{background:transparent;color:var(--knack-link,#60335e);border-bottom-color:var(--knack-link,#60335e);font-weight:600}.ks-group-content-tabs .ks-feed-tab.ks-feed-tab--active .ks-badge{background:var(--knack-accent,#60335e);color:#fff}.ks-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;border-radius:10px;background:var(--ks-feed-card-border);color:var(--ks-feed-text-muted)}.ks-group-members-list{display:flex;flex-direction:column;gap:2px}.ks-group-member{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--ks-feed-card-bg);border:1px solid var(--ks-feed-card-border);border-radius:8px}.ks-group-member-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.ks-group-member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ks-group-member-name{font-weight:600;font-size:14px;color:var(--ks-feed-text)}.ks-group-member-store{font-weight:400;font-size:12px;color:var(--ks-feed-text-muted)}.ks-group-member-role{font-size:12px;color:var(--ks-feed-text-muted)}.ks-group-member-role--admin{color:var(--knack-link,#60335e);font-weight:600}.ks-group-member-role--moderator{color:#58a6ff;font-weight:600}.ks-group-member-joined{font-size:12px;color:var(--ks-feed-text-muted);flex-shrink:0}.ks-group-member-actions{position:relative;flex-shrink:0}.ks-group-member-menu{position:absolute;top:100%;right:0;min-width:160px;background:var(--ks-feed-card-bg);border:1px solid var(--ks-feed-card-border);border-radius:8px;box-shadow:var(--ks-feed-shadow-lg);z-index:100;padding:4px}.ks-group-member-action{display:block;width:100%;text-align:left;padding:8px 12px;font-size:13px;color:var(--ks-feed-text);background:none;border:none;border-radius:6px;cursor:pointer}.ks-group-member-action:hover{background:var(--ks-feed-card-border)}.ks-group-member-action--danger{color:#f85149}.ks-group-member-action--danger:hover{background:rgba(248,81,73,0.1)}.ks-create-group-modal .ks-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:9998}.ks-create-group-modal .ks-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:85vh;overflow-y:auto;background:var(--ks-feed-card-bg);border:1px solid var(--ks-feed-card-border);border-radius:12px;z-index:9999}.ks-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ks-feed-card-border)}.ks-modal-header h3{margin:0;font-size:18px;color:var(--ks-feed-text)}.ks-modal-close{background:none;border:none;color:var(--ks-feed-text-muted);font-size:24px;cursor:pointer;padding:0;line-height:1}.ks-modal-close:hover{color:var(--ks-feed-text)}.ks-modal-body{padding:20px}.ks-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--ks-feed-card-border)}.ks-form-group{margin-bottom:16px}.ks-form-group:last-child{margin-bottom:0}.ks-form-group label{display:block;font-size:13px;font-weight:600;color:var(--ks-feed-text);margin-bottom:6px}.ks-form-group input[type="text"],.ks-form-group textarea{width:100%;padding:10px 12px;background:var(--ks-feed-bg);border:1px solid var(--ks-feed-card-border);border-radius:8px;color:var(--ks-feed-text);font-size:14px;font-family:inherit;resize:vertical}.ks-form-group input:focus,.ks-form-group textarea:focus{outline:none;border-color:var(--knack-link,#60335e)}.ks-privacy-options{display:flex;flex-direction:column;gap:8px}.ks-privacy-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--ks-feed-bg);border:1px solid var(--ks-feed-card-border);border-radius:8px;cursor:pointer;transition:border-color 0.15s}.ks-privacy-option:hover{border-color:var(--ks-feed-text-muted)}.ks-privacy-option input[type="radio"]{margin-top:3px;flex-shrink:0}.ks-privacy-option input[type="radio"]:checked + .ks-privacy-option-content{color:var(--ks-feed-text)}.ks-privacy-option-content strong{display:block;font-size:14px;color:var(--ks-feed-text);margin-bottom:2px}.ks-privacy-option-content span{font-size:12px;color:var(--ks-feed-text-muted)}.ks-group-avatar-preview,.ks-group-cover-preview{position:relative;margin-top:8px}.ks-group-avatar-preview img{width:64px;height:64px;border-radius:50%;object-fit:cover}.ks-group-cover-preview img{width:100%;height:100px;object-fit:cover;border-radius:8px}.ks-group-avatar-remove,.ks-group-cover-remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#f85149;color:#fff;border:none;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.ks-group-cover-remove{top:4px;right:4px}.ks-media-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}.ks-media-gallery-item{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:4px}.ks-media-gallery-img{width:100%;height:100%;object-fit:cover;transition:transform 0.2s}.ks-media-gallery-item:hover .ks-media-gallery-img{transform:scale(1.05)}.ks-media-gallery-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s;color:#fff}.ks-media-gallery-item:hover .ks-media-gallery-overlay{opacity:1}.ks-media-gallery-more{text-align:center;margin-top:16px}.ks-hashtag{color:var(--knack-link,#60335e);text-decoration:none;font-weight:500}.ks-hashtag:hover{text-decoration:underline}.ks-mention{color:var(--knack-link,#60335e);text-decoration:none;font-weight:500}.ks-mention:hover{text-decoration:underline}@media (max-width:640px){.ks-group-header{flex-direction:column}.ks-group-header-avatar{margin-top:-40px}.ks-group-header-actions{width:100%}.ks-group-header-actions .ks-btn{flex:1}.ks-group-member{flex-wrap:wrap}.ks-group-member-joined{width:100%;padding-left:52px}:root{--ks-group-cover-h:120px;--ks-group-avatar-size:56px}.ks-media-gallery-grid{grid-template-columns:repeat(3,1fr)}}.ks-group-content-tabs::-webkit-scrollbar{display:none}.ks-group-content-tabs .ks-feed-tab{flex:0 0 auto;white-space:nowrap}