.screen[data-page^="group"] .body:has(.gp-page){padding:0;background:#ededed}
.gp-page{min-height:100%;padding:0 0 calc(32px + env(safe-area-inset-bottom));color:#191919}
.gp-page h2{margin:0;padding:28px 20px 12px;font-size:calc(23px * var(--font-scale,1));font-weight:500}
.gp-gap{height:9px;background:#ededed}
.gp-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:11px 17px;border:0;border-bottom:1px solid #eee;background:#fff;color:#191919;text-align:left;font-size:calc(16px * var(--font-scale,1))}
.gp-row>span:first-child,.gp-row>strong{flex:1;font-weight:400}
.gp-row-value{display:flex;align-items:center;gap:8px;max-width:65%;overflow:hidden;color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:calc(14px * var(--font-scale,1))}
.gp-row-value b{font-size:25px;font-weight:300;line-height:1}
.gp-row input[type=checkbox]{width:23px;height:23px;accent-color:#07aa52}
.gp-row.danger{justify-content:center;color:#d34343}
.gp-row.static{justify-content:space-between}
.gp-member-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 5px;padding:22px 8px 18px;background:#fff}
.gp-person{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:0;border:0;background:none;color:#777;text-align:center}
.gp-person small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(12px * var(--font-scale,1))}
.gp-person-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:5px;background:#d58e77;color:#fff;font-size:calc(21px * var(--font-scale,1))}
.gp-member-preview .gp-person-avatar{width:55px;height:55px}
.gp-person-avatar.add{border:1px solid #bfc3c7;background:#fff;color:#a1a7ad;font-size:31px;font-weight:300}
.gp-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:4px;background:#d58e77;color:#fff;object-fit:cover;font-size:22px}
.gp-avatar.large{width:80px;height:80px;margin:auto;font-size:38px}
.gp-avatar-card,.gp-invite-card{margin:0 0 10px;padding:24px 20px;background:#fff;text-align:center}
.gp-avatar-card h2,.gp-invite-card h2{padding:10px 0 0;font-size:calc(19px * var(--font-scale,1))}
.gp-avatar-card p,.gp-invite-card p,.gp-hint{color:#888;font-size:calc(13px * var(--font-scale,1));line-height:1.55}
.gp-hint{padding:10px 18px;margin:0}
.gp-error{margin:0;padding:10px 18px;color:#b22c32;font-size:calc(14px * var(--font-scale,1));line-height:1.5}
.gp-error[hidden]{display:none}
.gp-primary{display:block;min-height:48px;min-width:170px;margin:24px auto;padding:10px 20px;border:0;border-radius:7px;background:#07ad5b;color:#fff;font-size:calc(16px * var(--font-scale,1));text-align:center}
.gp-primary:disabled{background:#a5cbbb;color:#fff}
.gp-primary.danger{background:#d54646}
.gp-retry{display:block;margin:12px auto 24px}
.gp-avatar-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px}
.gp-avatar-actions .gp-primary{margin:14px 0}
.gp-avatar-actions input{display:none}
.gp-search,.gp-field-label input,.gp-field-label select,.gp-field-input input,.gp-field-input textarea{display:block;width:calc(100% - 32px);min-height:48px;margin:16px;padding:10px 13px;border:1px solid #e0e0e0;border-radius:7px;background:#fff;color:#222;font-size:calc(16px * var(--font-scale,1))}
.gp-field-label{display:block;padding:12px 16px;background:#fff;font-size:calc(15px * var(--font-scale,1))}
.gp-field-label input,.gp-field-label select{width:100%;margin:10px 0 0}
.gp-member-list{background:#fff}
.gp-member-line{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 16px;border-bottom:1px solid #eee;background:#fff}
.gp-member-line>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gp-member-line small{display:block;margin-top:4px;color:#999;font-size:calc(12px * var(--font-scale,1))}
.gp-member-line input[type=checkbox],.gp-member-line input[type=radio]{width:22px;height:22px;accent-color:#07a850}
.gp-member-profile{display:flex;align-items:center;gap:12px;flex:1;border:0;background:none;color:#191919;text-align:left}
.gp-member-profile>span:last-child{flex:1}
.gp-remove,.gp-text-button{min-height:40px;padding:4px 8px;border:0;background:none;color:#576b95;font-size:calc(14px * var(--font-scale,1))}
.gp-remove{color:#c64444}
.gp-empty{margin:0;padding:28px 16px;color:#999;text-align:center}
.gp-field-page{background:#fff}
.gp-field-page .gp-field-input{display:block;margin:0 24px;border-block:1px solid #e7e7e7}
.gp-field-input input,.gp-field-input textarea{width:100%;margin:0;border:0;border-radius:0;resize:vertical;outline:0}
.gp-count{margin:7px 27px 0;color:#999;text-align:right;font-size:calc(12px * var(--font-scale,1))}
.gp-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 16px}
.gp-actions .gp-primary{margin:12px 0}
.gp-confirm-person{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 16px;background:#fff}
@media(max-width:380px){.gp-member-preview{gap:12px 2px}.gp-member-preview .gp-person-avatar{width:48px;height:48px}}