.groups-page{color:#30223e;background:#f4f0f8;min-height:100dvh}.groups-header{z-index:15;background:#fffcff;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px max(20px,50% - 550px);display:flex;position:sticky;top:0;box-shadow:0 1px 8px #3d205412}.groups-header .brand{font-size:22px}.groups-header .brand-symbol{width:25px;height:33px}.groups-header>a:last-child{color:#79509a;align-items:center;gap:7px;font-size:14px;display:flex}.groups-main{width:min(1100px,100% - 40px);margin:0 auto;padding:24px 0 64px}.groups-demo-banner{color:#72518c;background:#eae0f5;border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}.groups-demo-banner a{font-weight:600;text-decoration:underline}.groups-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.groups-title h1,.group-hero h1{overflow-wrap:anywhere;margin:0 0 5px;font-size:30px;font-weight:750;line-height:1.3}.groups-title p,.group-meta{color:#756380}.group-primary,.group-secondary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 16px;font-size:14px;font-weight:650;display:inline-flex}.group-primary{color:#fff;background:#7e42ad}.group-primary:hover{background:#6e379d}.group-secondary{color:#69408a;background:#eee6f5;border:1px solid #e0d3eb}.group-primary:disabled,.group-secondary:disabled{opacity:.55;cursor:wait}.groups-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.group-tile{background:#fffcff;border:1px solid #e5dbea;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 2px 8px #44255908}.group-tile-link{display:block}.group-tile-link>img,.group-tile-link>.group-cover-placeholder{object-fit:cover;width:100%;height:170px}.group-tile h2{overflow-wrap:anywhere;margin:14px 16px 0;font-size:20px;font-weight:700}.group-tile-content{padding:10px 16px 16px}.group-tile-content>p{color:#796a84;align-items:center;gap:5px;margin-bottom:12px;font-size:12px;display:flex}.group-tile-content>button{width:100%}.group-cover-placeholder{color:#754991;background:linear-gradient(135deg,#c5a5df,#ece0f6);place-items:center;display:grid}.groups-message{color:#a3344a;border:1px solid #e8b4bf;border-radius:9px;margin:16px 0;padding:12px 16px}.groups-message button{margin-left:10px;text-decoration:underline}.groups-notice{color:#654280;background:#e9e0f2;border-radius:9px;margin:16px 0;padding:12px 16px}.groups-loading,.groups-empty{text-align:center;color:#796a84;justify-content:center;align-items:center;gap:10px;padding:24px 8px;display:flex}.groups-load-more{margin:24px auto 0;display:flex}.group-editor{background:#fffcff;border:1px solid #e0d3eb;border-radius:12px;flex-direction:column;gap:12px;max-width:680px;margin:0 0 24px;padding:24px;display:flex}.group-editor h2,.group-about h2,.group-posts>h2,.group-members h2{margin-bottom:4px;font-size:20px;font-weight:700}.group-editor label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.group-editor input,.group-editor textarea,.group-editor select{color:#392a44;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d7c8e2;border-radius:8px;padding:10px 12px;font-weight:400}.group-editor input:focus,.group-editor textarea:focus,.group-editor select:focus{outline-offset:1px;outline:2px solid #b68ed1}.group-editor [aria-invalid=true]{border-color:#c5455c}.group-editor [role=alert]{color:#ad354d;font-size:13px}.group-form-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.group-field-help{color:#7f708b;font-size:12px}.group-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.groups-back{color:#754895;margin-bottom:18px;font-size:14px;display:inline-block}.group-hero{background:#fffcff;border:1px solid #e5dbea;border-radius:12px;margin-bottom:24px;overflow:hidden}.group-hero-cover{object-fit:cover;width:100%;height:280px;display:block}.group-hero-cover.group-cover-placeholder{display:grid}.group-hero-body{padding:24px}.group-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.group-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.group-membership-badge{color:#71448f;background:#eee5f5;border-radius:8px;padding:10px 12px;font-size:13px;display:inline-block}.group-request-status{color:#8b6722;margin-top:10px;font-size:13px}.group-about,.group-members,.group-posts{background:#fffcff;border:1px solid #e5dbea;border-radius:12px;margin-bottom:20px;padding:24px}.group-about>p{white-space:pre-wrap;overflow-wrap:anywhere;color:#6c5b78;margin-top:10px}.group-posts>p,.group-members>p{color:#796a84;margin-top:12px}.group-sample-post{max-width:680px;margin:18px auto 0}.group-sample-post>header{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.group-sample-post>header span{color:#8c7c99;font-size:12px}.group-access-message{text-align:center;padding:60px 20px}.group-access-message svg{color:#8755a8;margin:0 auto 16px}.group-access-message h1{font-size:25px;font-weight:700}.group-access-message p{color:#796a84;margin:14px 0 24px}.group-member{border-bottom:1px solid #eee6f5;justify-content:space-between;gap:14px;padding:16px 0;display:flex}.group-member>div:first-child{min-width:0}.group-member strong{overflow-wrap:anywhere;font-size:14px;display:block}.group-member span{color:#7d6d87;margin-top:4px;font-size:13px;display:block}.group-member-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.group-member-actions button{color:#70448e;background:#eee5f5;border-radius:7px;padding:7px 10px;font-size:13px}.group-member-actions button:disabled{opacity:.5}.group-post-list,.group-post-composer{max-width:680px;margin:18px auto 0}.group-post-list>.post-card{margin-bottom:18px}.group-post-composer{background:#f7f2fb;border:1px solid #dfd2e9;border-radius:12px;padding:18px}.group-post-composer label{flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.group-post-composer textarea{width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #dacbe5;border-radius:8px;padding:12px;font-weight:400}.group-post-composer textarea:focus{outline-offset:1px;outline:2px solid #af84ce}.group-post-composer textarea[aria-invalid=true]{border-color:#bf3e55}.group-post-composer>p{color:#81668f;margin:10px 0;font-size:12px}.group-post-composer>p[role=alert]{color:#b03850}.group-post-composer>button{margin-left:auto;display:flex}.group-feed-end{text-align:center;padding-top:12px;font-size:13px}@media (max-width:850px){.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.groups-header{padding:12px}.groups-header .brand{font-size:18px}.groups-main{width:calc(100% - 24px);padding-top:16px}.groups-title{flex-direction:column;align-items:flex-start;gap:14px}.groups-grid{grid-template-columns:1fr;gap:16px}.group-tile-link>img,.group-tile-link>.group-cover-placeholder{height:190px}.group-editor,.group-hero-body,.group-about,.group-members,.group-posts{padding:16px}.group-form-columns{grid-template-columns:1fr;gap:12px}.group-hero-cover{height:190px}.group-hero h1{font-size:25px}.group-member{flex-direction:column}.group-member-actions{flex-shrink:1}}