.blog-comments[data-v-e9e7b022]{max-width:100%;margin:var(--spacing-5) 0;font-family:inherit;background:var(--background-color);color:var(--foreground-color)}.comments-header[data-v-e9e7b022]{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2)}.comments-title[data-v-e9e7b022]{font-size:1.5rem;font-weight:500;color:var(--foreground-color);margin:0}.comment-form[data-v-e9e7b022],.reply-form[data-v-e9e7b022]{background:var(--background-color);border-radius:var(--radius-lg)}.comment-form[data-v-e9e7b022]{margin-bottom:var(--spacing-5)}.reply-form[data-v-e9e7b022]{margin-top:var(--spacing-3)}.form-grid[data-v-e9e7b022]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.form-grid[data-v-e9e7b022],.form-group[data-v-e9e7b022]{margin-bottom:var(--spacing-2)}.edit-textarea[data-v-e9e7b022],.form-input[data-v-e9e7b022],.form-textarea[data-v-e9e7b022]{width:100%;padding:.75rem 1rem;background:var(--background-color-alt);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--foreground-color);font-size:.95rem;transition:border-color .2s ease,background .2s ease;resize:vertical;box-sizing:border-box}.edit-textarea[data-v-e9e7b022],.form-textarea[data-v-e9e7b022]{min-height:80px}.edit-actions[data-v-e9e7b022],.form-actions[data-v-e9e7b022]{display:flex;gap:var(--spacing-2);justify-content:flex-end;margin-bottom:var(--spacing-2)}.action-btn[data-v-e9e7b022],.btn[data-v-e9e7b022],.submit-btn[data-v-e9e7b022]{padding:.65rem 1rem;border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease;border:1px solid var(--border-color);display:inline-flex;align-items:center;gap:.5rem;background:var(--background-color);color:var(--foreground-color)}.action-btn[data-v-e9e7b022]:hover,.btn-primary[data-v-e9e7b022],.btn[data-v-e9e7b022]:hover,.submit-btn[data-v-e9e7b022],.submit-btn[data-v-e9e7b022]:hover{background:var(--primary-color);color:var(--background-color)}.btn-primary[data-v-e9e7b022],.submit-btn[data-v-e9e7b022]{border-color:var(--primary-color)}.btn-primary[data-v-e9e7b022]:hover,.submit-btn[data-v-e9e7b022]:hover{opacity:.9}.btn-secondary[data-v-e9e7b022]{background:var(--background-color);color:var(--foreground-color);border-color:var(--border-color)}.btn-secondary[data-v-e9e7b022]:hover{background:var(--background-color-alt)}.comments-container[data-v-e9e7b022],.comments-list[data-v-e9e7b022]{display:flex;flex-direction:column;gap:var(--spacing-3)}.comments-container[data-v-e9e7b022]{list-style:none;padding:0;margin:0}.comment-item[data-v-e9e7b022]{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-3)}.comment-body[data-v-e9e7b022]{display:flex;gap:var(--spacing-3);align-items:flex-start}.comment-avatar[data-v-e9e7b022]{width:40px;height:40px;flex-shrink:0;border-radius:.4rem;background:var(--primary-color);color:var(--background-color);display:grid;place-items:center;font-weight:500}.comment-content-wrapper[data-v-e9e7b022],.reply-content-wrapper[data-v-e9e7b022]{flex:1;min-width:0}.comment-header[data-v-e9e7b022],.reply-header[data-v-e9e7b022]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-1)}.comment-meta[data-v-e9e7b022],.reply-meta[data-v-e9e7b022]{display:flex;flex-direction:column}.comment-author[data-v-e9e7b022],.reply-author[data-v-e9e7b022]{font-weight:500;color:var(--foreground-color);margin:0}.comment-date[data-v-e9e7b022],.reply-date[data-v-e9e7b022]{color:var(--foreground-color-alt);font-size:.85rem}.comment-edited[data-v-e9e7b022],.reply-edited[data-v-e9e7b022]{color:var(--foreground-color-alt);font-size:.8rem;font-style:italic}.comment-content[data-v-e9e7b022],.reply-content[data-v-e9e7b022]{margin-bottom:var(--spacing-2)}.comment-content p[data-v-e9e7b022],.reply-content p[data-v-e9e7b022]{margin:0;line-height:1.6;color:var(--foreground-color);word-wrap:break-word}.comment-actions[data-v-e9e7b022],.reply-actions[data-v-e9e7b022]{display:flex;gap:.25rem;align-items:center}.action-btn[data-v-e9e7b022]{display:flex;align-items:center;justify-content:center;background:var(--background-color-alt);color:var(--foreground-color-alt);padding:var(--spacing-1) var(--spacing-2);border-radius:1.5rem;font-size:.85rem;border:1px solid var(--border-color);transition:all .3s ease;font-family:var(--font-family-body)}.action-btn.like-btn.liked[data-v-e9e7b022],.action-btn[data-v-e9e7b022]:hover{background:var(--primary-color);color:var(--background-color);border-color:var(--primary-color)}.action-btn span[data-v-e9e7b022]{filter:grayscale(100%)}.action-btn.liked span[data-v-e9e7b022]{filter:grayscale(0)}.replies-section[data-v-e9e7b022]{padding-left:calc(var(--spacing-3) - 2px);margin-left:40px;border-left:4px solid var(--foreground-color)}.reply-item[data-v-e9e7b022]{border-radius:1rem}.reply-item[data-v-e9e7b022]:not(:last-child){margin-bottom:var(--spacing-2)}.reply-body[data-v-e9e7b022]{display:flex;gap:var(--spacing-2);align-items:flex-start}.reply-avatar[data-v-e9e7b022]{width:40px;height:40px;flex-shrink:0;border-radius:.4rem;background:var(--primary-color);color:var(--background-color);display:grid;place-items:center;font-weight:500;font-size:.9rem}.comments-empty[data-v-e9e7b022]{text-align:center;color:var(--foreground-color-alt);padding:var(--spacing-4) 0;border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.form-label[data-v-e9e7b022]{display:block;font-weight:500;color:var(--foreground-color);margin-bottom:.5rem;font-size:.9rem}.character-count[data-v-e9e7b022],.help-text[data-v-e9e7b022]{font-size:.8rem;color:var(--foreground-color-alt);margin-top:.25rem}.character-count[data-v-e9e7b022]{text-align:right}fieldset[data-v-e9e7b022]{border:none;padding:0;margin:0}legend[data-v-e9e7b022]{font-weight:500;color:var(--foreground-color);margin-bottom:.5rem}@media(prefers-contrast:high){.edit-textarea[data-v-e9e7b022],.form-input[data-v-e9e7b022],.form-textarea[data-v-e9e7b022]{border-color:var(--foreground-color);background:var(--background-color)}}@media(max-width:768px){.form-grid[data-v-e9e7b022]{grid-template-columns:1fr}}