.comment-form.svelte-1ofo2c5{display:flex;flex-direction:column;gap:1rem}.profile-row.svelte-1ofo2c5{display:flex;align-items:center;gap:.875rem}.avatar.svelte-1ofo2c5{display:flex;width:2.75rem;height:2.75rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;color:#fff;font-size:.875rem;font-weight:700;line-height:1;overflow:hidden}.avatar.svelte-1ofo2c5 img:where(.svelte-1ofo2c5){width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.name-input-row.svelte-1ofo2c5{display:flex;align-items:center;gap:.5rem}.name-field.svelte-1ofo2c5,.content-field.svelte-1ofo2c5{display:flex;flex-direction:column;gap:.45rem;width:100%}.name-field.svelte-1ofo2c5 span:where(.svelte-1ofo2c5),.content-field.svelte-1ofo2c5 span:where(.svelte-1ofo2c5){color:#00000080;font-size:.875rem;font-weight:700}.dark .name-field.svelte-1ofo2c5 span:where(.svelte-1ofo2c5),.dark .content-field.svelte-1ofo2c5 span:where(.svelte-1ofo2c5){color:#ffffff80}input.svelte-1ofo2c5,textarea.svelte-1ofo2c5{width:100%;border:1px solid var(--line-divider);border-radius:.75rem;background:#00000008;color:#000000bf;outline:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}input.svelte-1ofo2c5{height:2.75rem;padding:0 .875rem}.random-name-button.svelte-1ofo2c5{width:2.75rem;height:2.75rem;border:1px solid var(--line-divider);background:#00000008}textarea.svelte-1ofo2c5{min-height:7.5rem;resize:vertical;padding:.875rem;line-height:1.65}.reply-preview.svelte-1ofo2c5,.comment-quote.svelte-1ofo2c5{border:1px solid var(--line-divider);border-radius:.75rem;background:#00000008}.reply-preview.svelte-1ofo2c5{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.75rem}.reply-preview.svelte-1ofo2c5 strong:where(.svelte-1ofo2c5),.comment-quote.svelte-1ofo2c5 strong:where(.svelte-1ofo2c5){display:block;margin-bottom:.25rem;color:#000000b8;font-size:.8rem}.reply-preview.svelte-1ofo2c5 p:where(.svelte-1ofo2c5),.comment-quote.svelte-1ofo2c5 p:where(.svelte-1ofo2c5){display:-webkit-box;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#00000080;font-size:.82rem;line-height:1.5}input.svelte-1ofo2c5:focus,textarea.svelte-1ofo2c5:focus{border-color:var(--primary);background:#0000000b}.dark input.svelte-1ofo2c5,.dark textarea.svelte-1ofo2c5,.dark .random-name-button.svelte-1ofo2c5,.dark .reply-preview.svelte-1ofo2c5,.dark .comment-quote.svelte-1ofo2c5{background:#ffffff0e;color:#ffffffc7}.dark .reply-preview.svelte-1ofo2c5 strong:where(.svelte-1ofo2c5),.dark .comment-quote.svelte-1ofo2c5 strong:where(.svelte-1ofo2c5){color:#ffffffc7}.dark .reply-preview.svelte-1ofo2c5 p:where(.svelte-1ofo2c5),.dark .comment-quote.svelte-1ofo2c5 p:where(.svelte-1ofo2c5){color:#ffffff85}.dark input.svelte-1ofo2c5:focus,.dark textarea.svelte-1ofo2c5:focus{background:#ffffff14}.form-footer.svelte-1ofo2c5,.sync-row.svelte-1ofo2c5{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sync-row.svelte-1ofo2c5{border:1px dashed var(--line-divider);border-radius:.75rem;padding:.75rem .875rem}.comment-hint.svelte-1ofo2c5,.character-count.svelte-1ofo2c5,.empty-state.svelte-1ofo2c5,.form-error.svelte-1ofo2c5,.sync-row.svelte-1ofo2c5 p:where(.svelte-1ofo2c5){margin:0;font-size:.875rem}.comment-hint.svelte-1ofo2c5,.character-count.svelte-1ofo2c5,.empty-state.svelte-1ofo2c5,.sync-row.svelte-1ofo2c5 p:where(.svelte-1ofo2c5){color:#00000080}.dark .comment-hint.svelte-1ofo2c5,.dark .character-count.svelte-1ofo2c5,.dark .empty-state.svelte-1ofo2c5,.dark .sync-row.svelte-1ofo2c5 p:where(.svelte-1ofo2c5){color:#ffffff80}.comment-hint.warning.svelte-1ofo2c5,.form-error.svelte-1ofo2c5{color:#dc2626}.submit-side.svelte-1ofo2c5{display:flex;flex:0 0 auto;align-items:center;gap:.75rem}.submit-button.svelte-1ofo2c5,.sync-button.svelte-1ofo2c5{min-height:2.75rem;gap:.4rem;border-radius:.75rem;padding:0 1rem;font-weight:700}.submit-button.svelte-1ofo2c5:disabled,.sync-button.svelte-1ofo2c5:disabled{cursor:not-allowed;opacity:.6}.submit-button.svelte-1ofo2c5 svg,.sync-button.svelte-1ofo2c5 svg{width:1.15rem;height:1.15rem}.comment-list.svelte-1ofo2c5{display:flex;flex-direction:column;gap:1.15rem;margin-top:1.5rem}.comment-item.svelte-1ofo2c5{display:flex;gap:.875rem;border-top:1px dashed var(--line-divider);padding-top:1.15rem}.comment-item.local-only.svelte-1ofo2c5{opacity:.88}.comment-body.svelte-1ofo2c5{min-width:0;flex:1}.comment-meta.svelte-1ofo2c5{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.comment-meta.svelte-1ofo2c5 h3:where(.svelte-1ofo2c5){display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;color:#000000db;font-size:.95rem;font-weight:800}.local-badge.svelte-1ofo2c5{border-radius:999px;background:#f59e0b24;color:#b45309;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.comment-meta.svelte-1ofo2c5 time:where(.svelte-1ofo2c5){display:block;margin-top:.15rem;color:#0000006b;font-size:.8rem}.dark .comment-meta.svelte-1ofo2c5 h3:where(.svelte-1ofo2c5){color:#ffffffdb}.dark .comment-meta.svelte-1ofo2c5 time:where(.svelte-1ofo2c5){color:#ffffff6b}.dark .local-badge.svelte-1ofo2c5{background:#f59e0b2e;color:#fbbf24}.comment-quote.svelte-1ofo2c5{margin:0 0 .65rem;padding:.65rem .75rem}.comment-body.svelte-1ofo2c5>p:where(.svelte-1ofo2c5){margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#000000b8;line-height:1.75}.dark .comment-body.svelte-1ofo2c5>p:where(.svelte-1ofo2c5){color:#ffffffb8}.comment-actions.svelte-1ofo2c5{display:flex;flex:0 0 auto;gap:.25rem}.reply-button.svelte-1ofo2c5{display:inline-flex;height:2rem;flex:0 0 auto;align-items:center;justify-content:center;gap:.25rem;border-radius:.625rem;color:#00000073;padding:0 .55rem;font-size:.8rem;font-weight:700;transition:background-color .2s ease,color .2s ease}.reply-button.svelte-1ofo2c5:hover{background:var(--btn-plain-bg-hover);color:var(--btn-content)}.icon-button.svelte-1ofo2c5{display:flex;width:2rem;height:2rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:.625rem;color:#00000059;transition:background-color .2s ease,color .2s ease}.icon-button.svelte-1ofo2c5:hover{background:var(--btn-plain-bg-hover);color:var(--btn-content)}.icon-button.danger.svelte-1ofo2c5:hover{color:#dc2626}.icon-button.svelte-1ofo2c5:disabled{cursor:not-allowed;opacity:.55}.dark .icon-button.svelte-1ofo2c5{color:#ffffff59}.dark .reply-button.svelte-1ofo2c5{color:#ffffff7a}.reply-button.svelte-1ofo2c5 svg{width:1.05rem;height:1.05rem}.icon-button.svelte-1ofo2c5 svg{width:1.2rem;height:1.2rem}@media (max-width: 640px){.form-footer.svelte-1ofo2c5,.sync-row.svelte-1ofo2c5{align-items:stretch;flex-direction:column}.submit-side.svelte-1ofo2c5{justify-content:space-between}}.post-metrics.svelte-1wd1wxv{display:flex;align-items:center;gap:1.25rem;color:#0000004d;transition:color .2s ease}.dark .post-metrics.svelte-1wd1wxv{color:#ffffff4d}.metric-item.svelte-1wd1wxv{display:inline-flex;align-items:center;gap:.5rem;min-width:0;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-size:.875rem;line-height:1.25rem}.metric-icon.svelte-1wd1wxv{display:inline-flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;border-radius:.375rem;background:#0000000d;color:#00000080;transition:background-color .2s ease,color .2s ease}.dark .metric-icon.svelte-1wd1wxv{background:#ffffff1a;color:#ffffff80}.like-button.svelte-1wd1wxv{cursor:pointer}.like-button.svelte-1wd1wxv:disabled{cursor:wait;opacity:.75}.like-button.svelte-1wd1wxv:hover,.like-button.liked.svelte-1wd1wxv{color:var(--primary)}.like-button.svelte-1wd1wxv:hover .metric-icon:where(.svelte-1wd1wxv),.like-button.liked.svelte-1wd1wxv .metric-icon:where(.svelte-1wd1wxv){background:var(--btn-regular-bg);color:var(--primary)}.sr-only.svelte-1wd1wxv{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}