.comment-form.svelte-1f4iopl{max-width:800px;display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.textarea-container.svelte-1f4iopl{position:relative;margin-bottom:var(--spacing-2)}.comment-form.svelte-1f4iopl textarea:where(.svelte-1f4iopl){width:100%;max-width:100%;padding:var(--spacing-2);font-family:var(--font-text);font-size:var(--text-base)}.submit-button.svelte-1f4iopl{font-size:var(--text-base);padding:var(--spacing-2) var(--spacing-4)}.error-message.svelte-1f4iopl{color:red;font-family:var(--font-text);font-size:var(--text-base)}.char-count.svelte-1f4iopl{position:absolute;bottom:var(--spacing-1);right:var(--spacing-2);font-size:.8em;color:var(--color-text-muted)}.form-actions.svelte-1f4iopl{display:flex;justify-content:flex-end;gap:var(--spacing-2)}.selected-gif.svelte-1f4iopl{position:relative;margin-bottom:var(--spacing-2);max-width:200px}.selected-gif.svelte-1f4iopl img:where(.svelte-1f4iopl){width:100%;border-radius:var(--border-radius)}.remove-gif.svelte-1f4iopl{position:absolute;top:0;right:0;background:#00000080;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.sr-only.svelte-1f4iopl{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}textarea.svelte-1f4iopl:focus-visible{outline:none}.limit-error.svelte-1f4iopl{color:var(--color-error);font-size:.8em;margin-top:var(--spacing-1)}.submit-button[disabled].svelte-1f4iopl{opacity:.5;cursor:not-allowed}.char-count.error.svelte-1f4iopl{color:var(--color-error);font-weight:var(--font-medium)}.preview-toggle.svelte-1f4iopl{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-1)}.toggle-button.svelte-1f4iopl{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);font-stretch:var(--btn-font-stretch);letter-spacing:var(--btn-letter-spacing);text-transform:uppercase;background:transparent;border:1px solid var(--border-medium);border-radius:0;padding:var(--spacing-2) var(--spacing-3);color:#888;cursor:pointer}.toggle-button.active.svelte-1f4iopl{border-color:var(--color-primary);color:var(--color-primary)}.toggle-button.svelte-1f4iopl:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.preview-panel.svelte-1f4iopl{min-height:80px;padding:var(--spacing-2);border:1px solid var(--border-light);border-radius:var(--border-radius);font-family:var(--font-text);font-size:var(--text-base)}.comment-text.svelte-1f4iopl p{margin-bottom:var(--spacing-2)}.comment-text.svelte-1f4iopl p:last-child{margin-bottom:0}.comment-text.svelte-1f4iopl code{background:var(--surface-recessed);padding:2px 4px;border-radius:2px;font-family:monospace;font-size:.9em}.comment-text.svelte-1f4iopl blockquote{border-left:3px solid var(--border-medium);padding-left:var(--spacing-2);margin:var(--spacing-2) 0;color:var(--color-text-muted)}.comment-text.svelte-1f4iopl ul,.comment-text.svelte-1f4iopl ol{margin:var(--spacing-2) 0;padding-left:var(--spacing-4)}.comment-text.svelte-1f4iopl li{margin-bottom:var(--spacing-1)}.comment-text.svelte-1f4iopl a{color:var(--color-primary);text-decoration:underline}.comment-text.svelte-1f4iopl a:hover{text-decoration:none}.comment-list.svelte-1hkq1ln{max-width:800px;margin-top:var(--spacing-4)}.comment-section.svelte-1en54lo{width:100%;background:var(--surface-recessed);border-radius:var(--border-radius);padding:var(--spacing-4);border:1px solid var(--border-light)}.comment-header.svelte-1en54lo{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.sort-button.svelte-1en54lo{background:none;border:none;cursor:pointer;font-size:var(--text-base);color:var(--color-text-muted);padding:4px 8px}.sort-button.active.svelte-1en54lo{color:var(--color-primary);font-weight:var(--font-medium);border-bottom:2px solid var(--color-primary)}.sort-button.svelte-1en54lo:hover:not(.active){color:var(--color-text)}.sort-options.svelte-1en54lo{display:flex;gap:var(--spacing-2)}.comment-section.svelte-1en54lo h3:where(.svelte-1en54lo){font-family:var(--font-text);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text)}.no-comments.svelte-1en54lo{padding:var(--spacing-4);text-align:center;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.pagination.svelte-1en54lo{display:flex;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-4);align-items:center}.page-button.svelte-1en54lo{min-width:32px;height:32px;padding:var(--spacing-1) var(--spacing-2)}.page-button.active.svelte-1en54lo{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.login-prompt.svelte-1en54lo{text-align:center;padding:var(--spacing-4);border:1px solid var(--border-light);border-radius:var(--border-radius);background:var(--surface-base);margin-bottom:var(--spacing-4)}.login-prompt.svelte-1en54lo a:where(.svelte-1en54lo){color:var(--color-primary);text-decoration:underline}.invite-section.svelte-1en54lo{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);margin-bottom:var(--spacing-4);border:1px solid var(--border-light);border-radius:var(--border-radius);background:var(--surface-base);font-size:var(--text-base)}.invite-section.svelte-1en54lo .button:where(.svelte-1en54lo){font-size:var(--text-base);padding:var(--spacing-1) var(--spacing-3);box-shadow:none}.invite-dismiss.svelte-1en54lo{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--text-base);padding:var(--spacing-1);margin-left:auto}.invite-dismiss.svelte-1en54lo:hover{color:var(--color-text)}.comments-container.svelte-1en54lo{position:relative;min-height:100px}