.youtube-comments-container[data-v-48e07a62]{margin:0 auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15.5%,#000 84.5%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 15.5%,#000 84.5%,transparent);max-width:1400px;padding:var(--space-6);width:100%}.comments-title[data-v-48e07a62]{align-items:center;color:var(--color-white);display:flex;font-size:2rem;font-weight:var(--font-weight-bold);gap:var(--space-3);justify-content:center;margin-bottom:var(--space-8);text-align:center}.comments-title span[data-v-48e07a62]{background:linear-gradient(135deg,var(--color-white) 0,var(--color-gray-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.youtube-logo[data-v-48e07a62]{flex-shrink:0;height:2.5rem;width:2.5rem}.error-message[data-v-48e07a62]{background-color:#ff3d3d1a;border:1px solid var(--color-error-dark);border-radius:8px;color:var(--color-error-dark);margin-bottom:var(--space-4);padding:var(--space-4)}.loading-container[data-v-48e07a62]{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-10)}.loading-spinner[data-v-48e07a62]{animation:spin-48e07a62 1s linear infinite;border:4px solid var(--color-gray-600);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.loading-spinner.small[data-v-48e07a62]{border-width:2px;height:24px;width:24px}@keyframes spin-48e07a62{to{transform:rotate(1turn)}}.comments-scroll-container[data-v-48e07a62]{margin:var(--space-6) 0;overflow:hidden;position:relative;width:100%}.comments-ticker[data-v-48e07a62]{will-change:transform}.comments-list[data-v-48e07a62],.comments-ticker[data-v-48e07a62]{display:flex;width:-moz-fit-content;width:fit-content}.comments-list[data-v-48e07a62]{gap:var(--space-4);list-style:none;margin:0;padding:var(--space-2)}.comment-card[data-v-48e07a62]{flex-shrink:0;height:auto;min-height:280px;width:380px}.comment-card-content[data-v-48e07a62]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;display:flex;flex-direction:column;gap:var(--space-4);height:100%;overflow:hidden;padding:var(--space-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.comment-card-content[data-v-48e07a62]:before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.comment-card-content[data-v-48e07a62]:hover{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-color:#ffffff26;box-shadow:0 20px 40px #0003;transform:translateY(-4px)}.comment-card-content:hover .video-link-button[data-v-48e07a62],.comment-card-content[data-v-48e07a62]:hover:before{opacity:1}.comment-avatar[data-v-48e07a62]{flex-shrink:0;height:56px;position:relative;width:56px;z-index:1}.avatar-image[data-v-48e07a62]{-o-object-fit:cover;object-fit:cover}.avatar-image[data-v-48e07a62],.avatar-placeholder[data-v-48e07a62]{border-radius:50%;height:100%;width:100%}.avatar-placeholder[data-v-48e07a62]{align-items:center;color:var(--color-white);display:flex;font-size:1.25rem;font-weight:var(--font-weight-bold);justify-content:center;text-transform:uppercase}.comment-content[data-v-48e07a62]{display:flex;flex:1;flex-direction:column;gap:var(--space-3);position:relative;z-index:1}.comment-header[data-v-48e07a62]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.comment-author[data-v-48e07a62]{color:var(--color-white);font-size:1.1rem;font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.comment-date[data-v-48e07a62]{color:var(--color-gray-400);font-size:.875rem}.comment-text[data-v-48e07a62]{color:var(--paragraph-color);font-size:.95rem;line-height:1.7;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;flex:1;overflow:hidden;text-overflow:ellipsis}.comment-text[data-v-48e07a62] a{color:var(--color-primary);text-decoration:none}.comment-text[data-v-48e07a62] a:hover{text-decoration:underline}.comment-likes[data-v-48e07a62]{align-items:center;border-top:1px solid hsla(0,0%,100%,.05);color:var(--color-gray-400);display:flex;font-size:.875rem;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3)}.like-icon[data-v-48e07a62]{height:16px;width:16px}.video-link-button[data-v-48e07a62]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;color:var(--color-gray-400);display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:var(--space-3);text-decoration:none;top:var(--space-3);transition:all .2s ease;width:28px;z-index:2}.video-link-button[data-v-48e07a62]:hover{background:#ffffff1a;border-color:#ffffff26;color:var(--color-white);transform:scale(1.05)}.video-link-button[data-v-48e07a62]:active{transform:scale(.95)}.video-link-icon[data-v-48e07a62]{height:14px;width:14px}.load-more-trigger[data-v-48e07a62]{align-items:center;display:flex;justify-content:center;margin-top:var(--space-6);min-height:100px}.loading-more[data-v-48e07a62]{align-items:center;color:var(--color-gray-400);display:flex;font-size:.875rem;gap:var(--space-3)}.load-more-button[data-v-48e07a62]{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:var(--color-white);cursor:pointer;display:block;font-weight:var(--font-weight-medium);margin:var(--space-6) auto;padding:var(--space-4) var(--space-8);transition:all .3s ease}.load-more-button[data-v-48e07a62]:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.load-more-button[data-v-48e07a62]:disabled{cursor:not-allowed;opacity:.6;transform:none}.end-of-comments[data-v-48e07a62]{border-top:1px solid hsla(0,0%,100%,.05);font-size:.875rem;margin-top:var(--space-6);padding:var(--space-6)}.empty-state[data-v-48e07a62],.end-of-comments[data-v-48e07a62]{color:var(--color-gray-400);text-align:center}.empty-state[data-v-48e07a62]{padding:var(--space-10)}@media(max-width:768px){.youtube-comments-container[data-v-48e07a62]{padding:var(--space-4)}.comments-title[data-v-48e07a62]{font-size:1.5rem;gap:var(--space-2);margin-bottom:var(--space-6)}.comments-title .youtube-logo[data-v-48e07a62]{height:2rem;width:2rem}.comment-card[data-v-48e07a62]{min-height:240px;width:320px}.comment-card-content[data-v-48e07a62]{padding:var(--space-4)}.comment-avatar[data-v-48e07a62]{height:48px;width:48px}.avatar-placeholder[data-v-48e07a62],.comment-author[data-v-48e07a62]{font-size:1rem}.comment-text[data-v-48e07a62]{font-size:.875rem;-webkit-line-clamp:6;line-clamp:6}}.icon-list-wrapper[data-v-2f45ca5b]{display:flex;flex-direction:column;gap:var(--space-6);width:100%}.icon-list-title[data-v-2f45ca5b]{color:var(--color-white);font-size:2rem;font-weight:var(--font-weight-bold);margin:0;text-align:center}.icon-list-title span[data-v-2f45ca5b]{background:linear-gradient(135deg,var(--color-white) 0,var(--color-gray-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.icon-list-container[data-v-2f45ca5b]{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;padding:var(--space-4);width:100%}.icon-badge[data-v-2f45ca5b]{flex-shrink:0;max-width:300px;min-width:180px;width:auto}.icon-badge-content[data-v-2f45ca5b]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;display:flex;flex-direction:row;gap:var(--space-3);min-height:80px;overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-badge-content[data-v-2f45ca5b]:before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.icon-badge-content[data-v-2f45ca5b]:hover{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-color:#ffffff26;box-shadow:0 12px 24px #0003;transform:translateY(-2px)}.icon-badge-content:hover .icon-badge__link[data-v-2f45ca5b],.icon-badge-content[data-v-2f45ca5b]:hover:before{opacity:1}.icon-badge__icon[data-v-2f45ca5b]{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;width:32px;z-index:1}.icon-badge__icon[data-v-2f45ca5b] svg{height:100%;width:100%}.icon-badge__info[data-v-2f45ca5b]{display:flex;flex:1;flex-direction:column;gap:var(--space-1);min-width:0;position:relative;z-index:1}.icon-badge__name[data-v-2f45ca5b]{color:var(--color-white);font-size:.95rem;font-weight:var(--font-weight-bold);line-height:1.3;word-break:break-word}.icon-badge__description[data-v-2f45ca5b]{color:var(--paragraph-color);font-size:.8rem;line-height:1.5;margin:0;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.icon-badge__link[data-v-2f45ca5b]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;color:var(--color-gray-400);display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:var(--space-2);text-decoration:none;top:var(--space-2);transition:all .2s ease;width:24px;z-index:2}.icon-badge__link[data-v-2f45ca5b]:hover{background:#ffffff1a;border-color:#ffffff26;color:var(--color-white);transform:scale(1.05)}.icon-badge__link[data-v-2f45ca5b]:active{transform:scale(.95)}.icon-badge__link-icon[data-v-2f45ca5b]{height:12px;width:12px}.icon-list-empty[data-v-2f45ca5b]{align-items:center;color:var(--color-gray-400);display:flex;font-size:.875rem;justify-content:center;padding:var(--space-6)}@media(max-width:768px){.icon-list-wrapper[data-v-2f45ca5b]{gap:var(--space-4)}.icon-list-title[data-v-2f45ca5b]{font-size:1.5rem}.icon-list-container[data-v-2f45ca5b]{gap:var(--space-2);padding:var(--space-3)}.icon-badge[data-v-2f45ca5b]{max-width:220px;min-width:160px}.icon-badge-content[data-v-2f45ca5b]{min-height:70px;padding:var(--space-2) var(--space-3)}.icon-badge__icon[data-v-2f45ca5b]{height:28px;width:28px}.icon-badge__name[data-v-2f45ca5b]{font-size:.875rem}.icon-badge__description[data-v-2f45ca5b]{font-size:.75rem;-webkit-line-clamp:2;line-clamp:2}}