.family-people-filter{flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;margin:0 0 18px;padding:3px 0;display:flex}.family-people-filter .family-person-filter{width:52px;height:52px;color:var(--foreground);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;flex:0 0 52px;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.family-people-filter .family-person-filter[aria-pressed=true]{border-color:var(--primary)}.family-people-filter .family-person-filter:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.family-people-filter .family-person-filter:disabled{opacity:.55;cursor:default}.family-person-all{background:var(--secondary);width:40px;height:40px;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;display:flex}.family-person-filter .sqd-member-avatar{border:0;font-size:14px}.family-person-selected{border:2px solid var(--background);background:var(--primary);width:17px;height:17px;color:var(--primary-foreground);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-1px;right:-1px}.family-people-filter-compact{flex-wrap:nowrap;flex:none;gap:6px;margin:0;padding:0}.family-people-filter-compact .family-person-filter{border-width:2px;flex:0 0 40px;width:40px;height:40px;padding:2px}.family-people-filter-compact .family-person-all{width:32px;height:32px}.family-people-filter-compact .family-person-filter[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.family-greeting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.family-greeting h1{letter-spacing:-.5px;min-width:0;margin:0;font-size:25px;line-height:1.15}.family-home-customise{justify-content:center;margin:18px 0 6px;display:flex}.family-card-replies,.family-match-card{margin:0 0 14px}.family-share-notice{color:#214b34;margin:0 0 10px;font-size:13px}.family-home .family-greeting h1,.family-overview .family-greeting h1{margin:0;font-size:25px;line-height:1.15}.family-greeting h1:focus:not(:focus-visible){outline:none}.family-card-replies-single .availability-reply legend{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.family-card-replies .family-reply-name{font-size:13px;font-weight:700}.family-greeting-tools{flex:0 auto;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.family-greeting-tools .family-settings{position:relative}.family-greeting-tools .family-settings summary{background:var(--card);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:flex}.family-greeting-tools .family-settings summary span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.family-greeting-tools .family-settings-panel{z-index:40;width:min(300px,100vw - 32px);position:absolute;top:100%;right:0}@media (max-width:400px){.family-home .family-greeting h1,.family-overview .family-greeting h1{font-size:22px}}@media (max-width:350px){.family-people-filter-compact{gap:2px}.family-greeting-tools{gap:4px}}.family-people-filter-compact .family-person-filter{aspect-ratio:1;width:40px;min-width:40px;height:40px;min-height:40px;max-height:40px;box-shadow:none;border:0;border-radius:50%;padding:0;overflow:visible}.family-people-filter-compact .family-person-filter[aria-pressed=true]{box-shadow:0 0 0 2px var(--primary);background:0 0}.family-people-filter-compact .family-person-filter .sqd-member-avatar{object-fit:cover;border-radius:50%;width:100%;min-width:0;height:100%;min-height:0}.family-people-filter-compact .family-person-all{border-radius:50%;width:100%;height:100%}.family-people-filter-compact .family-person-selected{width:15px;height:15px;bottom:0;right:0}.family-filter-menu{z-index:4;width:200px;min-width:0;max-width:calc(100vw - 92px);position:relative}.family-filter-menu>summary{border:1px solid var(--border);background:var(--card);min-height:48px;color:var(--foreground);cursor:pointer;border-radius:13px;align-items:center;gap:8px;min-width:0;padding:7px 9px;list-style:none;display:flex}.family-filter-menu>summary::-webkit-details-marker{display:none}.family-filter-menu>summary[aria-disabled=true]{opacity:.6;cursor:default}.family-filter-menu>summary>.sqd-member-avatar,.family-filter-menu>summary>.family-person-all{flex:0 0 32px;width:32px;height:32px}.family-filter-menu>summary>span:not(.sqd-member-avatar):not(.family-person-all){flex:1;min-width:0}.family-filter-menu>summary small{color:var(--muted-foreground);font-size:10px;line-height:1.25;display:block}.family-filter-menu>summary strong{overflow-wrap:anywhere;font-size:12px;line-height:1.3;display:block}.family-filter-menu>summary>svg{flex:0 0 16px}.family-filter-menu[open]>summary>svg{transform:rotate(180deg)}.family-filter-menu-options{background:var(--card);border:1px solid var(--border);border-radius:14px;width:min(280px,100vw - 40px);max-height:min(420px,60dvh);padding:5px;position:absolute;inset:calc(100% + 6px) auto auto 0;overflow-y:auto;box-shadow:0 12px 32px #0002}.family-filter-menu-options .family-person-filter{width:100%;min-height:52px;color:var(--foreground);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:7px 9px;display:flex}.family-filter-menu-options .family-person-filter>.sqd-member-avatar,.family-filter-menu-options .family-person-filter>.family-person-all{flex:0 0 36px;width:36px;height:36px}.family-filter-option-label{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px;line-height:1.4}.family-filter-menu-options .family-person-filter[aria-pressed=true]{background:var(--secondary);box-shadow:inset 3px 0 var(--primary)}.family-filter-menu-options .family-person-filter:disabled{opacity:.55;cursor:default}:is(.family-filter-menu summary:focus-visible,.family-filter-menu-options button:focus-visible){outline:2px solid var(--primary);outline-offset:2px}