.group-page{max-width:950px;margin:auto}.group-back-row{display:flex;justify-content:space-between;margin-bottom:10px}.group-back-row button{background:transparent;color:#1b3771;display:flex;align-items:center;gap:6px}.group-cover{height:205px;border-radius:22px 22px 0 0;background-image:url('/assets/screens/a_clean_smartphone_ui_screenshot_of_a_social_commu.png');background-size:104% auto;background-position:center 6.1%}.group-header{display:flex;align-items:center;gap:16px;background:var(--panel);padding:20px;border-radius:0 0 22px 22px}.group-header h1{font-size:26px;margin:0}.group-header p{margin:6px 0 0;font-size:13px;color:#8b93bb}.group-header p svg{width:17px;height:17px}.group-avatar,.group-large-avatar{width:76px;height:76px;border-radius:50%;border:3px solid white;background-image:url('/assets/screens/a_vertical_smartphone_screenshot_of_a_messaging_ch.png');background-size:435% auto;background-position:20% 42.4%;flex-shrink:0}.group-invite{margin-left:auto;background:#edf6ff;border:1px solid #e1edfc;color:#087cff;padding:11px 15px;border-radius:30px;display:flex;gap:6px;align-items:center;font-size:12px}.group-tabs{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:17px 0}.group-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:12px 17px;background:#f8fbff;border:1px solid #e5edfb;border-radius:30px;font-size:13px}.group-tabs svg{width:20px;height:20px}.group-tabs .chosen,.group-member-tabs .chosen{background:linear-gradient(110deg,#00c9df,#006dff);color:white;border-color:transparent}.group-compose{display:flex;align-items:center;gap:14px;width:100%;background:var(--panel);padding:18px;border-radius:19px;color:#8895b8}.group-compose>span:nth-child(2){flex:1;text-align:left;border:1px solid #e5effa;border-radius:30px;padding:12px}.group-post{background:var(--panel);border-radius:20px;padding:22px;margin:15px 0}.group-post header{display:flex;gap:12px;align-items:center}.group-post header button,.group-member>button{background:transparent;margin-left:auto;font-size:23px}.group-post strong{font-size:16px}.group-post small{display:block;color:#8b96bb;font-size:12px;margin-top:3px}.group-post p{font-size:15px;white-space:pre-wrap}.group-photos{margin:12px 0;gap:7px}.group-photos>span{width:25%;height:auto;aspect-ratio:1.15}.group-post footer{display:flex;gap:22px;margin-top:18px}.group-post footer button{background:transparent;color:#2894ef;display:flex;gap:7px;align-items:center}.group-file{display:flex;gap:12px;align-items:center;border:1px solid #e6eef9;border-radius:14px;padding:14px;font-size:13px}.group-file .pdf-icon{padding:15px 8px}.group-section-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.group-section-title h2{font-size:20px}.group-section-title .primary{font-size:12px;padding:9px 15px}.group-task{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.group-task small{margin-top:5px}.task-status{margin-left:auto;font-size:10px;color:#c18a43;background:#fff1dd;padding:5px 9px;border-radius:12px;white-space:nowrap}.task-status.complete{color:#1a9e7a;background:#ddf8ec}.group-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.group-summary-stats>div{background:var(--panel);border-radius:16px;padding:18px;text-align:center;font-size:12px;color:#8191b3}.group-summary-stats strong{display:block;font-size:29px;color:#087cff}.group-member-tabs{display:flex;gap:10px;margin-bottom:18px}.group-member-tabs button{background:var(--panel);border:1px solid var(--line);padding:11px 17px;border-radius:25px;font-size:13px}.group-member{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:17px 0}.group-member .zip-avatar{width:55px;height:55px}.member-role{display:block;width:fit-content;background:#e0f0ff;border-radius:10px;color:#1284eb;font-size:11px;padding:3px 8px;margin-top:5px}.member-status{font-size:11px}.group-member[hidden]{display:none}.group-info{text-align:center}.group-large-avatar{width:110px;height:110px;margin:10px auto 20px}.group-info-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.group-info-actions button{background:#f0f7ff;border-radius:14px;padding:15px;display:flex;align-items:center;gap:8px;color:#177ddb;font-size:12px}.group-setting-row{display:flex;align-items:center;gap:13px;width:100%;padding:19px 0;background:transparent;border-bottom:1px solid var(--line);text-align:left;font-size:15px}.group-setting-row>span:last-child{margin-left:auto;color:#8493b6}.group-comment{padding:8px 12px;background:#eff6ff;border-radius:10px;font-size:12px!important}#group-settings label{display:block;font-size:13px;margin-top:16px}#group-settings input:not([type=checkbox]),#group-settings textarea{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:inherit;font:inherit}.group-switch input{margin-right:8px}.group-gallery{background:white;border-radius:20px;padding:16px}.dark .group-back-row button,.dark .group-setting-row{color:#e6efff}.dark .group-tabs button,.dark .group-info-actions button{background:#253a59;color:#cce6ff}.dark .group-tabs .chosen{background:#1679c1;color:white}@media(max-width:700px){.group-cover{height:142px}.group-header{padding:16px 12px;gap:11px;flex-wrap:wrap}.group-header h1{font-size:22px}.group-header p{font-size:11px}.group-avatar{width:62px;height:62px;margin-top:-32px}.group-invite{font-size:11px;padding:9px 12px}.group-tabs{margin:15px 0;gap:7px}.group-tabs button{font-size:12px;padding:10px 13px}.group-post{padding:17px;margin:12px 0}.group-post p{font-size:13px}.group-post strong{font-size:15px}.group-compose{padding:12px;gap:8px}.group-compose .zip-avatar{width:36px;height:36px}.group-compose>span:nth-child(2){padding:10px;font-size:12px}.group-compose svg{width:21px;height:21px}.group-file{font-size:11px;padding:10px}.group-task{gap:8px;font-size:12px}.task-status{font-size:9px;padding:4px 6px}.group-section-title h2{font-size:18px}.group-member{padding:14px 0}.group-info-actions{gap:7px}.group-info-actions button{padding:12px;font-size:11px}.group-summary-stats>div{padding:13px 8px}.group-page .search{font-size:13px}}
.group-cover{height:auto;aspect-ratio:852/252;background-size:100% auto;background-position:center 5.77%}