[data-v-cd3e94c3]:root{--bg-primary:#0a0a14;--text-primary:#00f3ff;--accent:#ff2a6d;--grid-color:rgba(0,243,255,.05);--border-color:rgba(0,243,255,.2);--card-bg:rgba(10,15,30,.7);--card-border:rgba(0,243,255,.3);--card-shadow:rgba(0,243,255,.1);--input-bg:rgba(20,25,45,.8);--input-border:rgba(0,243,255,.3);--input-focus-border:#ff2a6d;--input-focus-shadow:rgba(255,42,109,.3);--expert-avatar-border:#00f3ff;--expert-name:#e0e0ff;--link-color:rgba(224,224,255,.8);--link-hover:#00f3ff;--button-border:#00f3ff;--button-text:#00f3ff;--button-hover-bg:rgba(0,243,255,.1);--button-hover-shadow:rgba(0,243,255,.5);--button-glow:rgba(0,243,255,.3);--mobile-breakpoint:768px;--tablet-breakpoint:1024px}[data-theme=light][data-v-cd3e94c3]{--bg-primary:#f0f0f5;--text-primary:#06c;--accent:#c06;--grid-color:rgba(0,102,204,.05);--border-color:rgba(0,102,204,.2);--card-bg:rgba(240,245,255,.9);--card-border:rgba(0,102,204,.3);--card-shadow:rgba(0,102,204,.1);--input-bg:hsla(0,0%,100%,.9);--input-border:rgba(0,102,204,.3);--input-focus-border:#c06;--input-focus-shadow:rgba(204,0,102,.3);--expert-avatar-border:#06c;--expert-name:#336;--link-color:rgba(51,51,102,.8);--link-hover:#06c;--button-border:#06c;--button-text:#06c;--button-hover-bg:rgba(0,102,204,.1);--button-hover-shadow:rgba(0,102,204,.3);--button-glow:rgba(0,102,204,.3)}.recommended-badge-container[data-v-cd3e94c3]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.375rem}@media(max-width:768px){.recommended-badge-container[data-v-cd3e94c3]{gap:.5rem;justify-content:center}}@media(max-width:480px){.recommended-badge-container[data-v-cd3e94c3]{gap:.375rem}}.recommended-badge-item[data-v-cd3e94c3]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#00ff001a,#00c8000d);border:1px solid rgba(0,255,0,.3);border-radius:12px;display:flex;flex-direction:column;gap:.375rem;min-width:80px;padding:.75rem .5rem;text-align:center;transition:all .3s ease}.recommended-badge-item[data-v-cd3e94c3]:hover{background:linear-gradient(135deg,#00ff0026,#00c8001a);border-color:#00ff0080;box-shadow:0 3px 8px #00ff0026;transform:translateY(-1px)}@media(max-width:768px){.recommended-badge-item[data-v-cd3e94c3]{border-radius:10px;gap:.25rem;min-width:70px;padding:.5rem .375rem}}@media(max-width:480px){.recommended-badge-item[data-v-cd3e94c3]{border-radius:8px;gap:.1875rem;min-width:60px;padding:.375rem .25rem}}.avatar-container[data-v-cd3e94c3]{flex-shrink:0;position:relative}.avatar-container .avatar[data-v-cd3e94c3]{border:1px solid rgba(0,255,0,.5);border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}@media(max-width:768px){.avatar-container .avatar[data-v-cd3e94c3]{height:28px;width:28px}}@media(max-width:480px){.avatar-container .avatar[data-v-cd3e94c3]{height:24px;width:24px}}.avatar-container .avatar-placeholder[data-v-cd3e94c3]{align-items:center;background:linear-gradient(135deg,#0f0,#0c0);border:1.5px solid rgba(0,255,0,.5);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:32px;justify-content:center;width:32px}@media(max-width:768px){.avatar-container .avatar-placeholder[data-v-cd3e94c3]{font-size:.65rem;height:28px;width:28px}}@media(max-width:480px){.avatar-container .avatar-placeholder[data-v-cd3e94c3]{border-width:1px;font-size:.55rem;height:24px;width:24px}}.badge-content[data-v-cd3e94c3]{display:flex;flex-direction:column;gap:.1875rem}@media(max-width:480px){.badge-content[data-v-cd3e94c3]{gap:.125rem}}.badge-label[data-v-cd3e94c3]{color:#0f0;font-size:.65rem;font-weight:700;letter-spacing:.3px;line-height:1.1;text-transform:uppercase}@media(max-width:768px){.badge-label[data-v-cd3e94c3]{font-size:.6rem;letter-spacing:.2px}}@media(max-width:480px){.badge-label[data-v-cd3e94c3]{font-size:.55rem}}.badge-role[data-v-cd3e94c3]{color:#0c0;font-size:.7rem;font-weight:600;line-height:1.1;word-wrap:break-word;max-width:80px}@media(max-width:768px){.badge-role[data-v-cd3e94c3]{font-size:.65rem;max-width:70px}}@media(max-width:480px){.badge-role[data-v-cd3e94c3]{font-size:.6rem;max-width:60px}}.loading[data-v-cd3e94c3]{align-items:center;display:flex;justify-content:center;padding:.375rem}.loading-spinner[data-v-cd3e94c3]{animation:spin-cd3e94c3 1s linear infinite;border:1.5px solid rgba(0,255,0,.3);border-radius:50%;border-top-color:#0f0;height:16px;width:16px}@keyframes spin-cd3e94c3{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.no-recommended[data-v-cd3e94c3]{color:#666;font-size:.75rem;padding:.375rem;text-align:center}@media(max-width:768px){.no-recommended[data-v-cd3e94c3]{font-size:.7rem}}@media(prefers-color-scheme:dark){.recommended-badge-item[data-v-cd3e94c3]{background:linear-gradient(135deg,#00ff0014,#00c8000a)}.recommended-badge-item[data-v-cd3e94c3]:hover{background:linear-gradient(135deg,#00ff001f,#00c80014)}.no-recommended[data-v-cd3e94c3]{color:#999}}@media(max-width:360px){.recommended-badge-container[data-v-cd3e94c3]{gap:.25rem}.recommended-badge-item[data-v-cd3e94c3]{gap:.125rem;min-width:55px;padding:.25rem .1875rem}.avatar-container .avatar[data-v-cd3e94c3],.avatar-container .avatar-placeholder[data-v-cd3e94c3]{height:22px;width:22px}.badge-label[data-v-cd3e94c3]{font-size:.5rem}.badge-role[data-v-cd3e94c3]{font-size:.55rem;max-width:50px}}