.comment-form{display:flex;flex-direction:column;gap:var(--spacing-unit);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:calc(var(--spacing-unit) * 1.2);transition:border-color .2s,box-shadow .2s}.comment-form:focus-within{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,224,184,.3)}.comment-form.is-top-level{padding:calc(var(--spacing-unit) * 1.5);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-unit)}.comment-textarea{width:100%;background-color:transparent;border:none;outline:none;box-shadow:none;padding:0;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;line-height:1.4;resize:none;max-height:7.125rem;overflow-y:auto}.comment-textarea[readOnly]{cursor:pointer;.comment-form{background-color:var(--surface)}}.comment-textarea[readOnly]:focus{.comment-form:focus-within{box-shadow:none;border-color:var(--border-color)}}.character-counter{color:var(--text-secondary);font-size:.75rem;line-height:1rem}.form-actions{display:flex;align-items:center;gap:var(--spacing-unit);align-self:flex-end}.cancel-button{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.85rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}.cancel-button:hover{background-color:var(--surface);color:var(--text-primary)}.form-actions .button-primary,.form-actions .cancel-button{margin-top:0;padding:.45rem .6rem;font-size:.8rem}