.profile-wrap { position:relative; display:flex; align-items:stretch; gap:6px; margin-top:15px; }
.profile-wrap .profile { width:auto; flex:1; margin-top:0; }
.profile-more,.library-profile-more { width:31px; min-width:31px; color:#7c857a; border:0; border-radius:5px; background:#f0f2ed; font-weight:800; letter-spacing:1px; }
.profile-more:hover,.library-profile-more:hover { color:#3e4b3a; background:#e4edd7; }
.account-popover,.library-account-popover { position:absolute; right:0; bottom:calc(100% + 9px); z-index:20; width:216px; padding:13px; color:#364034; border:1px solid #dce2d7; border-radius:6px; background:#fff; box-shadow:0 12px 30px rgba(36,47,33,.14); }
.account-popover>p,.library-account-popover>p { margin:0 0 10px; color:#98a28f; font:9px "DM Mono",monospace; letter-spacing:.8px; }
.account-popover>div,.library-account-popover>div { display:flex; justify-content:space-between; align-items:center; padding:9px 10px; border-radius:4px; background:#f6f8f3; }
.account-popover>div+div,.library-account-popover>div+div { margin-top:7px; }
.account-popover span,.library-account-popover span { color:#899388; font-size:10px; }
.account-popover strong,.library-account-popover strong { color:#435937; font-size:11px; }
.library-account-wrap { position:relative; display:flex; align-items:stretch; gap:6px; }
.library-account-wrap .library-account { flex:1; }
.library-account-popover { bottom:calc(100% + 8px); }
@media(max-width:760px){.profile-wrap,.library-account-wrap{display:none}}