.groups-hero{display:grid;gap:14px;margin-bottom:22px}.groups-back{width:fit-content}.groups-hero-copy{display:grid;gap:12px;max-width:44rem}.groups-title{margin:0;font-size:var(--text-hero);line-height:.92;letter-spacing:-.04em}.groups-page{--groups-controls-surface-top: color-mix(in oklab, var(--card) 92%, var(--bg-1));--groups-controls-surface-bottom: color-mix(in oklab, var(--card) 84%, var(--bg-1));--groups-board-surface-top: color-mix(in oklab, var(--card) 94%, var(--bg-1));--groups-board-surface-bottom: color-mix(in oklab, var(--card) 82%, var(--bg-1));--groups-board-surface-soft: color-mix(in oklab, var(--card) 70%, var(--bg-1));--groups-board-stat-surface: color-mix(in oklab, var(--card) 78%, var(--bg-1));--groups-chip-surface: color-mix(in oklab, var(--card) 90%, var(--bg-1));--groups-chip-surface-strong: color-mix(in oklab, var(--card) 94%, var(--bg-1));--groups-member-surface: color-mix(in oklab, var(--card) 84%, var(--bg-1));--groups-member-sheet: color-mix(in oklab, var(--card) 88%, var(--bg-1));--groups-member-divider: color-mix(in oklab, var(--ink-1) 7%, var(--card));--groups-member-kicker: color-mix(in oklab, var(--ink-2) 78%, var(--card));--groups-member-handle-rest: color-mix(in oklab, var(--ink-2) 60%, var(--card));--groups-member-handle-active: color-mix(in oklab, var(--accent-1) 54%, var(--ink-2));--groups-card-surface-top: color-mix(in oklab, var(--card) 92%, var(--bg-1));--groups-card-surface-bottom: color-mix(in oklab, var(--card) 82%, var(--bg-1));--groups-border-soft: color-mix(in oklab, var(--ink-1) 5%, var(--card));--groups-border: color-mix(in oklab, var(--ink-1) 8%, var(--card));--groups-border-strong: color-mix(in oklab, var(--ink-1) 12%, var(--card));--groups-border-dashed: color-mix(in oklab, var(--ink-1) 14%, var(--card));--groups-shadow-board: 0 36px 96px color-mix(in oklab, var(--accent-1) 10%, transparent), 0 20px 44px color-mix(in oklab, var(--ink-1) 10%, transparent);--groups-shadow-card: 0 22px 44px color-mix(in oklab, var(--accent-1) 7%, transparent), 0 12px 28px color-mix(in oklab, var(--ink-1) 8%, transparent);--groups-coral-surface: color-mix(in oklab, var(--accent-1) 10%, var(--card));--groups-coral-surface-strong: color-mix(in oklab, var(--accent-1) 16%, var(--card));--groups-coral-glow: color-mix(in oklab, var(--accent-1) 14%, transparent);--groups-coral-glow-soft: color-mix(in oklab, var(--accent-1) 10%, transparent);--groups-coral-accent: color-mix(in oklab, var(--accent-1) 88%, var(--card));--groups-green-surface: color-mix(in oklab, var(--accent-2) 10%, var(--card));--groups-green-surface-strong: color-mix(in oklab, var(--accent-2) 14%, var(--card));--groups-green-border: color-mix(in oklab, var(--accent-2) 24%, var(--card));--groups-green-glow: color-mix(in oklab, var(--accent-2) 8%, transparent);--groups-green-accent: color-mix(in oklab, var(--accent-2) 82%, var(--card));--groups-green-hover-border: color-mix(in oklab, var(--accent-2) 12%, var(--card));--groups-green-touch-target: color-mix(in oklab, var(--accent-2) 8%, var(--card));--groups-green-outline: color-mix(in oklab, var(--accent-2) 42%, transparent);--groups-earth-accent: color-mix(in oklab, var(--ink-2) 58%, var(--bg-1));--groups-earth-surface: color-mix(in oklab, var(--ink-2) 18%, var(--bg-1));--groups-remove-ink: color-mix(in oklab, var(--accent-1) 72%, #842e24);--groups-disabled-ink: color-mix(in oklab, var(--muted) 55%, var(--card));--groups-focus-ring: var(--focus-ring);--groups-ease-out: var(--ease-out);--groups-card-tone-0: linear-gradient(90deg, var(--groups-coral-accent), var(--groups-coral-surface-strong));--groups-card-tone-1: linear-gradient(90deg, var(--groups-green-accent), var(--groups-green-surface-strong));--groups-card-tone-2: linear-gradient(90deg, var(--groups-earth-accent), var(--groups-earth-surface));--groups-card-tone-3: linear-gradient(90deg, color-mix(in oklab, var(--accent-2) 74%, var(--card)), var(--groups-coral-surface-strong));--groups-space-grid-gap: clamp(14px, 1.8vw, 22px);--groups-space-card-pad: clamp(14px, 1.5vw, 18px);--groups-space-card-stack: clamp(10px, 1vw, 14px);--groups-space-row-x: clamp(14px, 1.5vw, 18px);--groups-space-row-y: clamp(12px, 1.2vw, 15px);--groups-board-ribbon: linear-gradient( 90deg, color-mix(in oklab, var(--accent-1) 92%, var(--card)), color-mix(in oklab, var(--accent-1) 18%, transparent) 34%, color-mix(in oklab, var(--accent-2) 18%, transparent) 70%, color-mix(in oklab, var(--accent-2) 78%, var(--card)) );--mh-field-border: var(--groups-border-strong);--mh-field-surface: color-mix(in oklab, var(--card) 82%, var(--bg-1));--mh-focus-ring: var(--groups-focus-ring);--mh-popover-surface: color-mix(in oklab, var(--card) 95%, var(--bg-1));--mh-popover-border: var(--groups-border-strong);--mh-suggest-hover: var(--groups-coral-surface);--mh-suggest-active: var(--groups-coral-surface-strong);display:grid;gap:22px}.groups-controls{position:relative;overflow:visible;z-index:2;padding:clamp(22px,3vw,30px);background:radial-gradient(circle at 0% 0%,var(--groups-coral-glow),transparent 40%),linear-gradient(180deg,var(--groups-controls-surface-top),var(--groups-controls-surface-bottom))}.groups-controls:before{content:"";position:absolute;inset:0 auto auto 0;width:180px;height:180px;background:radial-gradient(circle,var(--groups-coral-glow-soft),transparent 68%);pointer-events:none}.groups-toolbar{position:relative;z-index:2}.groups-section-title{margin:0;font-family:var(--font-condensed);font-size:.92rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.groups-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 18px;margin-bottom:12px}.groups-search-stack{flex:1 1 28rem;width:min(100%,36rem);min-width:min(100%,18rem)}.groups-search-stack .mh-filter-input{width:100%}.groups-search-stack .mh-suggest{top:calc(100% + 6px)}.groups-toolbar .mh-filter-input{min-height:44px}.groups-toolbar-actions{display:flex;align-items:flex-start;gap:10px;flex:0 1 auto}.groups-size-field{display:grid;gap:6px}.groups-size-field .meta{display:block;font-family:var(--font-condensed);font-size:var(--text-caption);font-weight:700;letter-spacing:var(--tracking-label);text-align:center;text-transform:uppercase}.groups-size-stepper{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:stretch;width:180px;min-height:44px;max-width:100%;border:1px solid var(--groups-border-strong);border-radius:14px;background:var(--groups-chip-surface);overflow:hidden;box-shadow:inset 0 1px color-mix(in oklab,var(--card) 76%,transparent)}.groups-size-input{width:100%;border:0;border-left:1px solid var(--groups-border);border-right:1px solid var(--groups-border);border-radius:0;background:transparent;text-align:center;font-size:var(--text-body);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;padding-inline:0;appearance:textfield;-moz-appearance:textfield}.groups-size-input::-webkit-outer-spin-button,.groups-size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.groups-size-btn{appearance:none;border:0;background:transparent;color:var(--ink-1);font-family:var(--font-sans);font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;transition:transform .14s var(--groups-ease-out),background-color .18s var(--groups-ease-out),color .18s var(--groups-ease-out)}.groups-size-btn:focus-visible,.groups-size-input:focus-visible{outline:2px solid var(--groups-focus-ring);outline-offset:-2px}.groups-size-btn:disabled{color:var(--groups-disabled-ink);cursor:default}.groups-clear{appearance:none;min-height:44px;border:1px solid var(--groups-border-strong);background:linear-gradient(180deg,var(--groups-chip-surface-strong),var(--groups-chip-surface));color:var(--ink-1);border-radius:999px;padding:10px 14px;box-shadow:inset 0 1px color-mix(in oklab,var(--card) 76%,transparent);font-family:var(--font-condensed);font-size:.92rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .14s var(--groups-ease-out),background-color .18s var(--groups-ease-out),border-color .18s var(--groups-ease-out),box-shadow .18s var(--groups-ease-out),color .18s var(--groups-ease-out)}.groups-clear:focus-visible{outline:2px solid var(--groups-focus-ring);outline-offset:2px}.groups-suggested-list{display:flex;flex-wrap:nowrap;gap:6px;min-height:0;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.groups-suggested-list::-webkit-scrollbar{display:none}.groups-suggested-chip{appearance:none;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:32px;max-width:min(100%,15rem);padding:5px 9px;border-radius:999px;border:1px solid color-mix(in oklab,var(--groups-green-border) 60%,var(--groups-border));background:color-mix(in oklab,var(--groups-green-surface) 50%,var(--card));color:var(--ink-1);box-shadow:inset 0 1px color-mix(in oklab,var(--card) 76%,transparent);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:600;text-align:left;cursor:pointer;transition:transform .14s var(--groups-ease-out),background-color .18s var(--groups-ease-out),border-color .18s var(--groups-ease-out),box-shadow .18s var(--groups-ease-out)}.groups-suggested-chip:focus-visible{outline:2px solid var(--groups-focus-ring);outline-offset:2px}.groups-suggested-chip-add{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex:0 0 auto;color:var(--groups-green-accent);font-size:.95rem;font-weight:700;line-height:1}.groups-suggested-chip-name{color:var(--ink-1);min-width:0;font-size:inherit;font-weight:inherit;line-height:1;white-space:nowrap}.groups-selection{position:relative;z-index:1;margin-top:18px;padding-top:18px;border-top:1px solid var(--groups-border);display:grid;gap:12px}.groups-selection-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;row-gap:8px}.groups-selection-head .groups-clear{justify-self:end}.groups-selection-empty{margin:0}.groups-selected-list{display:flex;flex-wrap:wrap;gap:10px;max-height:min(34vh,232px);overflow:auto;padding-right:4px;scrollbar-width:thin}.groups-selected-chip{appearance:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:999px;border:1px solid var(--groups-border);background:var(--groups-chip-surface-strong);color:var(--ink-1);box-shadow:inset 0 1px color-mix(in oklab,var(--card) 76%,transparent);font-family:var(--font-sans);font-size:var(--text-meta);font-weight:600;cursor:pointer;transition:transform .14s var(--groups-ease-out),background-color .18s var(--groups-ease-out),border-color .18s var(--groups-ease-out),box-shadow .18s var(--groups-ease-out)}.groups-selected-chip:focus-visible{outline:2px solid var(--groups-focus-ring);outline-offset:2px}.groups-selected-chip-name{max-width:24ch;overflow-wrap:anywhere;text-align:left}.groups-selected-chip-remove{color:var(--groups-remove-ink);font-size:var(--text-caption);font-weight:700;line-height:1}.groups-board{position:relative;overflow:hidden;border-radius:26px;padding:clamp(22px,3vw,30px);border:1px solid var(--groups-border-strong);background:linear-gradient(135deg,color-mix(in oklab,var(--accent-1) 8%,transparent),transparent 34%,transparent 72%,color-mix(in oklab,var(--accent-2) 8%,transparent)),linear-gradient(180deg,var(--groups-board-surface-top),var(--groups-board-surface-bottom)),radial-gradient(circle at 100% 0%,var(--groups-green-glow),transparent 36%);box-shadow:var(--groups-shadow-board)}.groups-board:before{content:"";position:absolute;inset:0 0 auto;height:12px;background:var(--groups-board-ribbon)}.groups-board-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px;z-index:1}.groups-board-copy{max-width:40rem}.groups-board-actions{display:grid;gap:6px;justify-items:end;align-content:start;width:fit-content;max-width:100%}.groups-copy-button{display:inline-flex;align-items:center;justify-content:center;width:44px;padding-inline:0}.groups-copy-button:before{content:"";width:18px;height:18px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15 3a2 2 0 0 1 2 2v8h-2V5H7v10h4v2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8Zm4 4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h8Zm0 2h-8v10h8V9Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15 3a2 2 0 0 1 2 2v8h-2V5H7v10h4v2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8Zm4 4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h8Zm0 2h-8v10h8V9Z'/%3E%3C/svg%3E") center / contain no-repeat}.groups-copy-button[data-mode=download]:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a1 1 0 0 1 1 1v8.59l2.3-2.3a1 1 0 1 1 1.4 1.42l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.42l2.3 2.3V4a1 1 0 0 1 1-1Zm-7 14a1 1 0 0 1 1 1v1h12v-1a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a1 1 0 0 1 1 1v8.59l2.3-2.3a1 1 0 1 1 1.4 1.42l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.42l2.3 2.3V4a1 1 0 0 1 1-1Zm-7 14a1 1 0 0 1 1 1v1h12v-1a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") center / contain no-repeat}.groups-copy-button:disabled{color:var(--groups-disabled-ink);cursor:default}.groups-copy-button:hover:disabled{background:var(--groups-chip-surface);transform:none}.groups-copy-status{margin:0;max-width:min(28ch,100%);min-height:1lh;text-align:right}.groups-copy-status[data-state=success]{color:var(--groups-green-accent)}.groups-copy-status[data-state=error]{color:var(--groups-remove-ink)}.groups-touch-move{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:10px 12px;border-radius:16px;border:1px solid var(--groups-border-soft);background:var(--groups-board-surface-soft)}.groups-touch-move[hidden]{display:none}.groups-touch-move-copy{margin:0;overflow-wrap:anywhere}.groups-touch-move-cancel{min-width:max-content;padding-inline:12px}.groups-board-title{margin:0;font-size:var(--text-display);line-height:.95;letter-spacing:-.04em}.groups-empty{position:relative;z-index:1;border-radius:22px;border:1px dashed var(--groups-border-dashed);background:var(--groups-board-surface-soft);padding:16px}.groups-empty-title{margin:0 0 6px;color:var(--ink-1);font-size:var(--text-lead)}.groups-empty-copy{margin:0}.groups-grid{position:relative;z-index:1;display:grid;gap:var(--groups-space-grid-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,20.5rem),1fr));align-items:start}.groups-card{--groups-card-accent: var(--groups-coral-surface-strong);position:relative;display:grid;gap:var(--groups-space-card-stack);overflow:hidden;border-radius:22px;border:1px solid var(--groups-border-strong);background:linear-gradient(140deg,color-mix(in oklab,var(--accent-1) 7%,transparent),transparent 36%,transparent 74%,color-mix(in oklab,var(--accent-2) 7%,transparent)),linear-gradient(180deg,var(--groups-card-surface-top),var(--groups-card-surface-bottom)),radial-gradient(circle at 100% 0%,var(--groups-coral-glow-soft),transparent 45%);padding:calc(var(--groups-space-card-pad) + 4px) var(--groups-space-card-pad) var(--groups-space-card-pad);box-shadow:var(--groups-shadow-card)}.groups-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--groups-card-accent)}.groups-card[data-tone="0"]{--groups-card-accent: var(--groups-card-tone-0)}.groups-card[data-tone="1"]{--groups-card-accent: var(--groups-card-tone-1)}.groups-card[data-tone="2"]{--groups-card-accent: var(--groups-card-tone-2)}.groups-card[data-tone="3"]{--groups-card-accent: var(--groups-card-tone-3)}.groups-card-head{display:flex;align-items:flex-start;gap:12px}.groups-card-head:after{content:"";flex:1 1 3.25rem;min-width:2.5rem;height:1px;margin-top:.82rem;background:color-mix(in oklab,var(--groups-border-strong) 86%,transparent)}.groups-card-title{margin:0;font-size:clamp(1.38rem,1.12rem + .68vw,1.72rem);line-height:.94}.groups-members{margin:0;padding:0;list-style:none;display:grid;gap:0;min-height:2rem;border-radius:18px;overflow:hidden;border:1px solid var(--groups-member-divider);background:linear-gradient(180deg,var(--groups-member-sheet),color-mix(in oklab,var(--groups-member-sheet) 84%,var(--bg-1)));transition:background-color .18s var(--groups-ease-out),border-color .18s var(--groups-ease-out),box-shadow .18s var(--groups-ease-out)}.groups-members.is-drag-over{background:var(--groups-green-surface);border-color:var(--groups-green-border);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--groups-green-border) 44%,transparent),0 14px 28px color-mix(in oklab,var(--accent-2) 10%,transparent)}.groups-members.is-touch-target{background:var(--groups-green-touch-target);border-color:var(--groups-green-outline);box-shadow:inset 0 0 0 1px var(--groups-green-outline)}.groups-member{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;column-gap:10px;min-width:0;cursor:grab;padding:var(--groups-space-row-y) var(--groups-space-row-x);border-bottom:1px solid var(--groups-member-divider);background:transparent;transition:background .14s var(--groups-ease-out),box-shadow .14s var(--groups-ease-out)}.groups-member:last-child{border-bottom:0}.groups-member.is-dragging{background:color-mix(in oklab,var(--groups-coral-surface) 58%,transparent);box-shadow:inset 3px 0 0 var(--groups-coral-accent);opacity:.45;cursor:grabbing}.groups-member.is-touch-picked{background:color-mix(in oklab,var(--groups-green-surface-strong) 72%,transparent);box-shadow:inset 4px 0 0 var(--groups-green-border)}.groups-member-handle{width:.7rem;height:1.05rem;color:var(--groups-member-handle-rest);opacity:.72;background:radial-gradient(circle,currentColor 1.15px,transparent 1.35px) left center / 4px 6px repeat-y,radial-gradient(circle,currentColor 1.15px,transparent 1.35px) right center / 4px 6px repeat-y;transition:transform .14s var(--groups-ease-out),opacity .14s var(--groups-ease-out),color .14s var(--groups-ease-out)}.groups-member.is-dragging .groups-member-handle,.groups-member.is-touch-picked .groups-member-handle{color:var(--groups-member-handle-active);opacity:1;transform:translate(1px)}.groups-member-main{min-width:0;font-family:var(--font-sans);font-size:1rem;font-kerning:normal;letter-spacing:-.014em;line-height:1.16}.groups-member-index{color:var(--groups-member-kicker);font-family:var(--font-condensed);min-width:2ch;font-size:.84rem;font-weight:700;line-height:1;letter-spacing:.08em;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.groups-member-name{font-size:inherit;font-weight:700;overflow-wrap:anywhere}.groups-member-rating{color:var(--ink-1);display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:.95rem;font-kerning:normal;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.groups-member-rating-value{font-variant-numeric:tabular-nums lining-nums}.groups-search-stack .mh-suggest-item{display:grid;gap:2px}.groups-suggest-name{color:var(--ink-1);font-weight:700}.groups-suggest-meta{color:var(--muted);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:600}:where(.groups-size-btn,.groups-clear,.groups-suggested-chip,.groups-selected-chip):active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.groups-size-btn:hover:not(:disabled){background:var(--groups-coral-surface)}.groups-clear:hover{background:var(--groups-coral-surface);border-color:var(--groups-coral-accent);box-shadow:inset 0 1px color-mix(in oklab,var(--card) 76%,transparent),0 14px 28px color-mix(in oklab,var(--accent-1) 10%,transparent);transform:translateY(-1px)}.groups-suggested-chip:hover{transform:translateY(-1px);border-color:var(--groups-green-border);background:color-mix(in oklab,var(--groups-green-surface-strong) 65%,var(--card))}.groups-selected-chip:hover{transform:translateY(-1px);background:var(--groups-coral-surface);border-color:var(--groups-coral-surface-strong)}.groups-member:hover{background:color-mix(in oklab,var(--groups-coral-surface) 44%,transparent);box-shadow:inset 2px 0 color-mix(in oklab,var(--groups-coral-accent) 68%,transparent)}.groups-member:hover .groups-member-handle{color:var(--groups-member-handle-active);opacity:1;transform:translate(1px)}}@media(max-width:900px){.groups-board-actions{justify-items:start}}@media(max-width:720px){.groups-toolbar{align-items:stretch;gap:12px}.groups-selection{margin-top:14px;padding-top:14px;gap:10px}.groups-selection-head{column-gap:10px;row-gap:8px}.groups-selected-list{flex-wrap:nowrap;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 4px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.groups-selected-chip{flex:0 0 auto;padding:8px 10px}.groups-selected-chip-name{max-width:18ch}.groups-search-stack{width:100%}.groups-toolbar-actions{width:100%;justify-content:space-between;gap:12px}.groups-size-field{flex:1 1 0;min-width:0}.groups-size-input{width:100%}.groups-size-stepper{width:min(100%,12rem)}.groups-copy-status{text-align:left}.groups-touch-move{align-items:flex-start;flex-direction:column}.groups-touch-move-cancel{width:100%;justify-content:center}.groups-card-head{align-items:flex-start}.groups-member{column-gap:8px;padding:11px 12px}.groups-member-handle{width:.62rem;height:.98rem;background-size:4px 5px,4px 5px}.groups-member-index{font-size:.74rem}.groups-member-rating{font-size:.88rem}}@media(max-width:420px){.groups-hero{gap:10px;margin-bottom:18px}.groups-title{font-size:clamp(2.35rem,14vw,2.8rem);line-height:.96}.groups-controls,.groups-board{padding:18px;border-radius:22px}.groups-toolbar-actions{align-items:stretch}.groups-size-stepper{width:100%}.groups-suggested-chip{max-width:14rem}.groups-suggested-list{flex-wrap:wrap;gap:8px;overflow:visible;padding-bottom:0}.groups-selected-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;max-height:10.5rem;overflow-x:hidden;overflow-y:auto;padding-right:2px}.groups-selected-chip{width:100%;justify-content:space-between}.groups-selected-chip-name{max-width:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-card{padding:14px 12px 12px}.groups-member{grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px;padding:10px 11px}.groups-member-handle{display:none}.groups-member-index{min-width:1.7ch}}@media(prefers-reduced-motion:reduce){.groups-size-btn,.groups-clear,.groups-suggested-chip,.groups-selected-chip,.groups-member{transition:none}}