.social-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.social-modal-container{background:var(--color-surface,#1e1e24);border:1px solid var(--color-border,#333);border-radius:var(--radius-lg,12px);flex-direction:column;width:90%;max-width:600px;max-height:90vh;animation:.2s cubic-bezier(.175,.885,.32,1.275) modal-pop;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000080}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.social-modal-header{border-bottom:1px solid var(--color-border,#333);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.social-modal-title{margin:0;font-size:1.1rem;font-weight:600}.social-modal-close{color:var(--color-text-muted,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.social-modal-close:hover{color:var(--color-text,#fff);background:#ffffff1a}.social-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.social-tabs{border-bottom:1px solid var(--color-border,#333);gap:1rem;margin-bottom:1rem;display:flex}.social-tab{color:var(--color-text-muted,#888);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.social-tab.active{color:var(--color-primary,#6366f1);border-bottom-color:var(--color-primary,#6366f1)}.social-editor-wrapper{flex-direction:column;gap:.5rem;display:flex}.social-editor-textarea{border:1px solid var(--color-border,#333);border-radius:var(--radius-md,8px);width:100%;color:var(--color-text,#fff);resize:vertical;background:#0003;outline:none;min-height:120px;padding:1rem;font-family:inherit;transition:border-color .2s}.social-editor-textarea:focus{border-color:var(--color-primary,#6366f1)}.social-editor-footer{justify-content:flex-end;display:flex}.char-counter{color:var(--color-text-muted,#888);font-size:.75rem}.char-counter.warning{color:#ef4444}.social-preview-wrapper{border:1px solid var(--color-border,#333);border-radius:var(--radius-md,8px);min-height:120px;color:var(--color-text,#fff);background:#0003;padding:1rem}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:1rem;margin-bottom:.5rem;font-weight:600}.markdown-body p{margin-bottom:.5rem}.markdown-body a{color:var(--color-primary,#6366f1);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body blockquote{border-left:3px solid var(--color-primary,#6366f1);color:var(--color-text-muted,#888);margin-left:0;padding-left:1rem}.markdown-body code{background:#ffffff1a;border-radius:3px;padding:.2em .4em;font-size:.9em}.markdown-body pre{background:#00000080;border-radius:6px;padding:1rem;overflow-x:auto}.social-modal-actions{border-top:1px solid var(--color-border,#333);background:#0000001a;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}.comment-item{border-bottom:1px solid var(--color-border,#333);padding:1.25rem 0}.comment-item.reply{border-left:2px solid var(--color-border,#333);border-bottom:none;margin-top:.5rem;padding-bottom:.5rem;padding-left:2rem}.comment-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.comment-author-info{align-items:center;gap:.75rem;display:flex}.comment-avatar{object-fit:cover;background:var(--color-border,#333);border-radius:50%;width:36px;height:36px}.comment-meta{flex-direction:column;display:flex}.comment-username{color:var(--color-text,#fff);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.creator-badge{background:var(--color-primary,#6366f1);color:#fff;text-transform:uppercase;border-radius:12px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.comment-time{color:var(--color-text-muted,#888);font-size:.75rem}.comment-actions-menu{position:relative}.comment-dropdown{background:var(--color-surface,#1e1e24);border:1px solid var(--color-border,#333);border-radius:var(--radius-md,8px);z-index:10;min-width:150px;padding:.5rem 0;position:absolute;top:100%;right:0;box-shadow:0 4px 20px #00000080}.comment-dropdown button{width:100%;color:var(--color-text,#fff);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.comment-dropdown button:hover{background:#ffffff0d}.comment-dropdown button.danger{color:#ef4444}.comment-body{color:#ffffffe6;margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.comment-footer{align-items:center;gap:1.5rem;display:flex}.comment-action-btn{color:var(--color-text-muted,#888);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-size:.85rem;transition:color .2s;display:flex}.comment-action-btn:hover{color:var(--color-text,#fff)}.comment-action-btn.liked{color:#ec4899}.product-comments-section{border-top:1px solid var(--color-border,#333);margin-top:4rem;padding-top:2rem}.comments-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.comments-filters{gap:1rem;margin-bottom:1.5rem;display:flex}.filter-btn{color:var(--color-text-muted,#888);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.25rem 0;font-size:.9rem;font-weight:500}.filter-btn.active{color:var(--color-text,#fff);border-bottom-color:var(--color-primary,#6366f1)}.empty-comments{text-align:center;border-radius:var(--radius-lg,12px);border:1px dashed var(--color-border,#333);color:var(--color-text-muted,#888);background:#0003;padding:3rem 1rem}