.member-search-open { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border:0; border-radius:9px; background:transparent; color:#8e9ab5; font:inherit; font-size:.7rem; cursor:pointer; }
.member-search-open svg { width:17px; height:17px; }.member-search-open:hover { background:#ffffff06; color:#d0dcfb; }
.member-dialog { position:fixed; width:min(510px,calc(100% - 28px)); max-height:calc(100dvh - 32px); margin:auto; padding:30px; border:1px solid #353c52; border-radius:20px; background:#10141f; color:#edf1fd; box-shadow:0 30px 110px #000a; scrollbar-width:thin; scrollbar-color:#3c4560 transparent; }
.member-dialog::backdrop { background:#03050bbf; backdrop-filter:blur(9px); }.member-dialog [hidden] { display:none!important; }
.member-close { position:absolute; right:16px; top:12px; width:32px; height:32px; border:0; border-radius:50%; background:transparent; color:#8390ac; font-size:24px; cursor:pointer; }.member-close:hover { background:#ffffff07; color:#e8eeff; }
.member-dialog-heading { margin:4px 0 25px; padding-right:15px; }.member-kicker { color:#879bcf; font-size:.54rem; letter-spacing:.15em; font-weight:700; }.member-dialog-heading h2 { margin:12px 0 10px; font-size:1.65rem; letter-spacing:-.045em; }.member-dialog-heading p { margin:0; color:#8491ac; font-size:.73rem; line-height:1.7; }
.member-search-field { display:flex; align-items:center; gap:12px; padding:0 13px; border:1px solid #4b5b854d; border-radius:10px; background:#090d16; }.member-search-field svg { width:18px; color:#8c9bbc; }.member-search-field input { width:100%; min-height:48px; border:0; outline:0; background:none; color:#e8eeff; font:inherit; font-size:.82rem; }.member-search-field:focus-within { border-color:#8ea9f4; }
.member-search-status { margin:21px 0 10px; color:#7d8ba8; font-size:.67rem; }.member-results { display:grid; gap:4px; }.member-result { display:flex; align-items:center; gap:13px; padding:12px 9px; border-radius:11px; }.member-result:hover { background:#a5b8f009; }.member-result-avatar { display:grid; place-items:center; width:41px; height:41px; flex-shrink:0; overflow:hidden; border-radius:50%; background:#25304b; color:#c9d7fe; }.member-result-avatar img { width:100%; height:100%; object-fit:cover; }.member-result>span:nth-child(2) { display:grid; gap:5px; min-width:0; overflow-wrap:anywhere; }.member-result strong { font-size:.78rem; font-weight:600; }.member-result>span:nth-child(2)>span { font-size:.65rem; color:#7c8aa6; }.member-result-arrow { margin-left:auto; color:#65789e; }.member-more { display:block; margin:15px auto 0; border:0; background:none; color:#a8bbed; font:inherit; font-size:.7rem; cursor:pointer; }
.entry-save { display:inline-grid; place-items:center; width:31px; height:31px; padding:6px; border:1px solid #a2b5e523; border-radius:8px; background:#a2b5e508; color:#8999bc; cursor:pointer; flex-shrink:0; }.entry-save svg { width:17px; height:17px; }.entry-save:hover { color:#ead6a0; border-color:#ddbf674a; }.entry-save.is-saved { color:#e9c878; background:#dfbd6410; border-color:#e0bd6540; }.entry-save.is-saved svg { fill:#e9c878; }.entry-save:disabled { opacity:.4; cursor:wait; }
.library-saved-toggle { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid #a5b5e52b; border-radius:8px; background:#a5b5e507; color:#9daed0; font:inherit; font-size:.68rem; cursor:pointer; }.library-saved-toggle svg { width:14px; height:14px; }.library-saved-toggle[aria-pressed=true] { border-color:#d1b36755; color:#e2c888; background:#d1b3670c; }
.member-notice { position:fixed; bottom:25px; left:50%; z-index:100; max-width:calc(100% - 32px); transform:translateX(-50%); padding:12px 18px; border:1px solid #485675; border-radius:11px; background:#1b2334; color:#d5e1ff; box-shadow:0 10px 35px #0006; font-size:.73rem; line-height:1.6; }.member-notice:empty { display:none; }
.member-dialog button:focus-visible,.member-dialog a:focus-visible,.member-search-open:focus-visible,.entry-save:focus-visible { outline:2px solid #a8bafa; outline-offset:3px; }.member-search-field .profile-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:720px) { .member-search-open>span { display:none; }.member-search-open { padding:8px; }.member-dialog { padding:25px 20px; }.entry-actions { flex-wrap:wrap; } }