dialog.room-member-drawer{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;border-left:1px solid var(--line);border-radius:0;max-width:none;max-height:none;background:#fff;color:var(--ink);overflow:hidden;box-shadow:-8px 0 30px #20243712}
.room-member-drawer[open]{display:flex;flex-direction:column}
.room-member-drawer::backdrop{background:#171b2866}
.room-member-drawer>header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);flex:none}
.room-member-drawer h2{grid-column:2;font-size:18px;text-align:center;margin:0}
.room-member-drawer>header button{grid-column:3;min-width:36px;width:36px;height:36px;padding:5px;color:var(--muted)}
.room-member-drawer>header button svg{width:26px;height:26px}
.member-search{display:flex;align-items:center;gap:8px;margin:16px 16px 8px;padding:0 12px;min-height:38px;border:1px solid var(--line);border-radius:20px;background:var(--bg);flex:none}
.member-search>svg{width:18px;height:18px;color:var(--muted);flex:none}
.member-search input[type=search]{width:100%;min-width:0;padding:8px 0;border:0;background:transparent;border-radius:0;font-size:13px;outline:none;box-shadow:none}
.member-search:focus-within{outline:2px solid var(--ui-focus);outline-offset:2px}
.member-drawer-scroll section>h3{font-size:13px;line-height:20px;font-weight:500;color:var(--muted);margin:18px 0 6px}
.member-drawer-scroll section[hidden]{display:none}
#member-total{font-size:13px;font-weight:400;color:var(--muted)}
.member-drawer-scroll{min-height:0;overflow:auto;flex:1;padding:0 16px max(16px,env(safe-area-inset-bottom));overscroll-behavior:contain}
.member-drawer-list{list-style:none;padding:0;margin:0}
.member-drawer-list li{display:flex;gap:10px;align-items:center;padding:10px 0;min-height:60px;min-width:0}
.room-member-drawer .avatar{width:40px;height:40px;margin:0;border-radius:50%;flex:none}
.room-member-drawer .member-initial{font-size:17px;font-weight:600;color:white;background:#25877d}
.room-member-drawer .tone-1{background:#7656bc}.room-member-drawer .tone-2{background:#3675ac}.room-member-drawer .tone-3{background:#a46137}.room-member-drawer .tone-4{background:#a64c78}
.member-identity{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.member-drawer-status{font-size:13px;color:var(--muted);padding:12px 0;overflow-wrap:anywhere}
.member-drawer-status:empty{display:none}
.member-load-more{width:100%;margin-top:12px}
.member-load-more[hidden]{display:none}