:root{--groups-primary:#111;--groups-primary-deep:#000;--groups-canvas:#fff;--groups-surface:#f7f7f5;--groups-ink-deep:#111;--groups-ink:#242421;--groups-muted:#686864;--groups-hairline:#deded9;--groups-radius-lg:24px;--groups-radius-xl:32px}.groups-main{color:var(--groups-ink);gap:24px;display:grid}.groups-hero,.group-detail-hero{border-radius:var(--groups-radius-xl);background:var(--groups-surface);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:40px;display:grid}.groups-hero__copy,.group-info{gap:10px;display:grid}.groups-eyebrow{color:var(--groups-primary);letter-spacing:0;margin:0;font-size:14px;font-weight:700;line-height:1.4}.groups-hero h1,.group-info h1{color:var(--groups-ink-deep);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(40px,6vw,64px);font-weight:500;line-height:1.08}.groups-hero p:not(.groups-eyebrow){max-width:620px;color:var(--groups-muted);margin:0;font-size:18px;line-height:1.55}.groups-hero__action,.group-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.groups-main .btn{letter-spacing:0;min-height:44px;font-size:14px;font-weight:700;border-radius:100px!important}html body .groups-main .btn-primary{border-color:var(--groups-ink-deep)!important;background:var(--groups-ink-deep)!important;color:#fff!important}html body .groups-main .btn-primary:hover{background:#444950!important;border-color:#444950!important}html body .groups-main .btn-secondary{border:2px solid var(--groups-ink-deep)!important;color:var(--groups-ink-deep)!important;background:0 0!important}html body .groups-main .btn-danger{color:#e41e3f!important;background:#fff!important;border:1px solid #e41e3f!important}.groups-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.groups-summary__item{border:1px solid var(--groups-hairline);border-radius:var(--groups-radius-lg);background:var(--groups-canvas);gap:8px;padding:24px;display:grid}.groups-summary__item span,.groups-board__header p,.group-stat span{color:var(--groups-muted);margin:0;font-size:14px;line-height:1.45}.groups-summary__item strong{color:var(--groups-ink-deep);font-size:36px;font-weight:500;line-height:1.05}.groups-board,.group-members-panel{gap:18px;display:grid}.groups-board__header{border-bottom:1px solid var(--groups-hairline);justify-content:space-between;align-items:end;gap:16px;padding-bottom:16px;display:flex}.groups-board__header h2{color:var(--groups-ink-deep);letter-spacing:0;margin:0 0 6px;font-size:28px;font-weight:500;line-height:1.2}.groups-grid{gap:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}.group-card{cursor:pointer;gap:18px;min-height:236px;display:grid;border:1px solid var(--groups-hairline)!important;border-radius:var(--groups-radius-lg)!important;background:var(--groups-canvas)!important;box-shadow:none!important;padding:24px!important}.group-card:hover,.group-card:focus-visible{border-color:var(--groups-primary)!important;box-shadow:none!important;transform:none!important}.group-header{justify-content:space-between;align-items:flex-start;gap:16px;margin:0;display:flex}.group-name{overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:500;line-height:1.25;color:var(--groups-ink-deep)!important}.group-count,.member-badge{border:1px solid var(--groups-hairline);white-space:nowrap;border-radius:100px;align-items:center;min-height:28px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex;color:var(--groups-muted)!important;background:#fff!important}.group-scores{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.group-score{border-radius:16px;align-items:start;gap:4px;padding:14px 12px;display:grid;background:var(--groups-surface)!important}.group-score .label{color:var(--groups-muted);margin:0;font-size:12px;font-weight:600;line-height:1.3}.group-score .value{color:var(--groups-ink-deep);font-size:24px;font-weight:500;line-height:1.1}.group-score.total .value{color:var(--groups-ink-deep)!important}.group-score.plus .value{color:#15803d!important}.group-score.minus .value{color:#dc2626!important}html body .groups-main #createGroupBtn{border-color:var(--groups-ink-deep)!important;background:var(--groups-ink-deep)!important;color:#fff!important}html body .groups-main #createGroupBtn i{color:currentColor!important}html :is(body.dark-mode,body[data-theme=dark]) .groups-main .groups-summary__item :is(span,strong),html[data-theme=dark] body .groups-main .groups-summary__item :is(span,strong){color:var(--ds-inverse-ink)!important}html :is(body.dark-mode,body[data-theme=dark]) .groups-main .group-score.plus .value,html[data-theme=dark] body .groups-main .group-score.plus .value{color:#4ade80!important}html :is(body.dark-mode,body[data-theme=dark]) .groups-main .group-score.minus .value,html[data-theme=dark] body .groups-main .group-score.minus .value{color:#f87171!important}@media (width>=1180px){.groups-main .groups-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.group-members-preview{flex-wrap:wrap;gap:8px;min-height:28px;display:flex}.member-badge.more{color:var(--groups-primary)!important}.groups-empty{border:1px solid var(--groups-hairline);border-radius:var(--groups-radius-lg);background:var(--groups-canvas);text-align:center;grid-column:1/-1;gap:8px;padding:48px 24px;display:grid}.groups-empty h3{color:var(--groups-ink-deep);margin:0;font-size:24px;font-weight:500}.groups-empty p{color:var(--groups-muted);margin:0}.member-select-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:340px;padding:4px;display:grid;overflow:auto}.member-checkbox{border:1px solid var(--groups-hairline);background:var(--groups-canvas);min-height:44px;color:var(--groups-ink);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.member-checkbox:hover{border-color:var(--groups-primary);background:#fff}.member-checkbox input{width:18px;height:18px;accent-color:var(--groups-primary)}.member-checkbox span{color:var(--groups-ink-deep);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.group-detail-main{gap:20px}.group-back-link{width:fit-content;min-height:40px;color:var(--groups-ink-deep);align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.group-back-link:hover{color:var(--groups-primary)}.group-stat-strip{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.group-stat{background:#fff;border:1px solid #0a13171f;border-radius:16px;gap:2px;min-width:112px;padding:12px 16px;display:grid}.group-stat strong{color:var(--groups-ink-deep);font-size:22px;font-weight:500;line-height:1.1}#groupMembersList#groupMembersList.group-members-list{background:0 0!important;border:0!important;border-radius:0!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:16px!important;display:grid!important;overflow:visible!important}#groupMembersList#groupMembersList .group-member-item.group-member-item{aspect-ratio:4/5!important;border:1px solid var(--groups-hairline)!important;background:var(--groups-canvas)!important;min-width:0!important;min-height:248px!important;box-shadow:none!important;border-radius:20px!important;grid-template-rows:auto minmax(0,1fr) auto!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:18px!important;padding:20px!important;display:grid!important;position:relative!important;overflow:hidden!important}#groupMembersList#groupMembersList .group-member-item.group-member-item:is(:hover,:focus-within){border-color:color-mix(in srgb, var(--groups-ink-deep) 30%, var(--groups-hairline))!important}#groupMembersList#groupMembersList .group-member-item .member-rank.member-rank{color:var(--groups-muted)!important;font-family:var(--ds-font-mono)!important;justify-self:start!important;font-size:13px!important;font-weight:700!important;line-height:1!important}#groupMembersList#groupMembersList .group-member-item .member-info.member-info{text-align:center!important;place-items:center!important;min-width:0!important;padding:8px!important;display:grid!important}#groupMembersList#groupMembersList .group-member-item .member-name.member-name{max-width:100%!important;color:var(--groups-ink-deep)!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:22px!important;font-weight:680!important;line-height:1.3!important;text-decoration:none!important;display:block!important;overflow:hidden!important}#groupMembersList#groupMembersList .group-member-item .member-scores.member-scores{border-top:1px solid var(--groups-hairline)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center!important;gap:0!important;width:100%!important;margin:0!important;padding-top:14px!important;display:grid!important}#groupMembersList#groupMembersList .group-member-item .member-scores.member-scores>span{border:0!important;border-right:1px solid var(--groups-hairline)!important;min-width:0!important;color:var(--groups-ink-deep)!important;text-align:center!important;white-space:nowrap!important;background:0 0!important;border-radius:0!important;padding:2px 6px!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;display:block!important}#groupMembersList#groupMembersList .group-member-item .member-scores.member-scores>span:last-child{border-right:0!important}#groupMembersList#groupMembersList .group-member-item .member-scores.member-scores>.plus{color:#15803d!important}#groupMembersList#groupMembersList .group-member-item .member-scores.member-scores>.minus{color:#dc2626!important}#groupMembersList#groupMembersList .group-member-item .remove-member-btn.remove-member-btn{border:1px solid var(--groups-hairline)!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;color:var(--groups-muted)!important;background:0 0!important;border-radius:50%!important;place-items:center!important;padding:0!important;display:grid!important;position:absolute!important;top:14px!important;right:14px!important}#groupMembersList#groupMembersList .group-member-item .remove-member-btn.remove-member-btn:is(:hover,:focus-visible){color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}@media (width<=900px){.groups-hero,.group-detail-hero{grid-template-columns:1fr;padding:28px}.groups-hero__action,.group-actions{justify-content:flex-start}.groups-summary{grid-template-columns:1fr}}@media (width<=640px){.groups-main{gap:18px}.groups-hero,.group-detail-hero{border-radius:24px;padding:24px 18px}.groups-hero h1,.group-info h1{font-size:40px}.groups-hero p:not(.groups-eyebrow){font-size:16px}.groups-hero__action .btn,.group-actions .btn{width:100%}.groups-summary__item{padding:20px}.groups-grid{grid-template-columns:1fr!important}.group-scores{grid-template-columns:1fr}.group-card{min-height:auto;padding:20px!important}#groupMembersList#groupMembersList.group-members-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px!important}#groupMembersList#groupMembersList .group-member-item.group-member-item{border-radius:16px!important;min-height:214px!important;padding:16px!important}#groupMembersList#groupMembersList .group-member-item .member-name.member-name{font-size:18px!important}#groupMembersList#groupMembersList .group-member-item .member-scores.member-scores>span{padding-inline:3px!important;font-size:12px!important}#groupMembersList#groupMembersList .group-member-item .remove-member-btn.remove-member-btn{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;top:10px!important;right:10px!important}.member-select-grid{grid-template-columns:1fr}}html body .groups-main.groups-main .groups-grid.groups-grid{gap:14px!important}html body .groups-main.groups-main .group-card.group-card{corner-shape:superellipse(2)!important;min-height:0!important;box-shadow:none!important;background:linear-gradient(#fff 0 0) padding-box padding-box,linear-gradient(#d9d9d6 0 0) border-box!important;border:1px solid #0000!important;border-radius:22px!important;grid-template-rows:auto auto auto!important;align-content:start!important;gap:18px!important;padding:20px 22px!important;display:grid!important;overflow:clip!important;transform:none!important}html body .groups-main.groups-main .group-card.group-card:is(:hover,:focus-visible){box-shadow:none!important;background:linear-gradient(#fff 0 0) padding-box padding-box,linear-gradient(#8a8a85 0 0) border-box!important;outline:0!important;transform:none!important}html body .groups-main.groups-main .group-card.group-card .group-header.group-header{align-items:center!important;gap:12px!important}html body .groups-main.groups-main .group-card.group-card .group-name.group-name{color:#111!important;font-size:22px!important;font-weight:680!important;line-height:1.15!important}html body .groups-main.groups-main .group-card.group-card .group-count.group-count{color:#777773!important;background:0 0!important;border:0!important;border-radius:0!important;min-height:0!important;padding:0!important;font-size:12px!important;font-weight:540!important}html body .groups-main.groups-main .group-card.group-card .group-scores.group-scores{border-block:1px solid #e5e5e2!important;grid-template-columns:minmax(0,1fr) 86px 86px!important;align-items:stretch!important;gap:0!important;width:100%!important;margin:0!important;padding:14px 0!important;display:grid!important}html body .groups-main.groups-main .group-card.group-card .group-score.group-score{background:0 0!important;border:0!important;border-radius:0!important;align-content:center!important;justify-items:start!important;gap:3px!important;width:auto!important;min-width:0!important;min-height:54px!important;padding:0 14px!important;display:grid!important}html body .groups-main.groups-main .group-card.group-card .group-score.total{min-height:54px!important;padding-left:0!important}html body .groups-main.groups-main .group-card.group-card :is(.group-score.plus,.group-score.minus){white-space:nowrap!important;border-left:1px solid #e5e5e2!important;width:auto!important;min-width:0!important;min-height:54px!important;padding:0 0 0 14px!important;display:grid!important}html body .groups-main.groups-main .group-card.group-card .group-score .label{color:#858580!important;letter-spacing:.04em!important;font-size:10px!important;font-weight:620!important;line-height:1!important}html body .groups-main.groups-main .group-card.group-card .group-score .value{font-variant-numeric:tabular-nums;color:#111!important;margin:0!important;font-size:17px!important;font-weight:680!important;line-height:1.1!important}html body .groups-main.groups-main .group-card.group-card .group-score.total .value{color:#111!important;letter-spacing:-.035em!important;font-size:clamp(34px,4vw,44px)!important;font-weight:680!important}html body .groups-main.groups-main .group-card.group-card .group-score.plus .value{color:#15803d!important}html body .groups-main.groups-main .group-card.group-card .group-score.minus .value{color:#dc2626!important}html body .groups-main.groups-main .group-card.group-card .group-members-preview.group-members-preview{flex-wrap:wrap!important;align-items:center!important;gap:5px 10px!important;min-height:18px!important;display:flex!important}html body .groups-main.groups-main .group-card.group-card .group-members-label{color:#9a9a95!important;letter-spacing:.04em!important;font-size:10px!important;font-weight:620!important}html body .groups-main.groups-main .group-card.group-card .member-badge.member-badge{color:#4d4d49!important;background:0 0!important;border:0!important;border-radius:0!important;min-height:0!important;padding:0!important;font-size:12px!important;font-weight:520!important;position:relative!important}html body .groups-main.groups-main .group-card.group-card .member-badge.member-badge:not(:last-child):after{color:#c5c5c1;content:"·";position:absolute;right:-7px}html body .groups-main.groups-main .group-card.group-card .member-badge.more{color:#777773!important;font-weight:620!important}@media (width<=640px){html body .groups-main.groups-main .group-card.group-card{gap:16px!important;padding:18px!important}html body .groups-main.groups-main .group-card.group-card .group-scores.group-scores{grid-template-columns:minmax(0,1fr) 72px 72px!important}html body .groups-main.groups-main .group-card.group-card .group-score.group-score{padding-left:11px!important}html body .groups-main.groups-main .group-card.group-card .group-score.total{padding-left:0!important}}html body .groups-main.groups-main{align-content:start!important;gap:18px!important}html body .groups-main.groups-main .groups-overview{border-radius:var(--ds-ui-card-radius,24px);corner-shape:superellipse(2);background:linear-gradient(var(--groups-canvas) 0 0) padding-box, linear-gradient(var(--groups-hairline) 0 0) border-box;border:1px solid #0000;overflow:clip}html body .groups-main.groups-main .groups-overview .groups-hero{background:0 0!important;border:0!important;border-radius:0!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;min-height:96px!important;padding:20px 22px!important;display:grid!important}html body .groups-main.groups-main .groups-overview .groups-hero__copy{gap:4px!important}html body .groups-main.groups-main .groups-overview .groups-hero h1{color:var(--groups-ink-deep)!important;font-family:var(--ds-font)!important;letter-spacing:-.035em!important;margin:0!important;font-size:clamp(28px,4vw,34px)!important;font-weight:680!important;line-height:1.05!important}html body .groups-main.groups-main .groups-overview .groups-hero p{color:var(--groups-muted)!important;margin:0!important;font-size:13px!important;font-weight:400!important;line-height:1.45!important}html body .groups-main.groups-main .groups-overview #createGroupBtn{border:1px solid var(--groups-ink-deep)!important;background:var(--groups-ink-deep)!important;color:#fff!important;white-space:nowrap!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 13px!important;font-size:12px!important;font-weight:620!important;display:inline-flex!important}html body .groups-main.groups-main .groups-overview #createGroupBtn i{font-size:10px!important}html body .groups-main.groups-main .groups-overview #createGroupBtn span{color:#fff!important}html body .groups-main.groups-main .groups-overview .groups-summary{border-top:1px solid var(--groups-hairline)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;display:grid!important}html body .groups-main.groups-main .groups-overview .groups-summary__item{border:0!important;border-right:1px solid var(--groups-hairline)!important;background:0 0!important;border-radius:0!important;align-content:center!important;gap:5px!important;min-height:76px!important;padding:13px 22px!important;display:grid!important}html body .groups-main.groups-main .groups-overview .groups-summary__item:last-child{border-right:0!important}html body .groups-main.groups-main .groups-overview .groups-summary__item span{color:var(--groups-muted)!important;letter-spacing:.02em!important;font-size:11px!important;font-weight:560!important;line-height:1.2!important}html body .groups-main.groups-main .groups-overview .groups-summary__item strong{font-variant-numeric:tabular-nums;color:var(--groups-ink-deep)!important;letter-spacing:-.025em!important;font-size:clamp(23px,3vw,28px)!important;font-weight:680!important;line-height:1!important}html body .groups-main.groups-main .groups-board__header{align-items:center!important;padding-bottom:11px!important}html body .groups-main.groups-main .groups-board__header h2{margin-bottom:2px!important;font-size:20px!important;font-weight:650!important}html body .groups-main.groups-main .groups-board__header p{color:var(--groups-muted)!important;font-size:12px!important}@media (width<=640px){html body .groups-main.groups-main .groups-overview .groups-hero{min-height:86px!important;padding:17px 16px!important}html body .groups-main.groups-main .groups-overview .groups-hero h1{font-size:27px!important}html body .groups-main.groups-main .groups-overview .groups-hero p{font-size:12px!important}html body .groups-main.groups-main .groups-overview #createGroupBtn{width:34px!important;min-width:34px!important;padding:0!important}html body .groups-main.groups-main .groups-overview #createGroupBtn span{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;margin:-1px!important;position:absolute!important;overflow:hidden!important}html body .groups-main.groups-main .groups-overview .groups-summary__item{min-height:70px!important;padding:11px 12px!important}html body .groups-main.groups-main .groups-overview .groups-summary__item span{font-size:10px!important}html body .groups-main.groups-main .groups-overview .groups-summary__item strong{font-size:22px!important}}