.comment-card.svelte-1qqv17m{position:relative;background:linear-gradient(135deg,#0f0a1999,#1e143266);border:1px solid rgba(92,0,166,.25);border-radius:.875rem;padding:1rem;margin-bottom:.5rem;transition:all .25s ease;overflow:hidden}.comment-card.svelte-1qqv17m:hover{border-color:#a855f766;background:linear-gradient(135deg,#140f23b3,#28194180);box-shadow:0 4px 20px #5c00a626}.comment-card.is-reply.svelte-1qqv17m{margin-left:0;background:linear-gradient(135deg,#19122880,#281c3c4d)}.comment-card.is-deleting.svelte-1qqv17m{opacity:.5;pointer-events:none}.reply-wrapper.svelte-1qqv17m{overflow:hidden}.accent-line.svelte-1qqv17m{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#7c3aed,#a855f7,#c084fc);opacity:0;transition:opacity .25s ease}.comment-card.svelte-1qqv17m:hover .accent-line:where(.svelte-1qqv17m){opacity:1}.comment-content.svelte-1qqv17m{display:flex;gap:.875rem}.avatar-section.svelte-1qqv17m{position:relative;flex-shrink:0}.avatar-wrapper.svelte-1qqv17m{position:relative;z-index:2}.thread-line.svelte-1qqv17m{position:absolute;left:50%;top:56px;bottom:-1rem;width:2px;background:linear-gradient(180deg,#a855f766,#a855f71a);transform:translate(-50%)}.content-section.svelte-1qqv17m{flex:1;min-width:0}.comment-header.svelte-1qqv17m{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.user-info.svelte-1qqv17m{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.username.svelte-1qqv17m{font-weight:600;color:#e9d5ff;text-decoration:none;transition:color .2s ease}.username.svelte-1qqv17m:hover{color:#c084fc;text-decoration:none}.timestamp.svelte-1qqv17m{font-size:.8rem;color:#e9d5ff80}.comment-text.svelte-1qqv17m{color:#e9d5ffe6;line-height:1.6;word-wrap:break-word;font-size:.95rem}.comment-actions.svelte-1qqv17m{display:flex;gap:.375rem;opacity:0;transition:opacity .2s ease}.comment-actions.visible.svelte-1qqv17m{opacity:1}.action-btn.svelte-1qqv17m{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.5rem;background:#5c00a633;color:#e9d5ffb3;cursor:pointer;transition:all .2s ease}.action-btn.svelte-1qqv17m:hover:not(:disabled){transform:translateY(-2px)}.reply-btn.svelte-1qqv17m:hover{background:#7c3aed66;color:#c084fc}.delete-btn.svelte-1qqv17m:hover{background:#ef44444d;color:#f87171}.action-btn.svelte-1qqv17m:disabled{opacity:.5;cursor:not-allowed}.reply-section.svelte-1qqv17m{margin-top:.875rem}.reply-input-wrapper.svelte-1qqv17m{display:flex;gap:.5rem;align-items:center;background:#5c00a626;border:1px solid rgba(92,0,166,.3);border-radius:.625rem;padding:.5rem;transition:border-color .2s ease,box-shadow .2s ease}.reply-input-wrapper.svelte-1qqv17m:focus-within{border-color:#a855f780;box-shadow:0 0 0 3px #5c00a626}.reply-input.svelte-1qqv17m{flex:1;background:transparent;border:none;color:#e9d5ff;font-size:.9rem;padding:.375rem .5rem;outline:none}.reply-input.svelte-1qqv17m::placeholder{color:#e9d5ff66}.reply-actions.svelte-1qqv17m{display:flex;gap:.375rem}.reply-btn-action.svelte-1qqv17m{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.reply-btn-action.cancel.svelte-1qqv17m{background:#6464644d;color:#9ca3af}.reply-btn-action.cancel.svelte-1qqv17m:hover{background:#64646480}.reply-btn-action.send.svelte-1qqv17m{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.reply-btn-action.send.svelte-1qqv17m:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#c084fc);transform:scale(1.05)}.reply-btn-action.svelte-1qqv17m:disabled{opacity:.5;cursor:not-allowed;transform:none}.replies-container.svelte-1qqv17m{margin-left:2rem;padding-left:1rem;border-left:2px solid rgba(92,0,166,.2);margin-top:.25rem}@media (max-width: 576px){.comment-card.svelte-1qqv17m{padding:.75rem}.comment-content.svelte-1qqv17m{gap:.5rem}.comment-header.svelte-1qqv17m{flex-wrap:wrap;gap:.5rem}.user-info.svelte-1qqv17m{flex:1;min-width:0}.username.svelte-1qqv17m{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.comment-actions.svelte-1qqv17m{opacity:1;flex-shrink:0}.action-btn.svelte-1qqv17m{width:36px;height:36px}.replies-container.svelte-1qqv17m{margin-left:.5rem;padding-left:.625rem}}@media (max-width: 400px){.comment-card.svelte-1qqv17m{padding:.625rem}.avatar-section.svelte-1qqv17m{flex-shrink:0}.avatar-section.svelte-1qqv17m img,.avatar-section.svelte-1qqv17m .avatar-fallback{width:32px!important;height:32px!important;font-size:14px!important}.thread-line.svelte-1qqv17m{top:40px}.comment-content.svelte-1qqv17m{gap:.5rem}.comment-header.svelte-1qqv17m{flex-direction:row;justify-content:space-between;align-items:center}.user-info.svelte-1qqv17m{flex-direction:row;align-items:center;gap:.375rem;flex-wrap:nowrap;overflow:hidden}.username.svelte-1qqv17m{font-size:.85rem}.timestamp.svelte-1qqv17m{font-size:.7rem;flex-shrink:0}.action-btn.svelte-1qqv17m{width:32px;height:32px}.replies-container.svelte-1qqv17m{margin-left:.25rem;padding-left:.5rem;border-left-width:2px}.reply-input-wrapper.svelte-1qqv17m{flex-wrap:wrap}.reply-input.svelte-1qqv17m{width:100%;min-width:100%}.reply-actions.svelte-1qqv17m{width:100%;justify-content:flex-end;margin-top:.5rem}}.comments-section.svelte-juufdy{position:relative}.comments-header.svelte-juufdy{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:1.5rem;border-bottom:2px solid rgba(92,0,166,.3)}.comments-icon.svelte-juufdy{font-size:1.5rem;color:#a855f7;filter:drop-shadow(0 0 8px rgba(168,85,247,.5))}.comments-title.svelte-juufdy{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#e9d5ff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.comments-count-badge.svelte-juufdy{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#5c00a64d,#9333ea33);border:1px solid rgba(168,85,247,.3);border-radius:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.count-number.svelte-juufdy{font-weight:700;font-size:1.1rem;color:#e9d5ff}.count-label.svelte-juufdy{font-size:.85rem;color:#e9d5ffb3}.comment-input-wrapper.svelte-juufdy{position:relative;margin-bottom:2rem;border-radius:1rem;transition:all .3s ease}.input-glow.svelte-juufdy{position:absolute;inset:-2px;border-radius:1rem;background:linear-gradient(135deg,#5c00a680,#9333ea4d,#c084fc80);opacity:0;filter:blur(8px);transition:opacity .3s ease;z-index:-1}.comment-input-wrapper.focused.svelte-juufdy .input-glow:where(.svelte-juufdy){opacity:1;animation:svelte-juufdy-pulse-glow 2s ease-in-out infinite}.input-container.svelte-juufdy{background:linear-gradient(145deg,#0f0a19e6,#1e1432cc);border:1px solid rgba(92,0,166,.4);border-radius:1rem;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s ease,box-shadow .3s ease}.comment-input-wrapper.focused.svelte-juufdy .input-container:where(.svelte-juufdy){border-color:#a855f799;box-shadow:0 0 20px #5c00a633}.textarea-wrapper.svelte-juufdy{position:relative}.comment-textarea.svelte-juufdy{width:100%;min-height:100px;padding:1rem;background:#5c00a61a;border:1px solid rgba(92,0,166,.3);border-radius:.75rem;color:#e9d5ff;font-size:1rem;line-height:1.6;resize:vertical;transition:all .3s ease}.comment-textarea.svelte-juufdy::placeholder{color:#e9d5ff80}.comment-textarea.svelte-juufdy:focus{outline:none;background:#5c00a626;border-color:#a855f780}.char-counter.svelte-juufdy{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:#e9d5ff80;transition:color .2s ease}.char-counter.warning.svelte-juufdy{color:#f59e0b}.comment-actions.svelte-juufdy{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.btn-action.svelte-juufdy{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:none;border-radius:.5rem;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-cancel.svelte-juufdy{background:#6464644d;color:#d1d5db;border:1px solid rgba(100,100,100,.4)}.btn-cancel.svelte-juufdy:hover{background:#64646480;transform:translateY(-1px)}.btn-submit.svelte-juufdy{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:1px solid rgba(168,85,247,.5);box-shadow:0 4px 15px #7c3aed4d}.btn-submit.svelte-juufdy:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#c084fc);transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.btn-submit.svelte-juufdy:disabled{opacity:.5;cursor:not-allowed;transform:none}.comments-list-container.svelte-juufdy{margin-top:1.5rem}.comments-list.svelte-juufdy{display:flex;flex-direction:column;gap:.75rem}.empty-state.svelte-juufdy{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;text-align:center}.empty-icon.svelte-juufdy{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5c00a633,#9333ea1a);border-radius:50%;margin-bottom:1.5rem;border:2px dashed rgba(168,85,247,.3)}.empty-icon.svelte-juufdy i:where(.svelte-juufdy){font-size:2rem;color:#a855f799}.empty-title.svelte-juufdy{font-size:1.25rem;font-weight:600;color:#e9d5ff;margin-bottom:.5rem}.empty-subtitle.svelte-juufdy{color:#e9d5ff99;font-size:.95rem}.skeleton-comment.svelte-juufdy{display:flex;gap:1rem;padding:1rem;background:#5c00a61a;border-radius:.75rem}.skeleton-avatar.svelte-juufdy{width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,#5c00a633 25%,#9333ea4d,#5c00a633 75%);background-size:200% 100%;animation:svelte-juufdy-skeleton-pulse 1.5s ease-in-out infinite}.skeleton-content.svelte-juufdy{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-line.svelte-juufdy{height:12px;background:linear-gradient(90deg,#5c00a633 25%,#9333ea4d,#5c00a633 75%);background-size:200% 100%;border-radius:4px;animation:svelte-juufdy-skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line.short.svelte-juufdy{width:30%}.skeleton-line.medium.svelte-juufdy{width:60%}@keyframes svelte-juufdy-pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes svelte-juufdy-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 576px){.comments-header.svelte-juufdy{flex-direction:column;gap:1rem;align-items:flex-start}.comment-actions.svelte-juufdy{flex-direction:column}.btn-action.svelte-juufdy{justify-content:center}}
