.menu-toggle{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #3c6576;border-radius:12px;background:#142b3b;color:#86e7ea;cursor:pointer}dialog.member-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(310px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;box-sizing:border-box;padding:20px;border:0;border-right:1px solid #52647c;background:linear-gradient(160deg,#183044,#121a2e);color:#edf6ff;overflow:auto;box-shadow:20px 0 80px #0005}.member-drawer::-webkit-backdrop{background:#030916b8}.member-drawer::backdrop{background:#030916b8}.member-drawer header{display:flex;align-items:center;justify-content:space-between;color:#8bece8;font-weight:800;letter-spacing:.1em}.member-drawer button{cursor:pointer;border:0;background:transparent;color:inherit;min-height:44px;font:inherit;text-align:left}.member-drawer header button{font-size:28px;width:44px}.member-drawer .menu-profile{display:flex;gap:12px;align-items:center;width:100%;padding:14px 0;margin:14px 0;border-bottom:1px solid #42526d}.menu-profile>span{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#46dcd9,#b19cff);color:#172334;overflow:hidden}.menu-profile img{width:100%;height:100%;object-fit:cover}.menu-profile div{min-width:0}.menu-profile b{font-size:14px;display:block;overflow-wrap:anywhere}.menu-profile small{display:block;font-size:11px;color:#a4bad0;margin-top:4px}.member-drawer nav{display:grid;grid-gap:6px;gap:6px}.member-drawer nav button{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;font-size:14px;background:#1b304455}.member-drawer nav button:hover{background:#29455d;color:#8cebe2}.member-drawer button:focus-visible,.menu-toggle:focus-visible{outline:2px solid #ffdc89;outline-offset:2px}.member-panel{padding:20px;border:1px solid #455c78;border-radius:18px;background:#111e30;color:#eaf4ff;margin:16px 0}.member-panel article{border:1px solid #43536f;border-radius:14px;padding:16px;margin:12px 0;background:#18283c}.member-panel article.unread{border-left:3px solid #58dfd1}.member-panel small{color:#a4d6dc}.member-panel blockquote,.member-panel p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.member-panel label{display:grid;grid-gap:6px;gap:6px;margin:10px 0;font-size:13px}.member-panel input,.member-panel select,.member-panel textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #586b85;border-radius:10px;background:#0c1725;color:#edf7ff}.member-panel textarea{min-height:100px;resize:vertical}.member-panel button{min-height:44px;padding:10px 15px;background:#51dfcf;border:0;border-radius:10px;color:#0b2530;cursor:pointer;font-weight:700}.member-panel button:disabled{opacity:.5;cursor:wait}.member-panel :is(button,input,textarea,select):focus-visible{outline:2px solid #ffe39c;outline-offset:3px}@media(max-width:650px){.top .brand small{display:none}.top .brand{gap:7px}.top .brand b{font-size:13px}.top .brand i{width:32px;height:32px;font-size:18px}.member-panel{padding:14px}}