.people-picker{min-width:0;position:relative}.people-picker-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.people-picker-heading label{align-items:center;gap:8px;margin:0;display:flex}.people-picker-heading label small{color:var(--muted);font-size:12px;font-weight:400}.people-picker .icon{flex:none;width:18px;height:18px}.people-picker-input{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.people-picker-input:focus-within{outline:2px solid var(--purple);outline-offset:2px}.people-picker-input input{background:0 0;border:0;outline:none;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 0}.people-picker-caption{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.5;display:block}.people-picker-chips{flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.people-picker-chips li{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;align-items:center;gap:6px;max-width:100%;padding:5px 7px;animation:.2s people-arrive;display:flex}.people-picker-chips :is(b,small),.people-picker-results :is(b,small){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.people-picker-chips b{font-size:12px}.people-picker-chips small{color:var(--muted);font-size:11px}.people-picker-chips .avatar{flex:none;width:30px;height:30px}.people-picker-chips .icon-btn{width:32px;min-width:32px;height:32px;padding:7px}.people-picker-results{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);z-index:25;border-radius:12px;max-height:280px;padding:6px;animation:.18s people-arrive;position:absolute;top:100%;left:0;right:0;overflow:auto}.people-picker-results button[role=option]{text-align:left;width:100%;min-height:48px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:9px;display:flex}.people-picker-results button[aria-selected=true],.people-picker-results button:hover{background:var(--lavender);border-color:var(--line)}.people-picker-results button>span:not(.avatar){flex:1;min-width:0}.people-picker-results small{color:var(--muted);font-size:12px}.people-picker-results p{margin:0;padding:10px;font-size:13px}.people-picker-demo{background:var(--surface-soft);border-radius:12px;align-items:center;gap:8px;padding:14px 8px;display:flex}.people-picker-demo>span{border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.people-picker-demo>span:nth-child(2){animation:3s ease-in-out infinite people-match}.new-group-dialog{width:min(580px,100vw - 24px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto}.new-group-dialog .group-form{gap:16px}.new-group-dialog .group-form>label{gap:7px}.new-group-dialog .group-extra{border:1px solid var(--line);border-radius:12px;padding:12px}.new-group-dialog .group-extra>summary{cursor:pointer;align-items:center;gap:8px;min-height:30px;display:flex}.new-group-dialog .group-extra[open]>summary{margin-bottom:14px}.new-group-dialog .group-visibility{grid-template-columns:1fr 1fr;gap:8px;display:grid}.new-group-dialog .group-visibility label{margin:0;padding:12px}.new-group-dialog .group-discovery-choice,.new-group-dialog .group-avatar-options{margin:12px 0}.new-group-dialog .group-submit{justify-content:center;width:100%;min-height:44px}@keyframes people-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes people-match{0%,20%{opacity:.35;transform:translateY(4px)}45%,to{opacity:1;transform:none}}@media (max-width:480px){.new-group-dialog{padding:20px 16px}.new-group-dialog .group-visibility{grid-template-columns:1fr}.people-picker-demo{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.people-picker *,.people-picker-demo *{animation:none!important}}