.people-directory{max-width:1100px;margin:auto}.people-directory .people-shortcuts{display:flex;gap:8px;margin:0 0 10px}.people-shortcuts a{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:13px;text-decoration:none}.people-search-row{display:flex;gap:8px}.people-search-row input{flex:1;min-width:0;width:0}.people-filter-form input:not([type=checkbox]):not([type=radio]),.people-filter-form button{min-height:42px;font-size:15px}.people-filter-form{margin-bottom:12px}.people-options{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.people-options[hidden]{display:none}.people-gender{display:flex;gap:6px;margin-bottom:12px}.people-gender label{flex:1;position:relative}.people-gender input{position:absolute;opacity:0;width:1px;height:1px}.people-gender span{display:block;text-align:center;padding:9px 5px;border:1px solid var(--line);border-radius:10px;color:var(--text)}.people-gender input:checked+span{background:var(--accent);color:var(--accent-ink,#fff);border-color:transparent}.people-gender input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.people-age{display:flex;gap:10px;margin-bottom:10px}.people-age label{flex:1;min-width:0;color:var(--muted);font-size:12px}.people-age input{display:block;width:100%;margin-top:4px}.people-options>input{width:100%}.people-checks{display:flex;gap:18px;margin:12px 0;color:var(--text);font-size:14px}.people-checks label{display:flex;align-items:center;gap:6px}.people-checks input{width:18px;height:18px;accent-color:var(--accent)}.people-filter-actions{display:flex;justify-content:space-between;gap:10px}.people-filter-actions button{flex:1}.people-filter-error{color:var(--danger,#b32640);font-size:13px;margin:8px 0}.people-directory .person-tile{position:relative}.people-online{position:absolute;left:9px;top:9px;border-radius:999px;background:rgba(15,25,25,.8);color:#fff;padding:4px 8px;font-size:11px;display:flex;align-items:center;gap:5px}.people-online:before{content:'';width:6px;height:6px;background:#66e3a4;border-radius:50%}.people-directory .people-results{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}@media(max-width:700px){.people-directory .people-results{grid-template-columns:repeat(2,minmax(0,1fr))}.people-directory .person-caption h2{font-size:15px}.people-directory .people-shortcuts{margin-bottom:8px}.people-search-row button{padding:8px 12px}}

.people-order-note,.people-rank-limit{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0 12px}.people-order-note a{color:var(--accent);white-space:nowrap}.people-filter-error button{margin-left:6px}