.grp__invite{justify-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);display:grid}.grp__qr{aspect-ratio:1;border-radius:var(--radius-md);width:min(220px,64vw);overflow:hidden}.grp__code{letter-spacing:.14em;font-variant-numeric:tabular-nums;margin:0;font-size:1.75rem;font-weight:800}.grp__invite .prefs__note{text-align:center}.grp__head{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:0;display:flex}.grp__head:active{background:var(--surface-2);transform:scale(.99)}.grp__head>svg{color:var(--text-muted);flex:none}.grp__headtext{flex:1;gap:2px;min-width:0;display:grid}.grp__name{overflow-wrap:anywhere;margin:0;font-size:1.375rem;font-weight:800;line-height:1.2;display:block}.grp__head .prefs__note{padding:0}.grp__status{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);display:flex}.grp__soon{opacity:.72}.gsearch{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 62%, transparent);color:var(--text-muted);cursor:text;display:flex;box-shadow:inset 0 1px #ffffff24}.grp__hero{height:clamp(220px,46dvh,440px);margin-bottom:var(--space-2);place-items:center;display:grid}.layer--pane .grp__hero{grid-template:minmax(0,1fr)/minmax(0,1fr);height:clamp(140px,32dvh,330px)}.grp__hero svg{width:100%;height:100%;overflow:visible}.gsearch:focus-within{border-color:var(--gold-text)}.gsearch input{min-width:0;min-height:44px;color:var(--text);font:inherit;appearance:none;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:1rem}.gsearch input::placeholder{color:var(--text-muted)}