.recommended-badge-container[data-v-8ef0421f]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.recommended-badge-item[data-v-8ef0421f]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00ff001a,#00c8000d);border:1px solid rgba(0,255,0,.3);border-radius:20px;display:flex;gap:.5rem;padding:.375rem .75rem;transition:all .3s ease}.recommended-badge-item[data-v-8ef0421f]:hover{background:linear-gradient(135deg,#00ff0026,#00c8001a);border-color:#00ff0080;box-shadow:0 4px 12px #0f03;transform:translateY(-1px)}.avatar-container[data-v-8ef0421f]{flex-shrink:0;position:relative}.avatar[data-v-8ef0421f]{-o-object-fit:cover;object-fit:cover}.avatar[data-v-8ef0421f],.avatar-placeholder[data-v-8ef0421f]{border:2px solid rgba(0,255,0,.5);border-radius:50%;height:32px;width:32px}.avatar-placeholder[data-v-8ef0421f]{align-items:center;background:linear-gradient(135deg,#0f0,#0c0);color:#fff;display:flex;font-size:.875rem;font-weight:700;justify-content:center}.badge-text[data-v-8ef0421f]{color:#0f0;font-size:.875rem;font-weight:600;white-space:nowrap}.loading[data-v-8ef0421f]{align-items:center;display:flex;justify-content:center;padding:.5rem}.loading-spinner[data-v-8ef0421f]{animation:spin-8ef0421f 1s linear infinite;border:2px solid rgba(0,255,0,.3);border-radius:50%;border-top-color:#0f0;height:20px;width:20px}@keyframes spin-8ef0421f{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media(max-width:768px){.recommended-badge-container[data-v-8ef0421f]{gap:.5rem}.recommended-badge-item[data-v-8ef0421f]{gap:.375rem;padding:.25rem .5rem}.avatar[data-v-8ef0421f],.avatar-placeholder[data-v-8ef0421f]{font-size:.75rem;height:28px;width:28px}.badge-text[data-v-8ef0421f]{font-size:.8rem;max-width:120px;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.badge-text[data-v-8ef0421f]{max-width:80px}}}@media(max-width:480px){.recommended-badge-container[data-v-8ef0421f]{justify-content:center}.recommended-badge-item[data-v-8ef0421f]{min-width:auto}}@media(prefers-color-scheme:dark){.recommended-badge-item[data-v-8ef0421f]{background:linear-gradient(135deg,#00ff0014,#00c8000a)}.recommended-badge-item[data-v-8ef0421f]:hover{background:linear-gradient(135deg,#00ff001f,#00c80014)}}.no-recommended[data-v-8ef0421f]{color:#666;font-size:.875rem;padding:.5rem;text-align:center}