.mude-related-users{margin:20px 0;padding:20px;border-radius:5px;clear:both;position:relative;}.mude-users-title{margin:0 0 15px 0;font-size:12px;font-weight:600;color:#333;border-bottom:2px solid #0073aa;padding-bottom:8px;}.mude-users-grid{display:flex;flex-wrap:nowrap;gap:15px;align-items:flex-start;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}.mude-users-grid::-webkit-scrollbar{display:none;}.mude-users-grid.grabbing{cursor:grabbing;}.mude-scroll-mask{pointer-events:none;z-index:1;}.mude-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:all 0.3s ease;z-index:10;opacity:0;pointer-events:none;}.mude-related-users:hover .mude-nav-arrow{opacity:1;pointer-events:auto;}.mude-nav-arrow:hover{background-color:#0073aa;transform:translateY(-50%) scale(1.1);}.mude-nav-arrow::before{content:'';width:12px;height:12px;border-top:3px solid #0073aa;border-right:3px solid #0073aa;display:block;transition:all 0.3s ease;}.mude-nav-arrow:hover::before{border-color:#fff;}.mude-nav-arrow.left{left:-15px;}.mude-nav-arrow.right{right:-15px;}.mude-nav-arrow.left::before{transform:rotate(-135deg);margin-left:3px;}.mude-nav-arrow.right::before{transform:rotate(45deg);margin-right:3px;}@media (prefers-color-scheme:dark){.mude-nav-arrow{background-color:rgba(42,42,42,0.9);} .mude-nav-arrow::before{border-color:#58a6ff;} .mude-nav-arrow:hover{background-color:#58a6ff;}}.mude-user-item{flex:0 0 auto;text-align:center;max-width:80px;pointer-events:auto;}.mude-users-grid.grabbing .mude-user-item{pointer-events:none;}.mude-user-item a{display:block;text-decoration:none;color:inherit;transition:transform 0.2s ease,box-shadow 0.2s ease;padding:1px;border-radius:8px;}.mude-user-item a:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);background-color:#fff;}.mude-user-item img.avatar{border-radius:50% !important;border:2px solid #ddd;transition:border-color 0.2s ease;display:block;margin:0 auto 8px;width:60px !important;height:60px !important;object-fit:cover;pointer-events:none;}.mude-user-item a:hover img.avatar{border-color:#0073aa;}.mude-user-name{display:block;font-size:12px;font-weight:500;color:#555;line-height:1.3;word-wrap:break-word;hyphens:auto;}.mude-user-item a:hover .mude-user-name{color:#0073aa;}@media (max-width:768px){.mude-related-users{margin:15px 0;padding:15px;} .mude-users-title{font-size:16px;margin-bottom:12px;} .mude-users-grid{gap:8px;justify-content:flex-start;} .mude-user-item{max-width:70px;flex-shrink:0;} .mude-user-item img.avatar{width:50px;height:50px;} .mude-user-name{font-size:11px;}}@media (max-width:480px){.mude-related-users{padding:12px;} .mude-users-grid{gap:10px;} .mude-user-item{max-width:60px;flex-shrink:0;} .mude-user-item img.avatar{width:45px;height:45px;} .mude-user-name{font-size:10px;}}@media (prefers-color-scheme:dark){.mude-related-users{background-color:#2a2a2a;color:#e0e0e0;} .mude-users-title{color:#e0e0e0;border-color:#0073aa;} .mude-user-name{color:#ccc;} .mude-user-item a:hover{background-color:#333;} .mude-user-item a:hover .mude-user-name{color:#58a6ff;}}@media print{.mude-related-users{background:none;border:1px solid #ccc;} .mude-user-item a{color:#000 !important;} .mude-user-item a:hover{transform:none;box-shadow:none;}}